2017年12月_积码成猿

12月

转载 HTML5触摸事件(touchstart、touchmove和touchend)

HTML5中新添加了很多事件，但是由于他们的兼容问题不是很理想，应用实战性不是太强，所以在这里基本省略，咱们只分享应用广泛兼容不错的事件，日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件：touchstart、touchmove和touchend。　　一开始触摸事件touchstart、touchmove和touchend是iOs版Safari浏览器为了向开发人员

2017-12-31 07:53:34 357

转载当 better-scroll 遇见 Vue

在我们日常的移动端项目开发中，处理滚动列表是再常见不过的需求了，以滴滴为例，可以是这样竖向滚动的列表，如图所示：也可以是横向滚动的导航栏，如图所示：可以打开“微信 —> 钱包—>滴滴出行”体验效果。我们在实现这类滚动功能的时候，会用到我写的第三方库，better-scroll。什么是 better-scrollbetter-scroll 是一个移动端滚动的解

2017-12-26 23:39:49 152

原创 better-scroll 与fastclick点击事件相冲突

better-scroll 点击事件与fastclick点击事件相冲突导致图片点击无反应import BScroll from 'better-scroll' export default { props: { probeType: { type: Number, default: 1 }, cl

2017-12-26 22:42:16 2570

原创图片懒加载插件 vue-lazyload

图片懒加载插件使用1.vue-lazyload：版本号1.0.32.首先引入依赖（main.js）import VueLazyLoad from 'vue-lazyload'//配置vue-lazyloadvue.use (VueLazyLoad, ){ loading: require('common/image/default.png')}3.模版部分

2017-12-26 22:10:27 259

转载 vuejs中created与mounted区别

什么是生命周期Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。在Vue的整个生命周期中，它提供了一系列的事件，可以让我们在事件触发时注册js方法，可以让我们用自己注册的js方法控制整个大局，在这些事件响应方法中的this直接指向的

2017-12-24 02:40:34 6823

转载 vuejs源代码目录结构

App.vue # 顶级组件│ client-entry.js # 前端入口文件│ config.js # 配置文件│ main.js # 主入口文件│├─api # 接口 API├─assets # 静态资源├─components # 通用组件├─directives # 自定义指令├─mock

2017-12-23 22:14:26 606

原创使用 vue 构建 video 组件

以浏览器的原生组件 video： src="example.mp4" width="320" height="240" onload="loadHandler" onerror="errorHandler"> Your browser does not support the video tag.在 Vue 组件中，状态称为 props，事件称为 e

2017-12-23 22:06:41 3263

原创 vuejs实现升级无缝轮播图效果

import BScroll from 'better-scroll'//better scroll插件import {AddClass} from 'common/js/dom' export default { data() { return { dots: [], //图片滚动时有放大效果定义一个变量默认为第一页

2017-12-21 23:14:46 3218

转载学习vuejs时遇到源映射错误的情况

在网上找到一份很详细的文章大家参考下：https://www.cnblogs.com/xuld/p/5882677.html

2017-12-21 22:29:56 4513

原创浅谈bootstrap响应式与针对不同应用场景开发不同css样式区别

1.标签内容不同bootstrap响应式：其他：2.@media不同bootstrap响应式：@media screen and (max-width:900px) and (min-width:500px){ //满足条件执行.text{}}其他：在link标签中规定如：3.css样式不同bootstrap响应式：通过栅格系统

2017-12-21 10:20:59 2342 1

转载 ES6新特性：使用export和import实现模块化

阅读目录　　ES6的模块化的基本规则或特点：　　下面列出几种import和export的基本语法：　　ES6导入的模块都是属于引用：　　循环依赖的问题：　　浏览器兼容：　　参考：　　在ES6前，前端就使用RequireJS或者seaJS实现模块化， requireJS是基于AMD规范的模块化库，而像seaJS是基于CMD规范的模块化库，两者都是为了为了推广前端模块化的工具

2017-12-20 22:16:42 280

原创 xp系统如何升级npm

执行npm某项命令时提示要求更高版本的npm，分享给大家。命令行输入：npm install -g npmnpm就自动为我们更新到最新版本

2017-12-19 13:41:24 323

原创使用npm install报错-4048 operation not permitted问题

刚刚使用npm install时一直报错-4048 operation not permitted，也尝试了多种方法，终于使问题得到解决，这里总结几种方法：1.使用npm cache clean --force 无效果2.用管理员权限打开是可以执行3.npm install -g npm@latest

2017-12-06 02:48:57 3268

转载 sublime安装使用

各种插件安装Sublime Text3常用插件安装http://blog.csdn.net/u012538990/article/details/53929507

2017-12-05 22:17:34 119

原创 bootstrap使用

解决IPONE6几个点组成一个px 导致放大后字体变粗问题

2017-12-05 21:26:29 293

nodejs以及express安装步骤：1.选定安装路径假设安装在D盘test文件中2.命令行输入 D:3.命令行输入cd d:\test4.全局安装express 命令行输入： install express-generator5.命令行输入：npm install express6.创建项目文件夹命令行输入：express myapp7.运行express 输入npm start8.接下...

2017-12-04 21:04:16 188