qq_25131799的博客

原创 跨域方式：ajax、promise、 fetch、jsonp+express、postMessage 、window.name、webSocket

jsonp方式 cors方式postMessage 方式window.namelocalhost.hashwebSocket

原创 回到窗口，js刷新页面

var myFunction = function() { if(window.frameElement.style.display == 'none') { document.removeEventListener('visibilitychange', myFunction); } if(window.frameElement.style.display != 'none') { if (document.hidden) { }.

原创 git 命令、node、npm 、vue_cli安装、ssh设置与获取

1. git status2. git add .3. git commit -m ""4. git pull origin master5. git push origin master6.撤回已修改, 未暂存（未进行git add） git reset --hard7. 撤回已暂存(git add)，未提交（git commit） git reset...

转载 vue中使用 lodash Debounce防抖

Debounce，又称防抖动函数， 常被被用来控制 前端异步请求及其它高耗任务的频率。概念比较抽象，了解一个业务场景，就很容易理解了。比如通过搜索过滤一个列表，通过“@change=“search”监听输入向后台发起请求，如果每输入一个字母就调用一次”search“向后台发送一次请求，效率将会很低，如果可以将调用search函数控制在一定时间内，比如1秒内，在这一秒钟，我输入了5个字母，s...

原创 handsontable settings记录

settings: { data: [ {name: '', type: '', criterion: '', count: '', month: '', lineTotal: '', decompose9: '', decompose10: '', decompose11: '', decompose12: '', decompose1:...

原创 element treeTable 全部展开折叠、分级展开折叠

原创 本地测试webpack打包文件dist

方法一1.全局安装http-servernpm installhttp-server -g2.在dist目录下运行http-server -a 192.168.1.9 -p 80803.浏览器打开 http://192.168.0.56http://192.168.0.56/index.html方法二1.全局安装express-gener...

转载 Vue.js 基于vue-cli脚手架工具构建Vue项目

Vue.js 是目前最火的前端框架，几乎没有之一，资深程序员这样评价它："Vue.js 兼具 Angular.js 和 React.js 的优点，并剔除它们的缺点"，大多前端工程师都视 Vue.js 为心中最理想的框架。学习 Vue.js 建议查看 Vue 官方中文文档。当然如果英语能力好的话，推荐查看 Vue 官方英文文档，因为对某些 API 的理解，还是英文的文档更容易一些。个人看法，...

转载 react 笔记

import React from 'react';import logo from './logo.svg';import './App.css';class App extends React.Component { constructor() { super() this.name = "小明"; this.arr = ...

转载 Vuex 入门

目录：第1节 Vue成果展示及项目搭建第2节 Vuex- 搭建vuex中央状态管理第3节 Vuex- getters第4节 Vuex- Mutations第5节 Vuex- Actions第6节 Vuex- Mapping Actions & Getters使用================================================...

转载 function arguments属性； call、apply、bind区别

function的属性argumentscall、apply、bind改变this指向

转载 vue中利用axios实现文件上传进度实时更新

XHR二级增加了progress事件,我们可以据此在浏览器接收新数据期间添加实时数据进度条,从而使得交互更加友好Vue模板<div class="progress" style="height: 20px;margin-top: 50px;width: 90%;color: #444;text-align: center;line-height: 20px;margin-bot...

原创 script标签属性：async、defer、data-main(requireJs)

1.前提一般script标签可放在头部head标签里，或者尾部body标签里。script放在头部浏览器解析标签时，会先下载完js，再往下解析html。浏览器在下载 js 时，不能多个js 并发一起下载。最多同时下载两个js，且会停止解析HTML。 script标签放在头部，会有页面加载慢，卡顿的体验。 建议script放在尾部，能加速网页加载。且js内代码若要获取HTML内的...

转载 制作并发布第一个vue组件的npm包

初始化项目这里用的是webpack-simple,可以理解为精简版的vue-clivue init webpack-simple vue-ruler-tool安装好后再就是一顿常规操作npm installnpm dev项目结构项目结构原结构中红框里是放的vue的logo图片，用不着的东西，所以这里就把改成了组件文件夹与组件文件还需要在src下面新...

原创 exports、module.exports、export、export default区别； require、import区别

1. exports， module.exports 是nodeJS语法，用于暴露模块对象2. exports 是对 module.exports的引用。3. exports 可以添加属性和方法，不能赋值改指向4. module.exports 才是真正的暴露对象，指向哪里，就暴露哪里，可以添加属性和方法，可以赋值改指向（推荐使用）require是Commonjs的规范，nod...

转载 es6学习记录

目录第1节 环境部署与课程介绍第3节 数组方法( foreach )第4节 数组方法( map)第5.1节 数组方法( filter )第5.2节 数组方法( find findIndex)第6节 数组方法( every some)第7节 数组方法( reduce)第8节 let 与 const第9节 模板字符串第10节 箭头函数第11节 增...

转载 NodeJS学习笔记

目录第1节：初始NodeJS第2节：v8引擎第3节：Node-Module require第4节：事件模块第5节：Node 文件系统模块第6节：文件系统 创建及删除第7节：Http 创建服务器第8节：缓存区及流第9节：读写数据流第10节：读取 html json第11节：Router 路由模块第12节：npm 、package.json...

原创 正则表达式学习笔记

1. 正则表达式写法：2.3.4.5.6.7.8.9.10.11.// var ali = document.getElementsByClassName('active');function g...

转载 requireJS

转载 css3 立体骰子

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;link rel="stylesheet" href="//at.alicdn.com/t/font_537302_qv2v

转载 MVC、MVVM

一、MVC、MVVM 的 相同点 和 不同点1.相同点都是前端web开发的框架模式，都是把业务逻辑、模型数据、用户界面分离开来，让开发者将数据与表现解耦。2.不同点1.MVC的通信是单向的: view =&gt; controller =&gt; model =&gt; controller =&gt; view2.MVVM 是双向的: ViewModel 通过双向数据绑...

原创 cookie、localstorage、seesionStorage的区别 与 具体用法

==============================三者区别分析==============================================cookie:存储： 存储在客户端，最大只能存 4kb的数据。有效时间：可以设置有效时间。过期或者手动删除，就失效。是否失效与浏览器及窗口的打开和关闭无关。数据与服务器之间的交互方式： cookie的数据会自动的传递到...

转载 拖拽用到的 js事件

1.拖拽用到的 js事件drag、dragstart、dragend、dragenter、dragover、dragleave、drop2.代码展示&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &am

转载 npm 常用命令

1, 修改 下载仓库为淘宝镜像　npm config set registry http://registry.npm.taobao.org/2, 如果要发布自己的镜像需要修改回来　npm config set registry https://registry.npmjs.org/3,安装cnpm　npm install-g cnpm--registry=https...

转载 meta总结

&lt;meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /&gt;

转载 微软 TypeScript

目录：  ======================================================第1节 闲谈 TypeScript======================================================1.2. 3编译之后，生成js 文件4.============...

转载 http（超文本传输协议）、 https

目录第1节 HTTP简介第2节 HTTP消息结构第3节 HTTP请求方式第4节 HTTP响应头信息第5节 HTTP状态码第6节 HTTP content-type第7节 HTTPS----------------------------------------------------------------------------------------------...

原创 本地项目上传至 github

1. 远程创建仓库 2.本地项目打开命令板：git bash here 3. 本地项目git初始化： 输入命令 git init4. git add README.md  :  本地先新建一个README.md文件5. git commit -m "first commit "  :   将暂存区里的改动给提交到本地的版本库6. git remote add origi...

原创 for 循环 同步异步输出 0 1 2 3 4 （闭包立即执行函数、let）

// 1. for 循环 同步输出 0 1 2 3 4for (var i = 0;i &lt; 5; i++){ console.log('1:' + i); // 0 1 2 3 4}console.log(`console.log i:${i}`); // 5// 2.for 循环 setTimeout 异步回调函数 不能异步输出 0 1 2 3 4for (var...

转载 使用HBuilder编辑器将html5页面打包成APP

使用HBuilder编辑器将html5页面打包成APP （ios+安卓）1.首先先安装HBuilder编辑器。下载链接：http://www.dcloud.io/ 2.HBuilder编辑器   菜单----&gt;文件----&gt;新建----&gt;App项目----&gt;新增项目名字----&gt;选择实例模板。 3.新建后，在manifest.json里...

转载 px和毫米之间的转换

像素与毫米的转换 转换还需要知道另一个参数：DPI（每英寸多少点） 象素数 / DPI = 英寸数 英寸数 * 25.4 = 毫米数 对于显示设备，不管是打印机还是屏幕，都有一种通用的方法 先用GetDeviceCaps(设备句柄，LOGPIXELSX) 或者 GetDeviceCaps(设备句柄，LOGPIXELSY)获得设备每英寸的像素数 分别记为：px 和 py 一英寸等于...

转载 2018.6.12 — 插件封装及$.extend和$.fn.extend的使用详解

Jquery.extend()可以理解成为 Jquery 类添加静态方法，扩展方法原型是：1extend(dest,src1,src2,src3...);它的含义是将src1,src2,src3…合并到 dest 中，返回值为合并后的 dest ，由此可以看出该方法合并后，是修改了 dest 的结构的。如果想要得到合并的结果却又不想修改 dest 的结构，可以如下使用：1var newSrc=$....

原创 input val值比较； 数字与字符串大小比较 ；typeof/instanceof的用法

&lt;div style="width: 1000px;margin: 0px auto;"&gt; &lt;input id="input1" type="text" /&gt; &lt;input id="input2" type="number" /&gt; &lt;div class="btn btn-info btn-sm&

原创 js Date 对象: 已知当前天的yy-mm--dd格式 / 标准时间格式，获取当前天的前一天， 时间格式转换

1. new Date : 获取当前日期时间（标准时间）new date：报错2. new Date()  与  new Date  与  Date()