微信小程序本地存储的异步同步用法详解
官网:https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorageSync.html一：同步wx.setStorageSync(); //存储值 try { wx.setStorageSync('key', 'value') } catch (e) { }wx.getStorageSync(); // 获取值 try { var value = wx.getStorageSyn
el-form实现表单和图片手动上传和校验
这是一个注册需求，要求用户在注册的时候需要填写注册信息并上传“营业执照”等信息。表单内容需进行验证及必填项提示，图片需要和信息一起传递且图片载入后需可预览。既然是注册我们当然是用form表单来提交了，对应的ElementUI组件标签则是el-form。表单数据从上面的图可以看出注册环节分为了两部分数据，左边是注册时需求提交的表单信息，右边是需求上传的图片。先来解决左边的表单数据，el-form是ElementUI封装的表单组件，可以收集、校验和提交数据。el-form中的model用来绑定表单数据对象
element-ui自定义表单校验规则及常用表单校验
前言表单校验是注册环节中必不可少的操作，表单校验可以提醒用户填写数据规则以确保用户提交数据的效性，也可以防止用户因误操作、填写错误数据或者恶意提交数据而占用服务器资源。ElementUI校验规则ElementUI封装了组件el-form来收集、校验和提交数据，其中的rules属性就是用来做数据校验的。ElementUI提供了一些常用的表单验证规则，我们可以直接使用该规则来实现数据校验。rules根据rules给出的规则会对prop中的值进行校验，当不满足要求时会弹出message相应的提示信息。自
require与import的区别和使用(CommonJS规范和es6规范)
CommonJS的由来在早期没有模块化思想时代码没有很好的编写规范，导致很多代码、逻辑重复、缺乏条理性且不易管理维护，这也让很多开发者头疼不已。随着JavaScript 社区的发展，社区为JavaScript制定了相应的规范，而CommonJS规范的提出得到了大家的承认和广泛的应用，2009年CommonJS就此诞生了。CommonJS介绍CommonJS实现了Javascript的模块化规范，规范了模块的特性和各模块之间的相互依赖性，使得代码可以更好的编写和维护，同时提高了代码的复用性。定义每个文件
小程序如何使用vant
https://youzan.github.io/vant-weapp/#/quickstart一、安装cnpm i @vant/weapp -S --production二、构建 npm 包三、修改 app.json将 app.json中的"style": "v2"去除，小程序的新版基础组件强行加上了许多样式，难以去除，不关闭将造成部分组件样式混乱。四、注册组件以 Button 组件为例，只需要在app.json或index.json中配置 Button 对应的路径即可。如果你是通过下
移动端应用APP的分类(WebApp、HybridApp、 NativeApp)
WebAppWebApp是指使用HTML5编写的移动Web应用，webapp可以运行在PC、Android、iOS端等，不受限于系统，依赖于浏览器。优点：（1）前端开发语言不受限制（2）开发成本相对较低（3）版本更新快，没有限制，维护简单（4）一套代码可以多平台使用（5）能够跨多个平台和终端缺点：（1）手机原生功能调用受限（2）加载受限于网络环境，手机浏览器，手机系统等（3）较复杂的列表、样式难以实现，稳定性差（4）用户体验差（5）受限于浏览器HybridAppHybridAp
webapp开发框架
前言快速增长的APP应用软件市场，以及智能手机的普及，手机应用：Native（原生）APP快速占领了APP市场，成为了APP开发的主流，但其平台的不通用性，开发成本高，多版本开发等问题，一直困扰着专业APP开发企业，和APP服务提供商。 安卓和IOS的操作方式，开发模式，界面UI显示方面的差别，也使得原生APP的不同版本体验有很大的区别，光是做兼容性调测，都要花费开发企业不少的时间。近年来，另一种应用形态——基于HTML5技术的Web App也如雨后春笋般出现，于是关于原生APP与HTML5 APP
ES6中的Set、WeakSet、Map、WeakMap数据结构
目录SetWeakSetMapWeakMapSetSet本身是一个构造函数，用来生成Set数据结构，类似数组Array，但是成员的值都是唯一的，没有重复的值属性方法size: 返回set实例的成员总数add(value): 添加某个值，返回Set本身delete(value): 删除某个值，返回是否删除成功的boolean has(value): 判断是否包含某个值，返回一个booleanclear():清空Set的所有成员，没有返回值add方法let aSets = new Se
js异步之宏任务（marcroTask）和微任务（microTask）
先看一到面试题写出console.log的输出顺序console.log(100);setTimeout(()=>{ console.log(200);})setTimeout(()=>{ console.log(201);})Promise.resolve().then(()=>{ console.log(300);})console.log(400);// 100 400 300 200 201// 为什么300比200
uni-app教程一（项目创建、tabbar配置、运行）
uni-app教程一目录简介：官网：创建第一个 uni-app项目项目目录创建页面页面tabbar配置运行运行效果图简介：uni-app 是一个使用 Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。官网：https://uniapp.dcloud.io/创建第一个 uni-app项目开发者需先下载安装 HBuilderX下载地址: https://www.dclo
uni-app教程二（微信开发者工具运行项目，icon字体使用，组件）
上一篇文章已经运行起了一个uni-app项目的小demo，但是运行在Chrome浏览器的H5页面，那在微信开发者工具中如何实时模拟查看该项目呢？1.在微信开发者工具中运行配置小程序IDE相关路径说明：只有配置了才能在微信小程序运开发者工具中运行成功2. 开启小程序IDE服务端口的设置—>安全设置—>安全 （开启）3. 修改 manifest.json配置文件，添加自己的小程序AppId:4. 进入test项目，点击工具栏的运行 -> 运行到小程序模拟器 ->.
使用Hbuilder打包前端网站为WebApp(Android,ios应用)
准备工作：你要打包的移动端网站地址，如：http://www.tianguixing.com/dist2/#/安装 HbuilderX 工具： 官网：http://www.dcloud.io/根据你的电脑系统选择下载开发版安装成功后，回到Hbuilder官网，注册一个账号，然后到软件里点击左下角头像进行登陆打开开发者工具软件，点击 文件 -> 新建 -> 项目选择 Wap2App，填写项目名称并将刚刚复制的网址粘贴进去，模板选择默认模板，然后点击创建右下角会提示项目创建
你知道CSS Hack吗？
什么是CSS Hack?一般来说是针对不同的浏览器写不同的CSS,就是 CSS Hack。IE浏览器Hack一般又分为三种，条件Hack、属性级Hack、选择符Hack（详细参考CSS文档：css文档）。例如： // 1、条件Hack<!--[if IE]><style>.test{color:red;}</style><![endif]>// 2、属性Hack.test{ color:#090\9; / For IE8+ /
uni-app教程三（全局模块util.js、全局变量、vuex）
1. 公用模块1.1 定义一个专用的模块，用来组织和管理这些全局的变量，在需要的页面引入。在 uni-app 项目根目录下创建 common 目录，然后在 common 目录下新建 util.js 用于定义公用的方法。const baseUrl = 'https://ceshi2.dishait.cn/api/v1'; const nowTime = Date.now || function () { return new Date().getTime(); }; export
uni-app教程四（uni.requet()、网络模块封装）
1. uni-app网络请求uni-app题拱了uni.requet()方法，发起网络请求：uni.request({ url: 'https://ceshi2.dishait.cn/api/v1/list', //仅为示例，并非真实接口地址。 data: { text: 'uni.request' }, header: { 'custom-header': 'hello' //自定义请求头信息 }, success: (r
今日推荐
周排行