自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(34)
  • 收藏
  • 关注

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

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

2021-01-29 09:16:33 197

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

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

2020-11-23 18:31:08 227

原创 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...

2020-04-05 12:02:55 614

转载 vue中使用 lodash Debounce防抖

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

2020-03-17 14:35:00 12769 4

原创 handsontable settings记录

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

2019-12-30 15:43:10 476

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

2019-12-06 09:57:23 2626

原创 本地测试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...

2019-10-31 14:20:17 723

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

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

2019-07-16 10:07:57 169

转载 react 笔记

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

2019-07-09 11:29:41 105

转载 Vuex 入门

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

2019-06-29 07:40:16 117

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

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

2019-06-28 13:35:05 154

转载 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...

2019-06-26 16:47:55 1699

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

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

2019-06-26 10:22:24 3655

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

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

2019-06-25 15:48:39 418

原创 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...

2019-06-25 12:00:33 282

转载 es6学习记录

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

2019-06-24 15:09:00 205

转载 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...

2019-06-24 15:08:45 187

原创 正则表达式学习笔记

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

2019-06-24 10:17:35 168

转载 requireJS

2019-06-22 11:07:28 1728

转载 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

2018-10-27 09:58:55 1032

转载 MVC、MVVM

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

2018-10-20 16:07:57 122

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

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

2018-10-20 11:06:35 501

转载 拖拽用到的 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

2018-10-19 17:43:50 1378

转载 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...

2018-10-13 14:25:42 142

转载 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;

2018-10-13 11:37:40 80

转载 微软 TypeScript

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

2018-10-13 11:34:41 282

转载 http(超文本传输协议)、 https

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

2018-08-28 17:40:56 639

原创 本地项目上传至 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...

2018-08-16 11:34:06 188

原创 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...

2018-08-11 15:09:52 1623

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

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

2018-08-02 15:29:16 10900 2

转载 px和毫米之间的转换

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

2018-07-31 16:06:27 32006

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

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

2018-06-12 15:10:13 414

原创 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&

2018-05-17 11:27:28 1596

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

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

2018-05-17 11:24:52 2880

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除