ainie0728-CSDN博客

转载 svg线条的动画到渐变

最近在做公司的官网，一般官网项目数据交互事极少的动画比较多。就官网的动画说下，遇到一个线条的动画比较复杂难实现下图动画效果是三个圆从左到右按顺序依次渐出后线条从左到右画线的效果出现。实现方式：1、使用svg在线画图工具按照尺寸自己画线条2、画好后可以ctrl+s保存成svg格式的图片，然后图片可以用编辑器打开，里面代码内容如下：里面的patn是最关键...

2019-08-05 11:37:00 1434

转载 vue目录结构及其对应作用

├── build/ # webpack 编译任务配置文件: 开发环境与生产环境│ └── ...├── config/ │ ├── index.js # 项目核心配置│ └── ...├ ── node_module/ ...

2019-05-29 15:12:00 300

转载数据改变视图未变问题解决(Object.assign)

最近在做一个公司内部系统遇到了图片清空的问题那么我先描述一下问题原因，一个表单信息填写用户上传图片成功后想换图片点击清空无效。但是我进行了debugger调试发现click事件是走了此方法的。之前代码　closeBusinessLicenseImg () {　　this.formItem.businessLicenseImgUrl = ...

2019-05-29 14:49:00 353

转载 ES6语法的简单介绍——拓展运算符

简单概要下我最近学习的ES6语法，说一说我觉得平时比较常用的几个需要掌握的语法。（有问题希望各位大神及时指出）一、拓展运算符(...)(1)、将一个数组转为逗号隔开的参数序列(小栗子示范：cosnsole.log(...[5,6,7]) //5 6 7)下面这段小代码是最近做的项目中所用到的简单示例/*** 组件回调函数新增保存编辑...

2019-05-28 17:46:00 170

转载 webpack打包原理

webpack只是一个打包模块的机制，只是把依赖的模块转化成可以代表这些包的静态文件。并不是什么commonjs或者amd之类的模块化规范。webpack就是识别你的入口文件。识别你的模块依赖，来打包你的代码。至于你的代码使用的是commonjs还是amd或者es6的import。webpack都会对其进行分析。来获取代码的依赖。webpack做的就是分析代码。转换代码，编译代码，...

2018-10-31 10:22:00 140

转载微信小程序购物车数量加减功能的实现

实现一个简单的数量增减功能1.wxml<view class='stepper sum'><text class='{{minusStatus}}' type='number' bindtap='bindMinus'>-</text><input bindinput='bindManual' value...

2018-10-19 10:41:00 1720

转载 react-native框架的特点

下面为大家介绍下react-native项目的特点。。。因为近期有在看react-native框架只会那么一点皮毛，所总结了此框架的特点，备用面试。但要入门才好呀。。。首先推荐一些常用的组件和组件库：1.React Native 项目常用第三方组件汇总(https://www.jianshu.com/p/d9cd9a868764)2.nativebase组件库API(ht...

2018-09-13 16:32:00 510

转载懒加载和预加载详细介绍。

1.什么是懒加载？懒加载也叫延迟加载，当访问一个页面的时候，想把img元素或是或是其他元素背景图片路径替换成一张大小为1*1px的图片的路径（这样只需请求一次俗称占位），只有图片出现在浏览器的可视区域内时才设置图片的真实路径，让图片显示出来，这就是图片懒加载。2.为什么使用懒加载？很多页面内容丰富页面较长图片较多例如商城网站，而且还比较大多说能上兆，要是页面第一次载入就全部加...

2018-09-11 10:13:00 142

ainie0728的博客