- 博客(16)
- 收藏
- 关注
RSS订阅原创 Vue在线编译器：vue-running
现在网络上，有非常多的JS在线编译器，非常好用，特备是在调试某些片段代码的时候，比在本地重新新建文件来的方便快捷~ 非常流行的比如 JS.do、 jsfiddle、JSRUN 等等。而对于Vue来说，在线编译器有时候会显得更加必要，因为初始化一个Vue项目还是需要花一点时间的~并且需要安卓很多的依赖，费时费力。现在也有很多JS在线编译器已经支持Vue代码了，另外...
2019-07-09 23:31:43
11969
原创 如何封装一个带表单验证的 Vue的表单插件（三）：优化和拓展
上一篇我们已经完善了主要的验证功能~包括单独验证、不通触发方式、全部交验，但是我只用了输入框组件。表单组件当中除了输入框，还有多行输入textarea(这个和input.vue基本一样，这边不再次写了)。单选(radio)、多选(CheckBox)、下拉选择(select)这些个常用标签，其中还是有一些细微差别，我们还要拿出来简单说一下；此外我们上篇的文章中只是使用的基本的必填验证和 asy...
2019-07-06 22:51:45
1010
原创 如何封装一个带表单验证的 Vue的表单插件（二）：功能开发
接下来，我们开始完整的功能开发目录结构整体目录结构如上图所示src/components 项目的业务组件/页面src/base form表单组件src/mixins 混入相关的内容放在这个文件夹（dispatch、capture方法）————————————————————————————————————————————————首先我们先看看Input.vue文件的内容：&l...
2019-07-06 22:47:32
1451
1
原创 如何封装一个带表单验证的 Vue的表单插件（一）：起步
缘起以前做Vue项目，经常需要用到表单验证，当时为了项目的速度，为了更好的交互和上线之后更稳定的性能，一直使用的都是VeeValidate确实很好用很强大，但是复杂的英文API的确也在开发中给我带了一定的困难，再加上项目上的需求或多或少和插件有一点点的差别，去看源码修改插件这种事情对我这个菜鸟压力太大~~；一直痛并快乐着。——————————————————————————————————...
2019-07-06 22:36:12
2622
原创 Vue指令 v-model详解
前言在一次的学习过程中，偶然发现v-model的一个“奇怪”使用方法，如下图：描述：在一个组件中，引入一个自定义组件input.vue。然后需要在父组件中操作input的输入框内容。父组件(index.vue)的子组件实例上定义了v-model；input.vue组件中定义一个props，有一个value值，另外input标签的input事件绑定了一个事件名为input 的 $emit。...
2019-07-02 22:12:46
10888
原创 Vue组件通信整理
前言在我们Vue开发中，精髓就是组件，一个优秀的项目中，各种组件总是必不可少，我们暂且将组件分成三类：路由组件 由vue-router 生成每个页面的组件，承载着每个页面大部分的初始化内容以及业务逻辑；业务逻辑组件 在一个完整的项目中，经常会出现一些相同的业务逻辑的页面，此时将相同部分的逻辑抽出变成一个组件，在需要的页面倒入即可，这种组件减少了重复工作量，易于维护，但是只适用于当前项目；...
2019-06-22 23:10:46
463
原创 axios 封装
最近一直在写Vue项目，和后台交互用的是官方推荐的axios。Axios 是一个基于 promise 的 HTTP 库官方教程里面有详细的使用方法，在此就不做详细描述了~我们如果在每个需要使用的页面都引入axios 然后写 get、post方法，代码就会变得非常的冗余，会有很多重复的代码，并且需要修改某些通用属性的时候，可能就要涉及到所有的文件。哪些信息是可以作为公用的一个完整项目中...
2019-05-29 20:40:17
1161
原创 深入理解ES6学习笔记——变量
一、ES5中的变量var在我们ES6出现之前，我么声明变量一般都是使用 var，var最大的特点就是变量提升机制：意思就是在函数作用域或者全局作用域中通过var声明的变量，不管处于什么位置，都会被当做在当前作用域的最顶端，当前作用域内任意位置都可以以访问二、ES6中的块级声明块级声明用于声明在指定块作用域之外无法访问的变量。块级作用域存在于：函数内部{} 块中...
2019-05-18 22:13:24
254
原创 css3 实现元素 弧线运动
如何使用CSS控制元素弧线运动我们都知道，CSS3的新属性transfrom过渡效果可以实现元素位移、旋转、缩放。结合animation属性，就可以实现元素的动画效果。但是如何通过css实现元素实现弧线运动呢： 如上图动画效果所示，圆球弧线运动，分析运动：将小球的运动拆分成X轴和Y轴两个运动来看，此时X轴的小球是以 （慢—快） 这样的速度运动；而Y轴的方向小球是以（快—慢）这样的...
2018-06-06 17:15:52
25758
1
原创 圣杯布局与双飞翼布局
作为一个前端码农，了解到圣杯布局和双飞翼布局的时间有点晚了，最近闲来无事好好了解了下这两个布局的使用场景以及区别，做个笔记。历史及使用场景圣杯布局的来历是2006年发在a list part上的这篇文章：In Search of the Holy Grail · An A List Apart Article； 双飞翼布局是玉伯大佬提出来的，始于淘宝UED。 两种布局方式都是为了解决“...
2018-05-28 20:02:26
437
原创 window的location方法
属性名 例子 说明 hash “#contents” 返回 URL 中的 hash（# 号 后跟 零 或 多个 字符）， 如果 URL 中 不 包含 散 列， 则 返回 空 字符串 host “www. wrox. com: 80” 返回 服务器 名称 和 端口 号（ 如果 有） hostname “www. wrox. com” ...
2018-05-09 15:30:24
568
原创 获取URL参数
将URL的参数以对象形式返回function getLocationParmas(search) { var qr=search.length ? search.substring(1) :''; var parmas={}; var items=qr.length ? qr.split('&') :[]; var l...
2018-05-09 15:16:43
254
原创 微信小程序返回上一页数据自动更新
需求For example,首页有一篇文章，点击进入文章详情页，首页和详情页都有收藏功能，如何在详情页收藏成功之后，首页的收藏状态可以 无刷新修改？getCurrentPages()getCurrentPages()函数用于获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面。我们可以从控制台打出该值（从首页进入第二层页面）： 从图中可以看出，...
2018-04-28 16:43:26
4667
原创 微信小程序纯前端生成海报并保存本地
需求公司开发微信小程序，有一个海报页面，需要用户点击生成海报，可以将该该swipe-item 生成一个带二维码的图片，最终由纯前端实现! 技术调研因为小程序的打包限制，不可能将所有的图片都放在代码目录里面。所以就得使用远端的图片，但是因为canvas对跨域图片的不支持，可以使用微信小程序中的API :wx.getImageInfo()现将远端的图片临时保存。canvas 组件...
2018-04-15 22:42:03
40991
17
原创 CryptoJS 加密的使用方法
因为公司的项目中用到了接口加密解密，所以百度了一下前端JS加密相关的文章，发现谷歌的CryptoJS挺好用的，因为项目用的是vue框架，记录一下项目中使用经验：首先使用npm安装CryptoJSnpm install crypto-js引用import CryptoJS from 'crypto-js/crypto-js'在此我引用的是总文件，如果只是用到个别的加密方式，可以单独引用对应的加密JS文
2017-12-06 23:26:37
50745
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人