- 博客(36)
- 收藏
- 关注
转载 一张图看懂 JS 原型链
JS 原型链,画了张图,终于理清楚各种关系有木有写在最后:__proto__是每个对象都有的一个属性,而prototype是函数才会有的属性!!!function Person() { } 是函数var person = new Person(); // person 是对象https://www.haorooms.com/post/js...
2018-10-16 09:56:00
133
转载 this的指向问题
一、四种指向1. 全局环境 -> window2.对象环境 -> 对象3. 构造函数环境 -> 实例对象4. 事件对象 -> 调用者总结:谁调用指向谁二、两种改变指向的方式1. call/apply 方式2. 定义局部变量的方式:var that = this;三、特例1. 如果返回值是一个对象,那么this指向的就是那个返...
2018-10-15 23:10:00
126
转载 axios 同步问题
Axios 是一个基于 Promise 的 HTTP 库,可以用在浏览器和 node.js 中(这是官方文档给出的一个解释说明)它的主要作用是向后台发起异步请求,还有在请求中做更多的可控功能1. 使用 axios.all([fn1, fn2, ...]).then()2. 利用ES7的 async await 来实现转载于:https://www.cnblogs.com/s-...
2018-10-15 15:09:00
264
转载 浏览器版本 / 设备系统 检测
browser-detection.js 1 var uaInfo = window.navigator.userAgent.toLowerCase(); 2 var rMsie = /(msie\s|trident.*rv:)([\w.]+)/; 3 var rFirefox = /(firefox)\/([\w.]+)/; 4 var rOpera = /...
2018-09-27 13:28:00
232
转载 控制HTML页面内容不能选中的方法
方法有二一: css 方法user-seletct: none;-webkit-user-seletct: none;-moz-user-seletct: none;-ms-user-seletct: none;none: 不能选中内容text: 能选中内容二:js 方法document.body.onselectstart = function(){ retu...
2018-03-05 15:59:00
179
转载 js 正则常用函数
正则表达式中,需要转义的字符:* . ? + $ ^ [ ] ( ) { } | \ /let reg = /\d+/glet str = 'ad/23/dfww/454/6'1. reg.test(str)===> true如果字符串中存在正则表达式的匹配结果则返回true否则返回false2. str.match(reg)===> [...
2018-01-14 15:20:00
137
转载 谁动了我的Mac ??
教大家一种方法,看看有没有人在自己对Mac睡眠后对其进行唤醒一:应用程序里有个控制台,可以将这个打开,输入wake reason二:在终端输入:syslog |grep -i "Wake" 或者 syslog |grep -i "Wake reason"转载于:https://www.cnblogs.com/s-qiu/p/8127867.html...
2017-12-27 21:57:00
254
转载 有关使用 iview 表单验证的问题
Vue的UI解决框架,element-UI, iview-UI 有关表单验证使用的是同一个插件,async-validator,有关这个插件的用法就不做赘述,但是在iview表单的使用中可能会用到验证不起作用的问题,原因是给表单绑定的value是id或者type,value等Number类型的值,多见于select下拉框,这时,由于async-validator默认只验证String类型...
2017-12-15 10:11:00
133
转载 Object.defineProperty()
今天看ES6的class时,看到了Object.defineProperty()这一ES5的定义对象属性的方法。在js中我们可以通过下面这几种方法定义属性: 1 // (1) define someOne property name 2 3 someOne.name = 'cover'; 4 5 //or use (2) 6 7 some...
2017-09-29 16:53:00
84
转载 *.vue文件的template标签内使用form标签
由于form表单有重复提交的问题,所以在vue文件内直接使用form标签时需要注意这个问题,否则会导致页面重复刷新跳转不成功的问题解决方案:<form @submit.prevent></form><form @submit.prevent="submit"></form> //"submit"为提交表单时调用的方法转载于...
2017-09-27 15:28:00
455
转载 canvas.addEventListener()
对 canvas 元素的事件监听用addEventListener()实现,但是有一点缺陷是:canvas 不支持键盘事件,为了解决这个问题,可以采用以下两种方案:方案一:key event ---- use window as object 通过window对象实现对canvas事件的监听和处理 window.addEventListener('keydow...
2017-09-15 10:25:00
1111
转载 addEventListener(event, function, useCapture) 简记
监听事件方法:addEventListener(<event-name>, <callback>, <use-capture>)移除监听事件方法:removeEventListener(event, function)其中 addEventListener(event, function, useCapture) 有三个参数,分别代表:第一...
2017-09-15 10:03:00
353
转载 css3 background-sizing 属性,捎带 background-repeat 属性
background-sizing: contain: 在指定大小的容器内把图像按照图像本身长宽比扩展到最大尺寸,有可能有留白 cover: 在指定大小的容器内,把图像按照图像本身的长宽比扩展到足够大,已能够把整个背景全部覆盖,图像的某些部位可能不能显示详见下图所示:background-repeat: repeat-x:背景图像在横向上平铺 repeat-y:背景图像在...
2017-08-28 13:39:00
124
转载 vue2.0 生命周期 简析
Vue2.0 生命周期钩子函数:<template> <div id='app'> {{message}} </div></template>var app = new Vue({ el: '#app', data: { message: 'hello vue' }, ...
2017-08-28 13:28:00
106
转载 关于H5的自定义属性data-*
data-* 是H5的新属性,用来让开发者对标签添加自定义属性的。其读写方式有如下几种:如果是 data-abc 的格式,则采用正常格式 abc 来读写该属性值<div id="content" data-age="18">html5 data-*自定义属性 age</div>// 原生 js 方式读写var content= do...
2017-08-10 14:25:00
276
转载 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
viewport:移动设备上用来显示网页的那部分区域,但其大小并不局限于那部分可视区域width设置layout viewport 的宽度,为一个正整数,或字符串"device-width"height设置layout viewport 的高度,这个属性对我们并不重要,很少使用initial-scale设置页面的初始缩放值,为一个数字,可以带小数,取值1.0则页面按实际尺...
2017-07-28 13:55:00
153
转载 <meta name="renderer" content="webkit">
<meta name="renderer" content="webkit">当前国内的大部分主流浏览器(如360)基本都是双核浏览器,所谓双核即:极速模式(基于Webkit内核用于常用网站的高速浏览);兼容模式(基于IE的内核用于兼容网银、旧版网站)告诉浏览器默认以哪种浏览器内核浏览当前网站webkit:webkit内核ie-comp:IE兼容内核ie-...
2017-07-28 13:42:00
438
转载 IE的兼容性设置 X-UA-Compatible
<metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1"/>是IE8的专属标记,用来兼容其它低版本IE浏览器的,告诉IE8浏览器以哪个低版本的IE浏览器来渲染页面,1. 遵循<!DOCTYPE>指令文档声明 的兼容设置<meta http-equiv="X-UA-...
2017-07-28 11:17:00
509
转载 沙盒 sandbox 简记随笔
沙盒又称沙箱(sandbox),是一种按照 安全策略 限制 程序行为 的 执行环境。“沙盒”技术的实践运用流程是: 1. 让疑似病毒文件的可疑行为在虚拟的“沙盒”里充分运行,“沙盒”会记下它的每一个动作; 2. 当疑似病毒充分暴露了其病毒属性后,“沙盒”就会执行“回滚”机制:将病毒的痕迹和动作抹去,恢复系统到正常状态。PS:sandbox并不是sandbox...
2017-07-18 09:39:00
122
转载 AMD,CMD,UMD 三种模块规范 写法格式
一下三块均以 foo.js 为示例文件名,以 jQuery,underscore 为需求组件ADM:异步模块规范, RequireJs 的支持格式 1 // 文件名: foo.js 2 define(['jquery', 'underscore'], function ($, _) { 3 // 方法 4 function a(){}; // 私有方法,因为没有被...
2017-07-17 13:46:00
226
转载 关于 document.compatMode
今天查资料时无意发现一个以前没有注意到过的属性:document.compatMode经过一番资料的查询后,了解到以下信息:我们都知道IE有两种盒子模型,在不声明!DOCTYPE 时是混杂模式 (Quirks Mode),在声明了!DOCTYPE 时与其他标准浏览器一致,是标准模式 (Standards Mode)document.compatMode 有两个属性值:...
2017-07-14 10:47:00
111
转载 CSS清浮动方法总结
浮动----会使当前标签产生上浮效果,从而导致父标签高度塌陷的问题1. 给父元素指定高度 <div style="height:200px"> <div style="float:right"></div> </div> 简单粗暴!高度不定时,如果内部高度大于父级时,容易产生问题2. 在浮动元素后边添加额...
2017-06-29 17:16:00
60
转载 JS中的继承方式总结
1. 原型链继承(又称类继承)Child.prototype = new Parent(); 1 function Parent (name, age) { 2 this.name = name; 3 this.age = age; 4 } 5 Parent.prototype.say = function(){ 6 console...
2017-06-27 22:48:00
164
转载 git 配置
1. 为本地所有的 git仓库 中配置自己的 git账户名称 和 邮箱,用于记录每次提交时所记录下来的日志 git config --global user.name "Your Name" git config --global user.email "email@example.com"2. 查看全部的配置变量,在其中可以查看到刚刚配置的两个最重要变量 use...
2017-06-15 20:18:00
85
转载 mac 上配置 maven
1. 将maven压缩包解压至/Users/suqiuhui/Applications目录下的新建文件夹dev下2. 打开终端(系统根目录,~/下)3.如果没有 .bash_profile 文件,运行如下命令创建该文件 touch .bash_profile4. 用 vi 编辑该文件 vi .bash_profile5. 添加以下语句 #...
2017-06-15 19:04:00
57
转载 有关在新版mac上 git 环境变量的配置问题
前段时间买的新版 mpb ,各种环境什么都没有配置,想着在网上边搜边摸索着将各种开发工具逐步配置齐全,各种问题不断出现,不知道是不是新版的原因不兼容。其中 git 的配置尤为奇怪。在git官网上直接下载的最新版的git安装不上,没有办法,只能先运行命令查看一下是否已经包含了git。安装Xcode附带的git打开终端,输入 git --version ,弹出一个对话框,上...
2017-06-15 18:27:00
541
转载 webstorm 2017.1 破译
安装完webstorm后, 在弹出的注册窗口选择 activate > license server > 在 License server address 里输入 "http://xidea.online" > 点击 “Activate”,完成认证原文地址:http://www.sd173.com/html/3713.html2016.3...
2017-06-14 11:01:00
61
转载 Mac系统在finder拦显示当前所浏览的文件路径的方法
我们在使用MAC时,Finder栏默认只显示当前浏览的文件夹名称,而没有显示访问路径,这个问题该怎么解决呢?编辑node的时候需要路径,亲测有效啦~可以试下!操作步骤: 打开“终端”(应用程序-》实用工具),输入以下两条命令: defaults write com.apple.finder _FXShowPosixPathInTitle -bool TRUE;...
2017-06-14 10:58:00
78
转载 js 中有关字符串的操作
1. substring(start, end) 1). 包头不包尾 2). start 必需项 3). end 非必需项 4). start end 谁大谁小无所谓 5). start end 若为 NAN/负数 时,则替换为 0 6). start end 均是从索引 0 算起的 7). 截取的子串长度为 |start-end| (绝对值)...
2017-05-09 18:42:00
107
转载 二分查找
1)递归 1 function binarySearch(data, dest, start, end){ 2 var end = end || data.length - 1, 3 start = start || 0, 4 ...
2017-05-05 18:22:00
51
转载 js 常用排序整理
排序: 1. 内部排序: (1). 交换排序: 1). 冒泡排序 稳定 一次比较相邻两个元素的大小,顺序错误的,将其位置互换 (从高位到低位 或者 从低位到高位)初始版: 1 var array = [6, 5, 3, 1, 8, 7, 2, 4], 2 ...
2017-04-24 19:20:00
85
转载 通过代码管理工具 git 完成一次完整的代码管理过程
1、从公共远程fork一份自己的本地远程之后,从本地远程 clone 到本地 2、将本地代码跟公共远程代码做关联配置 git remote add upstream https://github.com/volojs/create-template.git 3、此时查看本地代码所配置的远程有哪些 git remote -v origin https://...
2017-04-17 11:13:00
90
转载 bit byte 字 字节 关系 简列
字 word字节 byte位 bit字长是指字的长度1字=2字节(1 word = 2 byte = 16bit)1字节=8比特(1 byte = 8bit)1比特=1位一个字的字长为16一个字节的字长是8转载于:https://www.cnblogs.com/s-qiu/p/6710359.html...
2017-04-14 18:55:00
92
转载 angularJS 单页面 两个及以上个 ng-app 的处理方式
1 <div ng-app="myApp1" ng-controller="myCtrl1"> 2 3 名: <input type="text" ng-model="firstName"><br> 4 姓: <input type="text" ng-model="lastName"><br>...
2017-03-27 18:30:00
67
转载 requireJS的优化工具 ---- r.js
requireJS是javascript的模块加载器,是基于AMD规范实现的。r.js是其提供的对模块进行打包和构建的一个工具下载 r.js创建r.js 的配置文件 build.jsbuild.js 1 ({ 2 baseUrl: './js/pages', //相对于appDir,代表要查找js文件的起始文件夹,下文所有文件路径的...
2017-03-16 19:37:00
200
转载 requireJS基本配置相关
requireJS:(1)实现js文件的异步加载,避免页面失去响应;(2)管理模块之间的依赖性,便于代码的编写和维护。加载:<script src="js/require.js"></script>由于加载的模块较多,可能会造成页面失去响应,故可以将此 script 标签 放到 <body> 的后面(you could als...
2017-03-16 11:08:00
93
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人