购物车功能需求：根据数据创建购物车内容；实现购物车添加商品功能；实现购物车商品数量的增加、减少；实现购物车商品的删除功能；购物车的全选功能；底部计算总件数、总价；看一下效果：分析：分了三个文件来写，GoodsList.js，用来创建商品列表；ShoppingCart.js，用来创建购物车内容，StepNumber.js，用来创建购物车中，操作商品数量的组件。要分清各个...

vue.js服务器端渲染的两种方式：vue-server-rendererNuxt.js1. vue-server-renderervue-server-renderer插件，使用 Node.js server 的服务器端单页面应用程序渲染。将 Vue 服务器端渲染 (SSR) 与其他后端设置进行混合使用。用法：安装 ==> 渲染一个 Vue 实例 ==> 与服务器集成...

前端开发完成的项目，不管是使用vue、react、或者是别的web项目，最终都是要部署到外网上，让用户可以通过域名来访问。这篇文章以一个 react 移动端的项目为例，讲怎样将自己本地的项目部署到阿里云服务器上。文章比较长，第一次部署项目的大体流程如下：部署前的准备，项目打包、阿里云服务器准备；本地连接阿里云服务器；服务器安装epel仓库;服务器安装nginx；启动nginx，如果出...

vue项目中使用Js判断图片是否加载完 所有图片加载完成前展示Loading效果。用户创建自己的页面，给创建好的内容页面增加皮肤效果。选择某一皮肤后，当该皮肤中的所有图片都加载完后，再展示皮肤效果；加载图片的时候展示loading效果。

移动端适配方案中，可以使用vw作为页面中各元素的单位，以此来完成适配效果。下面我们来讲怎样在vue-cli 项目中使用 postcss-px-to-viewport插件。前言先来认识一下postcss，postcss是一个用 JavaScript 工具和插件转换 CSS 代码的工具。postcss的作用：兼容各个内核的浏览器，增强代码的可读性。autoprefixer 插件可以自动获取浏...

Vue 组件之间数据传递的几种方式：父组件向子组件传递数据，使用props属性；子组件向父组件中传递数据，在子组件中使用$emit派发事件，父组件中使用v-on 监听事件；缺点：组件嵌套层次多的话，传递数据比较麻烦。祖先组件通过依赖注入(inject / provide)的方式，向其所有子孙后代传递数据；缺点：无法监听数据修改的来源，不支持响应式。通过属性$root / $parent /...

获取页面中的元素可以通过以下几种途径：通过 id 名通过 标签名通过 class 名通过 name 的值querySelector对应的方法为：document.getElementById("")，根据id获取元素，只能获取唯一一个，只能使用document获取。document.getElementById("");//根据id获取元素，只能获取唯一一个//只能使用...

分两部分来讲前端使用jquery-form插件对表单内容进行提交在html结构<form id="position_add_form" name="position_form"><input type="file" name="logo"></form>一是前端将图片以post方式提交到服务器二是后端nodeJ...

javascript是 点 语法，php 是箭头 语法。PHP简介什么是PHP：PHP 是 “PHP Hypertext Preprocessor” 的首字母缩略词PHP 是一种被广泛使用的开源脚本语言PHP 脚本只能在服务器上执行PHP 没有成本，可供免费下载和使用什么是PHP文件：PHP 文件能够包含文本、HTML、CSS 以及 PHP 代码PHP 代码在服务器上执行，...

一、项目背景：使用uniapp框架开发的小程序，因业务需求，要在小程序的webview里嵌入第三方的h5页面。当用户点击小程序右上角的三个点进行分享的时候，要将h5页面传过来的参数作为分享数据。二、小程序端先来了解一下小程序的 web-view 组件：web-view 是一个 web 浏览器组件，可以用来承载网页的容器，会自动铺满整个页面（nvue 使用需要手动指定宽高）。小程序的 web-vie