摘要: 最近在做公司的官网,一般官网项目数据交互事极少的动画比较多。 就官网的动画说下,遇到一个线条的动画比较复杂难实现 下图动画效果是三个圆从左到右按顺序依次渐出后线条从左到右画线的效果出现。 实现方式: 1、使用svg在线画图工具按照尺寸自己画线条 2、画好后可以ctrl+s保存成svg格式的图片,然后 阅读全文
posted @ 2019-08-05 11:37 ZhongHuaLi 阅读(938) 评论(0) 推荐(0) 编辑
摘要: ├── build/ # webpack 编译任务配置文件: 开发环境与生产环境 │ └── ... ├── config/ │ ├── index.js # 项目核心配置 │ └── ... ├ ── node_module/ #项目中安装的... 阅读全文
posted @ 2019-05-29 15:12 ZhongHuaLi 阅读(275) 评论(0) 推荐(0) 编辑
摘要: 最近在做一个公司内部系统遇到了图片清空的问题 那么我先描述一下问题原因,一个表单信息填写用户上传图片成功后想换图片点击清空无效。但是我进行了debugger调试发现click事件是走了此方法的。 之前代码 closeBusinessLicenseImg () { this.formItem.busi 阅读全文
posted @ 2019-05-29 14:49 ZhongHuaLi 阅读(372) 评论(0) 推荐(0) 编辑
摘要: 简单概要下我最近学习的ES6语法,说一说我觉得平时比较常用的几个需要掌握的语法。(有问题希望各位大神及时指出) 一、拓展运算符(...) (1)、将一个数组转为逗号隔开的参数序列 下面这段小代码是最近做的项目中所用到的简单示例 /** * 组件回调函数 新增保存 编辑保存 * @param {* a 阅读全文
posted @ 2019-05-28 17:46 ZhongHuaLi 阅读(270) 评论(0) 推荐(0) 编辑
摘要: webpack只是一个打包模块的机制,只是把依赖的模块转化成可以代表这些包的静态文件。并不是什么commonjs或者amd之类的模块化规范。webpack就是识别你的 入口文件。识别你的模块依赖,来打包你的代码。至于你的代码使用的是commonjs还是amd或者es6的import。webpack都 阅读全文
posted @ 2018-10-31 10:22 ZhongHuaLi 阅读(2968) 评论(0) 推荐(0) 编辑
摘要: 实现一个简单的数量增减功能 1.wxml <view class='stepper sum'> <text class='{{minusStatus}}' type='number' bindtap='bindMinus'>-</text> <input bindinput='bindManual' 阅读全文
posted @ 2018-10-19 10:41 ZhongHuaLi 阅读(5544) 评论(0) 推荐(0) 编辑
摘要: 下面为大家介绍下react-native项目的特点。。。 因为近期有在看react-native框架只会那么一点皮毛,所总结了此框架的特点,备用面试。但要入门才好呀。。。 首先推荐一些常用的组件和组件库: 1.React Native 项目常用第三方组件汇总(https://www.jianshu. 阅读全文
posted @ 2018-09-13 16:32 ZhongHuaLi 阅读(230) 评论(1) 推荐(0) 编辑
摘要: 1.什么是懒加载? 懒加载也叫延迟加载,当访问一个页面的时候,想把img元素或是或是其他元素背景图片路径替换成一张大小为1*1px的图片的路径(这样只需请求一次俗称占位),只有图片出现在浏览器的可视区域内时才设置图片的真实路径,让图片显示出来,这就是图片懒加载。 2.为什么使用懒加载? 很多页面内容 阅读全文
posted @ 2018-09-11 10:13 ZhongHuaLi 阅读(2551) 评论(0) 推荐(0) 编辑