- 博客(52)
- 收藏
- 关注
RSS订阅转载 jsonp跨域原理解析
首先我们就来看下jsonp是如何突破同源策略的限制实现跨域的先，不知道大家有没有注意，不管是我们的script标签的src还是img标签的src，或者说link标签的href他们没有被通源策略所限制，比如我们有可能使用一个网络上的图片，就可以请求得到<img src="https://ss3.baidu.com/9fo3dSag_xI4khGko9WTAnF6hhy/i...
2019-09-04 10:14:00
136
转载 Webstorm的一些常用快捷键
下面是Webstorm的一些常用快捷键：1. ctrl + shift + n: 打开工程中的文件，目的是打开当前工程下任意目录的文件。2. ctrl + j: 输出模板3. ctrl + b: 跳到变量申明处4. ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation)5. ctrl + []: 匹配 {}[]6. ctrl ...
2019-09-03 11:02:00
110
转载 webstorm创建js文件时自动生成js注释
设置webstorm创建js文件时自动生成js注释settings--Editor--File and Code Temlates黑色框框里的内容自己填写上去,以下是参考的代码块:/*** @author ${USER}* @date ${DATE} ${TIME}*/或者/*** @author 张三...
2019-09-03 10:57:00
368
转载 帮你彻底搞懂JS中的prototype、__proto__与constructor（图解）
提示：不要排斥，静下心来，认真读完，你就搞懂了！(可以先看一下最后的总结部分再回过头来完整看完)1. 前言 作为一名前端工程师，必须搞懂JS中的prototype、__proto__与constructor属性，相信很多初学者对这些属性存在许多困惑，容易把它们混淆，本文旨在帮助大家理清它们之间的关系并彻底搞懂它们。这里说明一点，__proto__属性的两边是各由两个...
2019-09-03 10:06:00
108
转载 this指北 (一篇读懂)
this 关键字涵义this关键字是一个非常重要的语法点。毫不夸张地说，不理解它的含义，大部分开发任务都无法完成。前一章已经提到，this可以用在构造函数之中，表示实例对象。除此之外，this还可以用在别的场合。但不管是什么场合，this都有一个共同点：它总是返回一个对象。简单说，this就是属性或方法“当前”所在的对象。this.property上面代码...
2019-09-02 18:21:00
114
转载 原型链
function Fn() { this.foo = ‘haha’;} // Fn为构造函数var f1 = new Fn(); // f1是Fn构造函数创建的对象__proto__属性:在创建对象的时候，都会有一个属性__proto__，它指向构造函数的原型对象prototype。console.log(f1.__proto__ === Fn....
2019-09-02 17:00:00
87
转载 module.exports与exports，export与export default的区别
Node使用CommonJS规范，定义每个模块的内部，module变量代表当前模块，exports是module的属性，表示对外的接口。加载某个模块，实际上是加载该模块的module.exports属性。Node为每隔模块提供了一个exports变量，指向module.exports，这等同于每个模块头部有这样的一行代码：var exports = module.exportsES6使用...
2019-09-02 16:41:00
95
转载 this与bind(this) (es5新增)
this与bind(this)thisthis指向的是当前函数的作用域(对象实例)，有如下的例子const app = { name: 'xiaoming', log() { console.log(this.name); }, child() { return { name: 'b',...
2019-09-02 16:34:00
103
转载 解决ios环境下点击输入框页面被顶起不能自动回弹到底部问题
第一步：在标签的输入框中添加获取焦点事件 代码写法：@focus="getFocus" (vue代码) 可直接拷贝拿去放在自己页面元素中，如下： <div class="o-field o-grid__cell carinfo-grid__cell"> <input @blur="onPlacehol...
2019-06-15 16:33:00
241
转载 js前台计算两个日期的间隔时间（时间差）
在后台传来两个时间字段，从中解析出两个字符串类型的日期格式 需要在前台解析出两个时间的间隔这里采用获取两个日期的时间戳进行计算时间戳是指格林威治时间1970年01月01日00时00分00秒(北京时间1970年01月01日08时00分00秒)起至现在的总秒数。所以要求两个时间的间隔只需要将两个时间戳相减 就能得到两个时间相差的毫秒数 通过除以3600*1...
2019-04-29 15:49:00
187
转载 webpack是什么
1,打包工具 模块打包 2.前端工程师 ,必不可少工具webpack作用 1.打包 (多个文件,打包成一个文件) 2.转化(less,sass,ts) 需要核心 技术 loader 3优化(SPA越来越盛行, 前端项目复杂度高,需要webpack进行优化) webpack 构成 1.入口 entroy 2.出口 output 3.loader 转换器 /加载器 4.plugins ...
2019-04-24 16:21:00
135
转载 webpack的三种用法
1.直接命令行使用。 2.node.js API的使用方式。 3.webpack / webpack--config webpack. dev.config.js//根目录创建 webpack.config.js //根目录参数 moule.export={ entry : './src/script/main.js', //打包从这个js开始 入口...
2019-04-24 16:14:00
87
转载 git 常用命令
git操作 mkdir xxx touch xxx cd cd ~ ls cd .. 一 基本操作$ git config --global user.name$ git config --global user.emailgit init 把这个目录变成git可以管理的仓库git add readme.txt...
2019-04-24 16:08:00
74
转载 npm install 操作
npm init node test.js$ npm install -g cnpm --registry=https://registry.npm.taobao.org （cnpm）npm install express --save-dev //Node.js Express 框架npm install webpack --save-devcnpm install styl...
2019-04-24 16:06:00
122
转载 JS 冷知识,运行机制
数组取最小、最大值var a=[1,2,3,5];alert(Math.max.apply(null, a));//最大值alert(Math.min.apply(null, a));//最小值获取鼠标坐标 ：event.clientX; event.clientY; 鼠标右击事件 ：document.oncontextmenu=funct...
2019-04-24 15:58:00
89
转载 node 创建
下载 node ： 注意选项 ADD PATH 配置环境变量 node -v npm -v 检查创建一个服务器 ： //创建一个服务器 127.0.0.1:8888var http = require("http");http.createServer(function(req,res){res.writeHead(200,{...
2019-04-24 15:14:00
67
转载 onscroll 元素滚动事件
阻止事件冒泡 event.stopPropagation();children()：查找合集里面的第一级子元素。（仅儿子辈，这里可以理解为就是父亲-儿子的关） children只查找第一级的子节点 $("div").children(".selected") / $('.div').children(':last').css('border', '3px solid blue')f...
2019-04-24 15:13:00
571
转载 js 获取 时间戳的三种方法
new Date() *1 自动数据类型转换为数字 new Date().getTime() Date.now(); ...
2019-04-24 15:06:00
595
转载 js 事件
zepto.js [ze:p:ter] 轻量jquery moble 组件化插件 重量 手机窗口浏览器内部高度：window.innerHeight / window.innerWidth给原生事件绑定时间 ： obj.addEventListener('touchstart', a 事件) 触摸屏幕event.touches[0].pageX; ev...
2019-04-24 15:03:00
70
转载 sublim 插件
sublim 插件 https://www.cnblogs.com/hykun/p/sublimeText3.html html 代码自动 + tab ul>li>img+p+a ! ul>li*5 ul>(li>a)*5 js代码整理 ctrl+alt+f ctrl+s...
2019-04-24 14:56:00
67
转载 css 初始化样式
@charset "UTF-8";/* reset */html,body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,fieldset,form,label,input,legend,table,caption,tbody,tfoot,thead,tr,th,td,textarea,article,aside,audio,canvas...
2019-04-24 14:54:00
98
转载 css 冷知识
*{margin: 0;padding: 0;} li{list-style-type:none; }ul{list-style: none;}img{border: none;}ul,input,select,option,textarea{outline: none;}a{text-decoration: none;}.fl{float: left;}.fr{float: right...
2019-04-24 14:52:00
86
转载 js跨域问题
跨域：必须放在同一服务器下。也就是说 域名,端口号,协议 必须完全相同 那么他们就是同源的比如说你的当前页面是http://www.example.com/test.html，那么这个页面中的只能发出 http://www.example.com/ 下的请求。Javascript出于安全方面的考虑，不允许跨域调用其他页面的对象。什么是跨域呢？简单地理解就是因为javascript同源策略...
2019-04-24 14:51:00
67
转载 检测浏览器是否支持ES6
这是阮一峰老师写的一个工具 ES-Checker，用来检查各种运行环境对 ES6 的支持情况。访问ruanyf.github.io/es-checker，可以看到您的浏览器支持 ES6 的程度。运行下面的命令，可以查看你正在使用的 Node 环境对 ES6 的支持程度。node --v8-options | grep harmony$ npm install -g es-ch...
2019-04-24 14:46:00
907
转载 新增项目到GIT仓库中
在本地新建项目的目录中打开Git Bash命令行工具运行以下命令，设置全局信息(包括用户名，邮箱地址) git config --global user.name "你的姓名" git config --global user.email "[email protected]"创建本地数据仓库，执行以下命令(同样要在项目目录中) git init t...
2019-04-24 14:30:00
47
转载 如何正确设置统计博客园的个人博客访问量（图文详解）
第一步：http://www.flagcounter.com/选择自己喜欢的显示风格后，点击“get your flag counter"按钮 第二步： 我这里，为了保持，我博客园所接收消息，也是采用本人的Q，一致。 当然，你也可以直接选择skip跳过然后，会生成两组代码： 第三步： 这里我选择html格式的代码，复制后...
2019-04-22 20:01:00
154
转载 Node中包的加载机制
1、Node原生提供的核心模块：http、fs、os、path、url、querystring，Node在加载核心模块时，不需要传入路径，因为Node.js已经将核心模块的文件代码编译到了二进制的可执行文件中了，核心模块在Node中加载的优先级是最高的;2、以./或者../开始的相对路径文件模块：加载自己写的模块时，最好使用__dirname和模块文件名拼...
2019-04-18 14:53:00
120
转载 JS中 typeof,instanceof类型检测方式
在js中的类型检测目前我所知道的是三种方式，分别有它们的应用场景：1、typeof：主要用于检测基本类型.typeof undefined;//=> undefinedtypeof 'a';//=> stringtypeof 1;//=> numbertypeof true;//=> booleantypeof {};//=> o...
2019-04-18 14:52:00
114
转载 ES6 常用语法
1、ECMAScript的官网地址：http://www.ecma-international.org/cma-262/6.0/，其是JS语言的下一代标准，已经在2015年6月正式发布，目标是让JS可以用来编写大型的复杂的应用程序，成为企业级开发语言;2、JS开启严格模式："use strict"（必须放在脚本第一行，否则无效），严格模式的目的是：消除JS语法的一...
2019-04-18 14:48:00
62
转载 CommonJS规范
1、CommonJs规范的出发点：JS没有模块系统、标准库较少、缺乏包管理工具；为了让JS可以在任何地方运行，以达到Java、C#、PHP这些后台语言具备开发大型应用的能力；2、在CommonJs规范中： 一个文件就是一个模块，拥有单独的作用域； 普通方式定义的变量、函数、对象都属于该模块内； 通过require来加载模块；...
2019-04-18 14:46:00
46
转载 解决子元素设置margin-top，效果到父元素上的问题
原因:子元素和父元素的上边框重合前端开发在重构页面的时候,子集需要按照设计图来设计尺寸有的时候给子元素设置margin-top 子元素没有效果,反而父元素起到了 margintop效果,原因就是子元素和父元素上边框重合在一起<!DOCTYPE html><html lang="en"><head> <meta c...
2019-04-16 18:04:00
186
转载 js实现两种排序算法——冒泡、快速排序
* 一：冒牌排序1思想：冒泡排序思想：每一次对比相邻两个数据的大小，小的排在前面，如果前面的数据比后面的大就交换这两个数的位置要实现上述规则需要用到两层for循环，外层从第一个数到倒数第二个数，内层从外层的后面一个数到最后一个数2特点：排序算法的基础。简单实用易于理解，缺点是比较次数多，效率较低。 var arr=[2,5,4,1,7,3,8,6,9,0]; ...
2019-04-16 14:45:00
108
转载 帮你彻底搞懂JS中的prototype、__proto__与constructor（图解）
作为一名前端工程师，必须搞懂JS中的prototype、__proto__与constructor属性，相信很多初学者对这些属性存在许多困惑，容易把它们混淆，本文旨在帮助大家理清它们之间的关系并彻底搞懂它们。这里说明一点，__proto__属性的两边是各由两个下划线构成（这里为了方便大家看清，在两下划线之间加入了一个空格：_ _proto_ _），本文基于谷歌浏览器（版本 72.0.36...
2019-04-16 10:18:00
61
转载 vue 上实现无缝滚动播放文字系统公告
首先实现效果，当时的需求做的系统公告框设定一个宽度，超宽滚动播放，没超宽则静态展示，有了需求，想了下实现原理，最开始打算js更改字体内容的方式，但是想了下感觉会有点麻烦，想起之前做了表格的左侧边固定，是利用了将表格分层两部分，滚动的时候通过translate来移动了表格的位置，实现的半边滚动，半边移动，这种办法可以用在我们这里，这样就实现了代码的横向滚动，这下就剩下无缝链接。既然是用tr...
2019-04-16 10:08:00
367
转载 jquery中的attr与prop的区别,什么时候用attr,什么时候用prop
只要有 Boolean() 属性的,简单说就是具有true 和 false 两个属性的属性，如 checked, selected 或者 disabled 使用prop()，(其实这些都是表单类的), 其他的使用 attr()转载于:https://www.cnblogs.com/yangwenbo/p/10715162.html...
2019-04-16 10:02:00
71
转载 Windows上的程序员神器Cmder
用过Windows版本Git的都知道Git自带了Git Bash，这个在很大程度上满足了我的需求，随着Git的版本升级越来越好用安装CmderCmder官网，它把conemu，msysgit和clink打包在一起，让你无需配置就能使用一个真正干净的Linux终端，甚至还附带了漂亮的Monokai配色主题，我的Sublime和IDE都设置的Monokai配色，可惜不知道是公司网络问...
2019-04-16 09:56:00
157
转载 npm i 和 npm install 的区别
实际使用的区别点主要如下(windows下)：1. 用npm i安装的模块无法用npm uninstall删除，用npm uninstall i才卸载掉2. npm i会帮助检测与当前node版本最匹配的npm包版本号，并匹配出来相互依赖的npm包应该提升的版本号3. 部分npm包在当前node版本下无法使用，必须使用建议版本4. 安装报错时intall肯定会出现npm-debu...
2019-03-15 11:56:00
1189
转载 webStorm 快捷键 + 浏览器
webStorm 快捷键shift + enter 不管光标在哪个位置 新建一行Ctrl + G 查找行Ctrl + B 查找函数Ctrl + D 复制一行Ctrl + X 删除一行Ctrl + L (同Ctrl+F)搜索Ctrl + Alt + L 格式化代码浏览器Ctrl+ Shif...
2019-03-12 17:37:00
156
转载 Linux安装nodejs和npm
先安装，nvm，即是Node Version Manager(Node版本管理器)curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.2/install.sh | bash或者使用 wgetwget -qO- https://raw.githubusercontent.com/creationi...
2019-02-21 11:46:00
37
转载 jQuery页面滚动底部加载数据
$(window).scroll(function () { var scrollTop = $(this).scrollTop(); var scrollHeight = $(document).height(); var windowHeight = $(this).height(); if (scrollTop + windo...
2019-01-28 11:44:00
78
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人