摘要：
需求分析，根据当前网页中的几张图片，在手机上长按，保存图片到相册或者发送给好友。 调用方式： 注：上面的调用是使用的vue语法。 可参考地址： 利用canvas，把多张图合并成一张图片 基于html2canvas实现网页保存为图片及图片清晰度优化 canvas导出为图片并用JS下载 js截图及绕过服 阅读全文
摘要：
1.连接路径：path.join([path1][, path2][, ...]) path.join()方法可以连接任意多个路径字符串。要连接的多个路径可做为参数传入。 path.join()方法在接边路径的同时也会对路径进行规范化。例如： 2.路径解析：path.resolve([from .. 阅读全文
摘要：
1、安装nodejs 2、在项目文件夹目录下创建一个js文件，命名server.js(自定义名称),内容如下 3、打开命令窗口，cd到项目目录下，运行node server.js,控制台会输出“服务器开启成功” 4、在浏览器中输入“localhost:8080/”+你要访问的文件名称；例如local 阅读全文
摘要：
准备工作 在本地用vue-cli新建一个项目，首先安装vue-cil，命令： 新建一个vue项目,创建一个基于"webpack"的项目,项目名为vuedemo： 这里有一个地方需要改一下，在执行npm install命令之前，在package.json里添加一个依赖,后面会用到。 修改webpack 阅读全文
摘要：
1.文件结构 2.package.json文件 package.json里面的scripts字段： 运行”npm run dev”：执行build/dev-server.js文件 运行”npm run build”：执行build/build.js文件 3.build文件夹分析 build/dev- 阅读全文
摘要：
前言 申请百度统计后，会得到一段JS代码，需要插入到每个网页中去，在Vue.js项目首先想到的可能就是，把统计代码插入到index.html入口文件中，这样就全局插入，每个页面就都有了;这样做就涉及到一个问题，Vue.js项目是单页应用，每次用户浏览网站时，访问内页时页面是不会刷新的，也就意味着不会 阅读全文
摘要：
识别规则 这里采用的逻辑是截屏识别，当客户端发现用户在网页的img标签内进行长按操作时，会立刻截屏并且启动二维码识别算法。所以这里用于二维码识别的图片是截屏，而不是之前有人提到的img标签中的图片。 为什么要用截屏，这也是一个开发时候的思考。客户端截屏时候，可以不用考虑网络传输等因素，最快的得到识别 阅读全文
摘要：
一般使用 使用正则： 循环替换 如下这种情况，表情标签的替换，我们需要正常的字符串替换，例如结合 while + indexOf 实现。 这样，基本功能实现，不过这是有问题的，如果有一个键值相同的，就会死循环例如: 修改为如下代码解决死循环问题： 再进行简单封装一下： 使用RegExp封装 参考地址 阅读全文
摘要：
第一步，分别设置不同的接口地址 首先，我们分别找到下面的文件： 其实，这两个文件就是针对生产环境和发布环境设置不同参数的文件。我们打开dev.en.js文件。代码如下： 我们在NODE_ENV下面增加一项，代码如下： prod.env.js文件修改为: 第二步，在代码中调用设置好的参数 以我们之前的 阅读全文
摘要：
简介 前面写了一篇文章讲解了position常用的几个属性：《CSS 属性之 position讲解》一般都知道下面几个常用的： 在https://developer.mozilla.org/zh-CN/docs/Web/CSS/position还说了下面这三个值： 估计大部分都没有用过positio 阅读全文
摘要：
;(function(){ /** 验证框架 checkFun * 使用方法: * <input class="required" type="text" data-valid="isNonEmpty||isEmail" data-error="email不能为空||邮箱格式不正确" id="" / 阅读全文
摘要：
jquery的绿色拖动验证功能 在网上看到了一个这样的问题：那种像拖动滑块匹配图形的验证方式是怎么实现的？。 突然想到实现一个简单绿色拖动验证码的功能，在网上搜了下，有一个用jquery实现的该功能代码。 体验地址：http://yanshi.sucaihuo.com/jquery/8/897/de 阅读全文
摘要：
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 在 Vue 之后引入 vuex 会进行自动安装： 可以通过 https://unpkg.com/vuex@2.0.0 这样的方式指定特定的版本 阅读全文
摘要：
基本使用 html: JavaScript: 通过注入路由，我们可以用 this.$router 来访问它，就像在任何组件里用 this.$router 访问当前路有一样。 路由的命名 要链接到一个命名路由，可以给 router-link 的 to 属性传一个对象： 这跟代码调用 router.pu 阅读全文
摘要：
Vue 推荐在绝大多数情况下使用 template 来创建你的 HTML。然而在一些场景中，你真的需要 JavaScript 的完全编程的能力，这就是 render 函数，它比 template 更接近编译器。 在 HTML 层，我们决定这样定义组件接口： 当我们开始写一个通过 level prop 阅读全文
摘要：
一.自定义指令directive 除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。 来个实例，当页面加载 阅读全文
摘要：
一.什么是组件？ 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以表现为用 is 特性进行了扩展的原生 HTML 元素。 所有的 Vue 阅读全文
摘要：
Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示： 组件中定义过滤器 你可以在一个组件的选项中定义本地的过滤器： 阅读全文
摘要：
绑定 HTML Class 对象语法 ①.添加单个class: 上面的语法表示 active 这个 class 存在与否将取决于数据属性 isActive为真还是假。 ②.添加多个class： 和如下 data： 结果渲染为： ③.绑定的数据对象不必内联定义在模板里： ④.绑定一个返回对象的计算属性 阅读全文
摘要：
计算属性computed 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如： 所以，对于任何复杂逻辑，你都应当使用计算属性。 例子 结果： 这里我们声明了一个计算属性 reversedMessage。我们提供的函数将用作属性 vm.rev 阅读全文
摘要：
一.插值 v-once 通过使用 v-once 指令，你也能执行一次性地插值，当数据改变时，插值处的内容不会更新。但请留心这会影响到该节点上所有的数据绑定： v-html 双大括号会将数据解释为普通文本，而非 HTML 代码。为了输出真正的 HTML，你需要使用 v-html 指令： 这个 span 阅读全文
摘要：
前言 用了这么久的vue了，但是一直没有时间写个系列文章，现在抽一定时间总结下vue的知识点。 首先，Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。下面总结的内容是在2.x的版本。 阅读全文
摘要：
在原来有一篇文章写到了《CSS效果篇--纯CSS+HTML实现checkbox的思路与实例》。 今天这篇文章主要写各种自定义的checkbox复选框，实现如图所示的复选框： 大致的html代码都如下所示： <div class="ondisplay"> <section title=".slideO 阅读全文
摘要：
阅读全文
摘要：
在项目中可能需要随机生成字母数字组成的字符，如生成3-32位长度的字母数字组合的随机字符串（位数不固定）或者生成43位随机字符串（位数固定） 使用Math.random()与toString()方法的结合 先看一下这个方式： 结果：0.9kfiead48ntoString后的参数规定可以是2-36之 阅读全文
摘要：
1.hasOwnProperty相关 为了判断一个对象是否包含自定义属性而不是原型链上的属性，我们需要使用继承自 Object.prototype 的 hasOwnProperty方法。hasOwnProperty 是 JavaScript 中唯一一个处理属性但是不查找原型链的函数。 // 修改Ob 阅读全文
摘要：
jQuery 的动画方法（animate）支持各种属性的过渡，但是默认并不支持色彩的过渡，该插件正是来补足这一点！ PS: 该插件支持 RGBA 颜色的过渡，但是请注意，IE8以下的版本不支持 RGBA 颜色。 color backgroundColor borderColor borderBott 阅读全文
摘要：
开发技巧 1.插槽简写 Vue2.6推出具名插槽缩小， 跟v-on和 v-bind 一样，v-slot 也有缩写，即把参数之前的所有内容(v-slot:)替换为字符 #。例如v-slot:header可以被重写为 #header： <base-layout> <template #header="{ 阅读全文
摘要：
转载这篇ES6的箭头函数方便自己查阅。 ES6可以使用“箭头”（=>）定义函数，注意是函数，不要使用这种方式定义类（构造器）。 一、语法 基础语法 高级语法 实例 1. 具有一个参数的简单函数 2. 没有参数的需要用在箭头前加上小括号 3. 多个参数需要用到小括号，参数间逗号间隔，例如两个数字相加 阅读全文
摘要：
console.log() 基本用法 console.log，前端常用它来调试分析代码，你可以在任何的js代码中调用console.log()，然后你就可以在浏览器控制台看到你刚才打印的常量，变量，数组，对象，表达式等的值。 首先看最基本的用法： 我们可以通过上面的方式进行单个变量（表达式）、多个变 阅读全文