随笔分类 - javascript
摘要：开发中遇到的，常用的正则： 正整数最多10位：/^[1-9][0-9]{0,9}$/ 1000以内正整数（严格匹配，不允许01）：/^(?:1|[1-9][0-9][0-9]?|1000)$/ 1000以内正整数（非严格匹配，允许01）：/^(?:[0-9]{1,3}|1000)$/ 正整数：/^[
阅读全文
摘要：以微信小程序为例：一：避免使用大图 图片压缩之后使用，避免大图，必要时可以使用雪碧图或者svg，图片上传远程服务器，不占用本地资源包。二：分包处理二：微信小程序单包不超过2M，最多10个包。合理分包，将文件放到合适的地方。除一级页面入口放到主包，剩余页面逻辑都可以拆分成分包的形式。注意：除分包的文件
阅读全文
摘要：open-type="isGetUserInfo" 不支持支付宝端（授权获取用户信息）Button默认样式不一样，微信端多有margin，padding，type='default'支付宝端跟微信端获取appid的方法不一致支付宝端引入的图片如果不正确，需要加一个展示模式支付宝端catch阻止冒泡，
阅读全文
摘要：是独立于当前页面的一段运行在浏览器后台进程里的脚本。它的特性将包括推送消息,背景后台同步， geofencing（地理围栏定位），拦截和处理网络请求。本文主要说一下离线加载以及消息推送两部分内容。一：serviceWorker离线加载 1.在页面上register注册register-service
阅读全文
摘要：方法一：react16以后的版本增加异常捕获 方法二：使用window.onerror全局捕获异常 方法三：使用try catch捕获 在每个方法内进行捕获，对所有的字段进行校验 总结：项目内进行的异常判断少之又少，这是很危险的行为，每次接口出现的数据不符合预期都会出现空白页崩的现象。在未来的项目内
阅读全文
摘要：一：连接流程 1.openBluetoothAdapter 获取手机蓝牙的状态（是否已打开蓝牙，手机是否支持蓝牙功能） 2.startBluetoothDevicesDiscovery 开始搜索蓝牙设备 3.getBluetoothDevices 已获取的蓝牙设备列表 4.connectBLEDev
阅读全文
摘要：一.echarts的折线图的使用demo如下，linecharts为实例化的封装组件，line为实际应用的组件 二.g2的使用以如下柱状图为例 三：bizcharts：基于g2的封装版本，去除实例化图表的步骤，更多的关注于各字段的控制，以下两个demo分别为折线图，扇形图
阅读全文
摘要：1. js任务分类：同步任务vs异步任务 2.js执行机制：a: 首先判断JS是同步还是异步，同步就进入主进程，异步就进入event table b: 异步任务在event table中注册函数，当满足触发条件后，被推入event queue c: 同步任务进入主线程后一直执行，直到主线程空闲时，才
阅读全文
摘要：小程序问题总结 1.新建页面最好用编辑器自带的，自己写的话注意页面的初始化，容易产生报错模糊不明确 2.app.xcss是全局的样式，page里面的样式只对当前的页面有效，并且可以覆盖掉app.xcss 3.app.js按需加载，不会默认执行，首先执行的是index.js 4.页面跳转传参 5.框架
阅读全文
摘要：目前，react组件有三种写法，分别是es5的createClass写法，es6的class写法，以及stateless(无状态组件)写法。 下面由浅入深来细说这三种写法。涵盖了生命周期，反向数据流，es6/7等知识。 一，原始的createClass写法 对于写react组件，很多人第一印象往往是
阅读全文
摘要：dva 是一个基于 react 和 redux 的轻量应用框架，redux步骤繁杂，更容易出错，搭建成本更高。 1.安装dva-cli：确保版本在0.7.0或以上 2.创建新应用 3.启动程序 4.使用antd框架 编辑 .roadhogrc，使 babel-plugin-import （按需加载）
阅读全文
摘要：表格相关 表格中的key不允许有空格，dataIndex属性为必须，确保datasource为数组形式
阅读全文
摘要：本部分主要为表单相关。 1.表单form的react使用流程。 A.引入antd插件，声明FormItem import {Form} from 'antd'; const FormItem = Form.Item; B.包装属性，使组件带有this.props.form属性 schoolEdit
阅读全文
摘要：1.setState的方法不能用在render中，可用this.state=" "代替，一般不推荐，在render里面不应该有此操作。 2.setState引起重新渲染render是一个异步操作。 3.return后面不能直接换行，要跟代码或者大括号。 4.原生HTML元素名以小写字母开头，而自定义
阅读全文
摘要：解决方法： 1.使用新增的jsapi：getLocalImgData拿到对应的图片base64编码后再在前端页面中显示 2.将引入的JSSDK直接升级为1.2.0（目前最新版本）即可帮助页面自动适配 引起的原因： 微信ios客户端将于2017年3月1号前逐步升级为WKWebview内核，对网页开发者
阅读全文
摘要：一：当使用this为参数函数间传递时 $("select p a").bind("click",function(){ call(this); }); function call(obj){ var status=$(obj).attr("data-num"); console.log(status
阅读全文
摘要：一：inputfile打开系统文件时过滤，给input添加属性accept："image/*"。 二：当点击触发swiper图片预览插件时，必须将插件的初始化放在点击事件内部，不然无法正常运行。 三：有时input高度是一样的，显示的高不一致，border有的显示在height里面，显高=heigh
阅读全文
摘要：一：for-in for-in循环只用于object/map/hash循环，对Array用有时会出错，因为for-in并不是从0-length-1进行的遍历，而是所有出现在对象及其原型链的链值。 二：图标第三方 http://icomoon.io www.iconfont.com 三：计算浮点的精度
阅读全文
摘要：a>函数找function，对象找object b>函数由顶层函数构造function，对象由顶级对象构造object c>原型指针_ _proto_ _指向原型对象 d>一切皆对象，万物皆空 迷之联系 参考来源：http://mp.weixin.qq.com/s?__biz=MzAwNDcyNjI
阅读全文
摘要：1.在使用插件时，也要防止文档结构是生成的，执行插件方法时结构还没生成 检测结构是否完成：document.getElementById("textID"); 2.插入内容为防止与其它控件冲突时可考虑插入<body> 3.监测物理浏览器回退按键 window.onoad = function(){
阅读全文
