摘要：
什么是 XML? XML 指可扩展标记语言（EXtensible Markup Language） XML 是一种标记语言，很类似 HTML XML 的设计宗旨是传输数据，而非显示数据 XML 标签没有被预定义。您需要自行定义标签。 XML 被设计为具有自我描述性。 XML 是 W3C 的推荐标准 阅读全文
摘要：
前言 我们经常用element-ui做后台管理系统，经常会遇到父组件给子组件传递数据，下面一个简单的例子，点击按钮，把弹框显示变量数据通过子组件的props属性传递，子组件通过$emit事件监听把数据回传给父组件。 父组件代码： 子组件代码： 感觉这样挺麻烦，父组件通过设置子组件的属性（props） 阅读全文
摘要：
前端发展很快，现代浏览器原生 API 已经足够好用。我们并不需要为了操作 DOM、Event 等再学习一下 jQuery 的 API。同时由于 React、Angular、Vue 等框架的流行，直接操作 DOM 不再是好的模式，jQuery 使用场景大大减少。本项目总结了大部分 jQuery API 阅读全文
摘要：
前言 在现代新建一个 JS 相关的项目往往都是从 package.json 文件开始的，不过这个文件里需要的字段实在是太多了，正常人都记不住，所以 npm 官方提供了 npm init 命令帮助我们快速初始化 package.json 文件。执行之后会有一个交互式的命令行让你输入需要的字段值，当然如 阅读全文
摘要：
webSocket是什么 webSocket是HTML5新出的一种协议，底层是基于TCP/IP协议的。跟http没有关系，只是复用了http握手通道，用来升级协议。 webSocket的作用 轮询：客户端以一定的时间间隔向服务端发出请求，以频繁请求的方式来保持客户端和服务器端的同步。缺点： 浏览器需 阅读全文
摘要：
比如下面的代码，从服务端请求回来的订单数据如下，需要进行以下处理1.根据 status 进行对应值得显示（0-进行中，1-已完成，2-订单异常）2.把 startTime 由时间戳显示成 yyyy-mm-dd3.如果字段值为空字符串 ，设置字段值为 ‘--’ 下面就使用单一职责的原则设置 statu 阅读全文
摘要：
一.浮动布局 1.先让固定宽度的div浮动！使其脱离文档流。2.margin-left的值等于固定div的宽度相等。 二.margin的负值(3个div) 是固定宽度的div脱离文档流。利用marin负值可以使得，后面的div可以与前面的div 保持同行显示。给包裹内容的div加margin-lef 阅读全文
摘要：
简单工厂模式是由一个方法来决定到底要创建哪个类的实例, 而这些实例经常都拥有相同的接口. 这种模式主要用在所实例化的类型在编译期并不能确定， 而是在执行期决定的情况。 说的通俗点，就像公司茶水间的饮料机，要咖啡还是牛奶取决于你按哪个按钮。 var Car = (function () { var C 阅读全文
摘要：
基本用法 问题是output()在每次创建对象的时候都重新定义了，没有共享。 可以用如下方式： 更好的方式，使用原型继承output方法： 除了使用new，可以作为函数调用、call方式 该代码的方法1有点特殊，如果不适用new直接调用函数的话，this指向的是全局对象window，我们来验证一下： 阅读全文
摘要：
什么是单例模式 所谓单例，就是一个类只有一个实例，实现的方法一般是先判断是否存在实例，如果存在就直接返回，如果不存在就创建了再返回。这样确保了一个类只有一个实例对象。 实现的单例有很多种方式，最简单的一种方式就是对象字面量的方法，其字面量里面可以包含大量的属性和方法。 如果想要扩展该对象，使用闭包的 阅读全文
摘要：
1.相邻2个层合并的快捷键方法：先选择上面的一个层，再按ctrl+e。 2.合并一个组内的多个层或组：在该组单击右键，选择“转换为智能对象”,然后可对其进行其它操作，比如：截取该组的为一张图片：ctrl+"鼠标左点击该组"。 3.复制一个层，对该层设置前景色和背景色设置：背景色快捷键 :Ctrl+D 阅读全文
摘要：
字符串（String） 1.检查字符串是否为有效的 JSON const isValidJSON = str => { try { JSON.parse(str); return true; } catch(e) { return false; } } console.log(isValidJSON 阅读全文
摘要：
1.JS找字符串中出现最多的字符 例如：求字符串'nininihaoa'中出现次数最多字符 方法一： var str = "nininihaoa"; var o = {}; for (var i = 0, length = str.length; i < length; i++) { var cha 阅读全文
摘要：
CSS(3)常用属性 css3新单位vw、vh、vmin、vmax vh: 相对于视窗的高度, 视窗被均分为100单位的vh; vw: 相对于视窗的宽度, 视窗被均分为100单位的vw; vmax: 相对于视窗的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax; vmin: 相对于 阅读全文
摘要：
工作中经常会遇到这样的需求：1.购物车列表中勾选某些，点击任意一项，前往详情页，再返回购物车依旧需要呈现勾选状态2.勾选人员后，前往别的页面，再次返回，人员依旧程勾选状态3.等等.... 离开页面的时候将勾选的数据缓存，再次返回到页面时，将最新添加的数据和缓存的数据做对比，如果缓存中存在勾选，则更改 阅读全文
摘要：
一、路由拦截使用 首先在定义路由的时候就需要多添加一个自定义字段requireAuth，用于判断该路由的访问是否需要登录。如果用户已经登录，则顺利进入路由，否则就进入登录页面，路由配置如下： 定义完路由后，我们主要是利用vue-router提供的钩子函数beforeEach()对路由进行判断： 二、 阅读全文
摘要：
base64转blob对象 压缩图片 图片预览 详细图片预览可参考地址：《搞清Image加载事件(onload)、加载状态(complete)后，实现图片的本地预览，并自适应于父元素内(完成)》 图片旋转到正确的角度（验证可行） 参考地址： file上传图片，base64转换、压缩图片、预览图片、将 阅读全文
摘要：
在最近移动端项目中用到了vux，感觉用着还习惯，当把vux使用到PC端的时候出现了IE浏览器出现，这样的错误信息： CSS3114: @font-face 未能完成 OpenType 嵌入权限检查。权限必须是可安装的。 文件: UwCtGsNCf5NCQ0N.... 然后在IE浏览器页面中的字体图标 阅读全文
摘要：
常用Grid布局属性介绍 下面从一个简单Grid布局例子说起。 CSS Grid 布局由两个核心组成部分是 wrapper（父元素）和 items（子元素）。 wrapper 是实际的 grid(网格)，items 是 grid(网格) 内的内容。 下面是一个 wrapper 元素，内部包含6个 i 阅读全文
摘要：
for..in循环 使用for..in循环时，返回的是所有能够通过对象访问的、可枚举的属性，既包括存在于实例中的属性，也包括存在于原型中的实例。这里需要注意的是使用for-in返回的属性因各个浏览器厂商遵循的标准不一致导致对象属性遍历的顺序有可能不是当初构建时的顺序。 虽然for..in主要用于遍历 阅读全文
摘要：
什么是跨域？ 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。 广义的跨域： 1.) 资源跳转： A链接、重定向、表单提交 2.) 资源嵌入： <link>、<script>、<img>、<frame>等dom标签，还有样式中background:url()、@font-f 阅读全文
摘要：
1.什么是Promise? Promise是JS异步编程中的重要概念，异步抽象处理对象，是目前比较流行Javascript异步编程解决方案之一 2.对于几种常见异步编程方案 回调函数 事件监听 发布/订阅 Promise对象 这里就拿回调函数说说 (1) 对于回调函数 我们用Jquery的ajax获 阅读全文
摘要：
原生JS实现的DOM一系列操作参考： 原生JavaScript封装DOM库 siblings: 原生JS-查找相邻的元素-siblings方法的实现 addClass,removeClass,hasClass,toggleClass：原生js添加删除class 原生js添加删除class 代码如下： 阅读全文
摘要：
基本代码 html代码： 首先定义一些基本的样式和动画： background-size: auto 100%; 这段代码的意思是让图片的高等于容器的高，并且水平方向自动，即图片最左边贴着容器左侧。 执行动画的流程是：周而复始、往复交替、线性并且时间周期是10s。 手动控制动画执行 现在我们实现当鼠 阅读全文
摘要：
下面代码只是实现了上下滑动惯性，没有写水平滑动惯性。（临时代码笔记，可能会在以后的过程中不断更新优化代码） 注：当滑动到页面底部的时候才触发touchmove事件。 调用方式： 参考地址： 移动端拖动惯性 原生移动端滑动js 阅读全文
摘要：
CSS动画非常的有趣；这种技术的美就在于，通过使用很多简单的属性，你能创建出漂亮的消隐效果。其中代表性的一种就是CSS图片翻转效果，能让你看到一张卡片的正反两面上的内容。本文就是要用最简单的方法向大家介绍如何创建这种效果。 网上有很多其它的教材，但里面添加了很多多余的代码样式，需要读者去分清哪些是必 阅读全文
摘要：
需求分析，根据当前网页中的几张图片，在手机上长按，保存图片到相册或者发送给好友。 调用方式： 注：上面的调用是使用的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 阅读全文