demonHunter1234-CSDN博客

转载 JSON.parse与JSON.stringify

JSON:JavaScript Object Notation(JavaScript对象表示法)；甚至我们就可以大致认为JSON就是Javascript的对象，只不过范围小上一些。JSON的MIME类型是"application/json"JSON.parse(text[,reviver]) []中的表示可选内容，reviver是一个函数，对象中每个成员都调用这个函数...

2018-10-30 19:35:00 182

转载 vue生命周期钩子函数

1 <template> 2 <div> 3 <h2>this is from C.vue</h2> 4 </div> 5 </template> 6 7 <script> 8 export default { 9 name:...

2018-10-29 20:58:00 208

转载 vue的计算属性computed和监听器watch

1 <template> 2 <div> 3 this is A.vue <br> 4  5 <label for="msg">输入message:</label> 6 <input type="text...

2018-10-25 19:48:00 189

转载 vue中样式的典型操作(:class,:style)

1 <template> 2 <div class="home-wrapper"> 3 <div class="home-top">this is from Home.vue</div> 4  5 &lt...

2018-10-25 18:50:00 273

转载微信小程序中的rpx与移动设备物理像素

如下图：pt也称逻辑像素点，px物理像素点，1pt等于2px或者3px或更多;iphone6下面0.5pt=1px=1rpx;使用rpx,小程序在不同设备分辨率下自行转换；PPI=物理像素开根号/屏幕尺寸（对角线）移动设备中，设计师一般给物理分辨率（物理像素点），而页面渲染（或微信小程序）是逻辑分辨率转载于:https://www.cnblogs.co...

2018-10-05 16:08:00 168

转载 JavaScript中创建对象的几种模式

代码如下： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>创建对象的模式</title> 6 <meta name="viewpo...

2018-05-27 21:48:00 133

转载 Vue学习5：条件渲染

上代码： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>vue6</title> 6 <meta name="viewport" conten...

2018-05-12 20:34:00 116

转载 Vue学习4：class与style绑定

说明：有些部分我只是相当于做一个学习笔记，加强记忆之用。所以可能阅读性不是那么强。如果有参考我这类博客的人，那么请见谅。代码如下： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <titl...

2018-05-12 14:49:00 140

转载 Vue学习3：计算属性computed与监听器

下面是计算属性相关代码： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>vue3</title> 6 <meta name="viewpo...

2018-05-12 13:09:00 238

转载 Vue学习2：模板语法

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>vue学习</title> 6 <meta name="viewport" content="wi...

2018-05-12 10:18:00 102

转载 Vue学习1：实例及生命周期

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Vue1</title> 6 <meta name="viewport" conten...

2018-05-09 17:05:00 103

转载 flex布局

参考阮一峰前辈的教程：flex布局语法篇：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html，flex布局实例篇：http://www.ruanyifeng.com/blog/2015/07/flex-examples.html下面几张图片作了一些备注：1.2.3.4.转载于:...

2018-05-08 21:31:00 116

转载从输入一个URL到页面完全显示发生了什么？

这是经典的前端问题，主要是对浏览器的工作原理有个理解！网络通信走的一般是五层因特网协议，详见下图。图片来自于https://images2018.cnblogs.com/blog/882926/201711/882926-20171127181032128-471806615.png大致步骤如下：1.域名解析浏览器查找域名的IP地址，这一步包括DNS的具体查找过程...

2018-05-08 17:37:00 111

转载 webstorm配置eslint【标记错误，修复错误】

项目中经常用到eslint语法，结合个人经验，用webstorm配置eslint“文件”-》“默认设置”-》“语言&框架”-》“Code Quality Tools”-》“ESLint”如图片所示操作后，在“项目目录”或“相应的文件上”或“代码区域块”右键可看到“Fix ESLint Problems”，点击即可修复错误。可参考链接，https://juej...

2018-05-08 17:26:00 465

转载 JavaScript实现八大内部排序算法

注：基数排序中：r是关键字的基数，d是长度，n是关键字的个数1.插入排序基本思想：在序号i之前的元素(0到i-1)已经排好序，本趟需要找到i对应的元素x (此时即arr[i]) 的正确位置k,在寻找位置k的过程中与序号i-1到0的元素依次进行比较。如果x小于比较元素，则比较元素向后移动一位；否则，结束移位，将x插入当前位置k 1 function ins...

2017-12-24 18:03:00 124

转载 es6（六）：module模块（export，import）

es6之前，社区模块加载方案，主要是CommonJS(用于服务器)和AMD(用于浏览器)而es6实现的模块解决方案完全可以替代CommonJS和AMDES6模块设计思想：尽量静态化，在编译时就能确定模块的依赖关系，以及输入输出的变量而CommonJS和AMD模块，都只能在运行时确定这些东西同时：模块中使用的是严格模式<script type...

2017-12-21 17:54:00 162

转载 es6（五）：class关键字（extends，super，static）

ES5中，生成对象通过构造函数： 1 function A(name,age){ 2 this.name=name; 3 this.age=age 4 } 5 // 在A的prototype属性上定义一个test方法，即A生成的实例化对象的原型对象上的方法 6 A.prototype.test=functio...

2017-12-21 17:33:00 203

转载 es6（四）：Symbol，Set，Map

1.Symbol：Symbol中文意思“象征”Symbol:这是一种新的原始类型的值，表示独一无二的值(可以保证不与其它属性名冲突)Symbol()函数前面不能使用new，因为生成的Symbol(下面指s)是一个原始类型的值，不是对象1 let s=Symbol()2 console.log(typeof s)//symbolSymb...

2017-12-21 17:26:00 103

转载 es6（三）：es6中函数的扩展（参数默认值、rest参数、箭头函数）

1.函数可以设置参数默认值1 function test1(x,y=1){2 console.log(x,y)3 }4 test1(10)//10 12.rest参数：形式为...变量名1 function test2(a,...b){2 for(let i of b){3 a+=i4...

2017-12-21 17:13:00 192

转载 es6（二）：解构赋值

ES中允许按照一定格式从数组，对象值提取值，对变量进行赋值，这就是解构(Destructuring)1 let [a,b,c]=[1,10,100]2 console.log(a,b,c)//1 10 1003 //等式两边"模式"进行匹配，从而进行赋值4 let [i,[[[j]],k]]=[1,[[[2]],3]]//这种看看就好，知道...

2017-12-21 16:27:00 116

转载 es6（一）：es6介绍以及let,const

es是js的规范，而js是具体实现将es6转化为es5代码工具：运用的多的是babel在线转换地址：babel，traceur(属于谷歌)1.let申明变量：let其实可以完全取代var，并且没有var这么多副作用1 {2 var a = 10;3 let b = 10;//let申明的变量是块级作用域4 }...

2017-12-21 16:15:00 104

转载 VSCode配置eslint

在Vue.js项目中，使用的是eslint检查。而在我写完代码后，cnpm run dev运行命令。。。然后悲剧了，一大堆报错！╮(╯▽╰)╭安装插件：Vetur：这是vscode上一个vue.js代码提示，语法高亮等功能的流行插件。不过因为它代码格式化使用的是prettier，所以使用vscode右键自带的“格式化文件 Alt+shift+F”，会存在一些问题：比如强制双引...

2017-12-19 20:24:00 681

转载 windows系统下输入法图标显示设置

原先任务栏有两个搜狗输入法的标志，还有一个“中/英”的图标；甚至桌面还悬浮这一个搜狗输入法图标。打开vscode等工具时，桌面悬浮的图标有时可能会遮挡到一些信息，十分不爽。如今，设置后变为如下图所示，十分简洁：同时桌面悬浮的搜狗输入法图标也不见了，再也不会遮挡某些内容了！1.搜狗输入法设置：2.系统语言设置：转载于:https://www.c...

2017-12-19 19:35:00 373

转载 Vue.js安装

官网安装方法：链接如果你像我一样使用淘宝npm镜像，那么以上安装命名中npm均变为cnpm。但是：进行到创建一个基于webpack模板的新项目命令：vue init webpack my-project时，前面选项均可以设置为默认值或yes；然而到Should we runnpm installfor you after the project has been creat...

2017-12-18 20:10:00 76

转载删除（unfork）github中某个库（repository）

1.头像->your profile2.点击某个想要删除的库，出现界面：3.点击setting，鼠标滚动页面至末尾，出现页面：4.点击delete this repository：OK！转载于:https://www.cnblogs.com/why-not-try/p/8051893.html...

2017-12-17 13:34:00 157

转载 VSCode jQuery代码提示

在VSCode中，ctrl+`打开终端；运行命令：1 npm install @types/jquery --save最后在项目中会生成：说明安装成功！详情可参见：链接转载于:https://www.cnblogs.com/why-not-try/p/8044766.html...

2017-12-15 20:41:00 3519

转载同源策略和跨域解决方法

第一部分：同源策略:same-origin policy1.同源策略的由来：1995年，同源策略由Netscape(曾经的浏览器霸主，拒绝微软收购请求，被IE给整垮。现在发展为火狐浏览器背后的Mozilla)引入。目前，所有浏览器都遵循同源策略。2.同源定义：即同协议、同域名、同端口号例如：http://www.test.com:80/test.html； ...

2017-12-14 16:21:00 217

转载本地文件直接访问html，document.cookie总是显示空字符串

当file:///E:/browser.html访问时，我们设置document.cookie,读取时一直会显示空字符串！而开一下Apache时：localhost/browser.html或者127.0.0.1/browser.html访问：详情还可参考：1.Javascript document.cookie always empty string2.Cooki...

2017-12-12 17:21:00 671

转载使用淘宝npm镜像

我们都知道淘宝大量采用了Nodej技术，所以它的镜像还是值得肯定的！更多相关可查看：淘宝NPM镜像npm的官方镜像在国内访问是比较慢的，所以替代方法是使用淘宝npm镜像！淘宝 NPM 镜像是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟一次以保证尽量与官方服务同步。使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替...

2017-12-11 21:39:00 106

转载 JavaScript OOP（三）：prototype原型对象（即构造函数的prototype属性）

通过构造函数生成的实例化对象，无法共享属性或方法(即每个实例化对象上都有构造函数中的属性和方法)；造成了一定的资源浪费 1 function Obj(name,age){ 2 this.name=name; 3 this.age=age; 4 this.func=function(){ 5 return 'this ...

2017-12-08 15:51:00 164

转载 JavaScript OOP（二）：this关键字以及call、apply、bind

JavaScript的this关键字非常灵活！this 返回的总是对象；即返回属性或方法“当前”所在的对象 1 var o1={ 2 name:'apple', 3 age:100, 4 msg:function(){ 5 return '显示name和age信息:'+'name: '+this.name+', ag...

2017-12-07 18:03:00 98

转载 JavaScript OOP（一）之构造函数与new命令

面向对象编程：Object Oriented Programming，简称OOP。典型的oop语言，如hava、c++,存在着类的概念，类就是对象的模板（类可以类比为人类；而实例化类后变为对象，对象可以类比为男人；其实男人还可以作为一个类，小明是男人这个类的实例化对象）而在JavaScript语言中，构造函数充当着对象的模板作用JavaScript对象体系，是基于“...

2017-12-07 10:53:00 105

转载 JavaScript正则表达式（Regular Expression）：RegExp对象

第一部分：新建正则表达式JavaScript中正则表达式是参照Perl 5（一门历史很悠久的语言，现在tiobe编程语言排行依然在10名左右）建立的。新建正则表达式的方法有两种：1.使用字面量（斜杠/开始和结束）　　注：字面量：表示固定值的符号。可以简单理解为表示值最简单、最基本的写法。1 var reg1=/test/;2 console.log(reg1...

2017-12-06 18:48:00 203

转载 HTML&CSS书写规范

第一部分：HTML书写规范：1.1 HTML整体结构：1.1.1：HTML基础设施：文档以"<!DOCTYPE...>"首行顶格开始，推荐使用"<!DOCTYPE htlm>"；文档必须申明编码charset，与文件本身编码保持一致，推荐<meta charset="UTF-8">；根据页面内容和需求适当填写keywords和d...

2017-12-03 15:55:00 123

转载 JavaScript（六）：错误处理机制

1.Error()构造函数javascript解析或执行语句时，一旦发生错误，js引擎会将其抛出！JavaScript原生提供了Error()构造函数，所有抛出的错误都是这个构造函数的实例（即对象）。1 var err1=new Error('shows error');2 console.log(err1);3 console.log(err1.message)...

2017-12-03 14:31:00 114

转载 CSS reset样式重置

我们总能看见这样的重置样式：1 *{2 padding:0;3 margin: 0;4 }强烈不推荐！！！推荐重置样式示例：部分内容可进行相应调整！ 1 /* reset */ 2 html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figu...

2017-12-01 19:59:00 348

转载 JavaScript（五）：函数（闭包，eval）

1.函数的申明：三种方法：function命令函数表达式：变量赋值Function构造函数 1 //method 1: function命令 2 function test(){ 3 console.log('hello function'); 4 } 5 6 //method 2:函数表达式,赋值给变量 7 var test...

2017-12-01 19:20:00 199

转载 JavaScript（四）：运算符&数据类型转换

+：算符的加法；连接字符串加法会将其它类型的值，自动转为字符串，然后再进行连接运算！ 1 var a=1+2; 2 console.log('first: '+a); 3 var a=1+2+'3';//先计算1+2,然后与'3'字符串连接 4 console.log('second: '+a); 5 var x=10; 6 var a=x+'';//将一...

2017-12-01 09:00:00 116

转载 javascript（三）：对象

对象（object）是javascript中很重要的数据类型。对象是“键值对”的集合，同时也是无序的。（注意：对象结尾处有分号） 1 var ob1={ 2 a1:'name',//a1可以加引号或者不加 3 a2:100, 4 a3:function test(){}//末尾逗号(,)可加可不加 5 }; 6 var a1; 7...

2017-11-30 14:27:00 94

转载 javascript（二）：数据类型&数值

第一部分：数据类型javascript数据类型通常来说是6种（ES6新增第七种Symbol类型）number：数值string：字符串boolean：布尔类型，true或falseundefined：未赋值null：空，值是“无”的状态object：对象通常number，string，boolean称为原始类型（primitive type）的值，即最基本...

2017-11-28 10:57:00 155

空空如也

空空如也