![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
技术文摘
路了个飞
前端开发工程师,小程序开发工程师
展开
-
前端优化方向总结图示
原创 2021-05-11 11:13:36 · 147 阅读 · 0 评论 -
JS数组的插入和删除所有方式
indexOf():与String类似,Array也可以通过indexOf()来搜索一个指定的元素的位置var arr = [12, 21, 'yy', 'conso'];arr.indexOf(12); // 元素10的索引为0slice:slice()就是对应String的substring()版本,它截取Array的部分元素,然后返回一个新的Array:var ar...原创 2019-03-21 16:21:22 · 3766 阅读 · 0 评论 -
react的生命周期函数
生命周期钩子函数:生命周期钩子函数应用于有状态组件中,有些只运行一次,有些需要运行多次创建组件时候需要执行的钩子函数(按照执行顺序):constructor()-------->componentWillMount()-->|render()------------>|componentDidMount()1、constructor:不是react的方法,是es...原创 2019-01-29 16:10:07 · 214 阅读 · 0 评论 -
关于 injectBabelPlugin is not a function
在学习ant design的自定义主题这一功能时候,官方给到创建config-overrides.js文件,并且写入如下代码:const { injectBabelPlugin } = require('react-app-rewired'); module.exports = function override(config, env) { config = injectBab...原创 2019-01-18 09:50:48 · 2245 阅读 · 1 评论 -
小程序scroll-view左右滑动失效问题
先说一下需求:每一行商品数量超过三个的时候需要左右滑动,在小程序中明显需要使用的scroll-view组件,我们在scroll-view中中循环生成多个view标签,因为view都是块元素,自然是每一个ciew占一行的排列方式。这时候就要让view横向排列一行:1、在scroll-view上使用display:flex,flex-direction:row;没有预期效果2、在vie...原创 2018-10-30 16:03:11 · 2388 阅读 · 1 评论 -
微信小程序中清除定时器
在微信小程序的开发过程中,经常会遇到使用倒计时的情况,但是小程序的页面跳转经常会遇到跳转的下一个页面后,前一个页面的倒计时还在运行。这时候需要我们在关闭或者离开当前页面的时候清除掉当前的倒计时,但是传统的方式在小程序中无法使用,在小程序中我采用的是赋值然后清除的方法。传统的方式:var myVar = setInterval(function(){ myTimer() }, 1000...原创 2018-10-11 17:10:45 · 20245 阅读 · 1 评论 -
微信小程序config.js文件配置
const config = { //本地测试模式 isFile: false, //接口开发路径 file: {//配置本地的开发路径 api: { test: "../data/test.js", login: "../data/login.js", login_noPhone: "../data/login_noPhone.js", } }, ...原创 2018-08-23 09:27:35 · 11909 阅读 · 0 评论 -
电商小程序价格数字处理函数汇总
价格格式化,数字统一转化,10=>10.00function getPrice(num) { let _num=num; _num = parseFloat(num).toFixed(2); let _integer = _num.split('.')[0]; let _decimal = _num.split('.')[1]; _integer...原创 2018-08-22 16:41:06 · 751 阅读 · 0 评论 -
微信小程序template模板传值、传方法
小程序入手初期,没有接触组件开发的时候,一般先上手的都是模板开发,也就是小程序文档中的template部分,它可以让我们模板中定义代码片段,然后在不同的地方调用。template比较麻烦的就是在调用的时候要分别导入wxml代码和wxss先说一下一下数据的导入:在页面js文件中定好数据Page({ data: { pageData:{ scrollHeight:null...原创 2018-08-04 17:15:39 · 18581 阅读 · 6 评论 -
javascript 对象深浅拷贝的解决方案
问题背景,小程序开发,后台传过来大量的json数据,对传输过来的值进行处理渲染页面,返现修改会导致源数据发生改变,处理思路:将请求的数据进行拷贝一份,页面渲染等实用拷贝后的数据,在拷贝后的数据上进行格式化等修改,不对源数据进行任何处理1、浅拷贝:数据深度只有一层,也只能拷贝一层:例如let obj={name:'zhang san',age:12}属性值为字符串、数字、布尔值等;进行拷贝的时候可以...原创 2018-07-10 16:59:06 · 238 阅读 · 1 评论 -
小程序组件开发-商品数量加减box
商品列表和商品详情常常用到数量的加减,比如这个样子:传入一个最大值和最小值,在这个范围可以自由加减,上代码:wxml:<view class="count_box"> <view class="count_group"> <view class="count_btn" data-tar="minus" bind:tap="ta原创 2018-07-10 14:12:40 · 2616 阅读 · 0 评论 -
javascript数组循环方法合集
arr.forEach();无返回数据;两个参数:回调函数,this指向(一般不使用该参数)arr.map();有返回新的数组,没有的话使用forEach;两个参数:回调函数,this指向(一般不使用该参数)arr.filter();有返回新的数组;过滤;需要使用return;如果回调函数返回为true则返回数组中包含对应的数组中的值;两个参数:回调函数,this指向(一般不使用该参数)ar...原创 2018-07-09 11:35:31 · 389 阅读 · 0 评论 -
重构微信小程序单选(Radio)、多选(checkbox)组件
需求说明:组件实现单选、多选功能,在form中点击提交可以拿到值贴上代码:wxml:<view class="component {{theme}}"> <view class="radio_item {{item.disabled?'cur':''}}" wx:for="{{range}}" wx:key bind:tap="tapChose" data-num="原创 2018-07-10 09:57:24 · 3917 阅读 · 0 评论