- 博客(42)
- 收藏
- 关注
RSS订阅原创 mock数据
这是官网传送带（内有雷）使用说明有两点： 1. 数据模板定义（Data Temaplte Definition, DTD） 2. 数据占位符定义（Data Placeholder Definition,DPD）一、数据模板定义 DTD数据模板中的每个属性由3部分构成：属性名、生成规则、属性值：//属性名 | 生成规则 ： 属性值 ‘name | r...
2018-05-17 19:37:53
924
原创 js涉及到跨域请求问题
涉及到跨域请求数据时，可以设置浏览器属性解决问题。具体如下： 1.谷歌浏览器属性下的“快捷方式” 2.修改“目标” C:\Program Files (x86)\Google\Chrome\Application\chrome.exe 后 面 添 加 –disable-web-security –user-data-dir=C:\MyChromeDevUserData
2018-02-05 16:06:03
451
原创 查漏补缺_2(面向对象)
面向对象对象的两种属性：数据属性和访问器属性数据属性： //对于直接在对象上定义属性，前三个默认都为 true value默认为undefined [[Configurable]]:能否通过delete删除属性，能否修改属性，或者能否把属性修改为访问器属性。 [[Enumerable]]: 能否通过for-in循环返回属性，可枚举属性， [[Writable
2017-12-06 17:30:03
349
原创 查漏补缺_1
1.alert 用来显示一段文本。不是文本强制转换为文本。 2.sort()排序,原理是根据Unicode进行排序，可接受一个比较函数。//比较函数function compare(a,b){ if(a < b) { return -1;} else if(a > b) { return 1;} else { return 0;}}var values = [0,5,
2017-12-05 11:17:36
340
原创 倒计时的研究(针对前端小白)
作为前端小白时，我们书写，倒计时是基本功，当时用的 new.Date() ,获取本地时间作为时间参考，写的没有问题。但是实际项目中，不应该使用只是用 new.Date() , 因为它获取的是电脑系统本地时间，
2017-07-22 16:30:57
655
原创 Vue项目之Axios数据请求
Axios 处理数据请求的问题Axios使用手册 ，Vue项目中，将Axios封装为一个函数，方便我们以后重复调用
2017-06-20 17:22:23
2364
原创 前端面试题系列（四）
HTML篇如何区分html和html5? ①文档声明 html5的文档声明为<!DOCTYPE html>html的文档声明为<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmln
2017-04-10 17:46:17
435
原创 JQuery学习之核心
<!DOCTYPE html><html> <head> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <meta charset="utf-8" />
2017-04-05 15:35:54
528
原创 ES6之二（解构赋值）
ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。解构分为以下几种：数值解构1. 情况1：少 对 多 ——-解构成功 let [ , , third] = ["foo", "bar", "baz"]; third // "baz" //只输出有赋值的变量 let [head, ...tail] = [1, 2,
2017-03-07 17:35:35
401
原创 ES6之一（let和const）
ES6理解ES6规定了变量的问题，主要体现在变量或者函数的作用域问题上。1.ES6取消了顶级变量，所以let , const , class声明的全局变量不存在顶级对象的属性，即var a = 1;// 如果在Node的REPL环境，可以写成global.a// 或者采用通用方法，写成this.awindow.a // 1let b = 1;window.b // undefined2.
2017-03-06 16:42:16
373
原创 前端面试题系列（三）
第三谈 1.js方面的兼容性写法还有阻止默认事件等等Var ev = ev || window.event //事件对象document.documentElement.clientWidth || document.body.clientWidth //可见窗口宽度大小Var target = ev.srcElement||ev.target //点击目标2.浮动的框可以向左或向右移动，直到
2017-03-03 17:11:31
526
原创 前端面试题系列（二）
第二弹 一1.①行内元素：占位不能充满正行的元素，不能设置宽高，宽高由内容撑开，只能容纳行内元素。例如： span - 常用内联容器，定义文本内区块 em - 强调 strong - 粗体强调 img - 图片 input - 输入框 ... ②块级元素：占位充满正行的元素，可以设置宽高，可以容纳任何元素例如：
2017-03-03 11:59:54
557
原创 前端面试题系列（一）
上来就是干！ 1, $(“li:odd”)—even为偶数2, $(“li:eq(7)”)—（index 从 0 开始）3, 3.1 利用CSS3里translate属性，改变子元素的位置如 top,bottom,left,right 3.2 利用CSS里postion进行定位，改变子元素的位置如 top,bottom,left,right 3.3 利用透明度op
2017-03-01 16:39:58
380
原创 cookie和sessionStorage和localStorage的区别
cookie和sessionStorage和localStorage的区别共同点：都是保存在浏览器端，且同源的。不同： 2.1. 存储数据的生命周期 cookie: 可设置失效时间，默认是关闭浏览器后失效 localStorage: 手动清除，否则永久保存 sessionStorage：仅在当前网页中存在，直到关闭该网页或者浏览器后失效。 2.
2017-02-12 18:03:49
819
转载 js与多行字符串
js与多行字符串JS里并没有标准的多行字符串的表示方法，但是在用模板的时候，为了保证模板的可阅读性，我们又不可避免的使用多行字符串，所以出现了各种搞法，这里以一段jade的模板作为示例，简单总结和对比一下。字符串相加(+)这是最容易理解也很常用的一种形式，如下var tmpl =''+ '!!! 5' + 'html' + ' include header' + '
2017-01-18 15:21:55
568
原创 小程序开发窍门
微信的”小程序”正式上线一周时间, 相关的话题持续升温. 与此同时, 支付宝开发的”小程序”也随即曝出, 互联网巨头们争先恐后的抢占市场, 闹得现有的”APP”岌岌可危的样子. 针对如此炙手可热的小程序, 经过各种途径的深入了解, 总结出来的小程序开发40个注意点, 供大家参考!1.为什么 js 脚本中不能使用 window 等对象由于小程序的页面脚本逻辑是在 jscore 中运行, jsc
2017-01-18 14:18:40
2219
原创 hammer.js
hammer.jshammer.js是一个开源的库，他可以的实现在移端开发的大多数事件，如：点击、滑动、拖动、多点触控等事件。hammer.js不需要依赖任何其他的js框架，并且整个框架非常小.1. Pan：拖动事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"
2017-01-14 18:19:07
2066
原创 微信小程序引用外部字体
微信小程序如何引入外部字体库微信小程序的霸权主义, 不识别很多文件, 其中就包括外部的字体文件. 那我们怎么突破他的防火线呢, 这里主要用得就是在线的字体库. 它的使用不像之前引用阿里巴巴字体库那样简单, 有一点不同. 步骤如下:1.在 阿里巴巴字体库 选购喜欢的字体并下载压缩文件, 详细方法这里不赘述, 不懂的请看 阿里巴巴字体库使用方法2.Copy iconfont.css文件的内容, 可以
2017-01-13 20:59:10
28528
原创 微信小程序和H5的秘密
如何使微信小程序解析 H5文件前段时间,终于千呼万唤出来的微信小程序,可谓是坑苦了广大程序猿了.下面将就我所遇到的问题做一个总结由于微信的编写文件不再是html格式,所以也无法解析 html代码,这个着实令人难过. 我在用网上的API接口获取数据时, 遇到了一个大坑, 那就是 API返回的数据竟然是 含有标签的字符串, 让我无从下手, 在尝试过正则失败后, 不断在网上看有没有可以解析的插件, 终于
2017-01-13 18:16:41
10907
原创 querySelectorAll 与 getElementsBy 的区别
querySelectorAll 与 getElementsBy 的区别解析javascript 中获取元素有两个方法 querySelectorAll 与 getElementsBy ,但这两种方法却存在这细小的区别, 这个区别有时就会对我们所写的程序造成巨大的影响.前方高能:querySelectorAll 相比下面这些方法有什么区别？ ● getElementsByTagName
2017-01-13 14:41:44
2232
原创 浏览器内核与前缀
各浏览器渲染引擎： Chrome和safari —> webkit引擎； Firefox —> gecko引擎； IE —> trident引擎； Opera —> presto引擎，后改为webkit引擎；以webkit为引擎的移动浏览器最为流行。浏览器引擎前缀有哪些？ -moz- f
2017-01-13 13:59:16
549
原创 解决旧版 IE 浏览器兼容问题
IE下大部分兼容性都是因为haslayout属性的触发问题,尽量触发haslayout属性,可以减少很多IE下得兼容性问题,例如:在IE6下,子级的宽度会撑开父级设置好的宽度. 准确设置好宽度.IE6中,元素浮动,如果宽度需要有内容撑开需要给里面的块元素都设置浮动才可以.IE6.7下,元素要通过浮动在同一排就需要给这行元素都加浮动.标签的嵌套规则 行标签不能包裹块标签IE6下,元素
2017-01-13 13:57:03
878
原创 Weex的体验和环境搭建
Weex的体验和环境搭建1.环境的搭建 Weex工具是基于Node.js构建的,所以需要先安装node.js1) node.js 下载地址：官网 http://www.nodejs.org/download/ node.js的安装网上很多,在这里就不再赘述了 2) 通过终端安装Weex//windows环境下npm install -g weex-toolkit
2017-01-12 17:48:13
1140
原创 Web页面优化
Web页面优化HTML页面加载和解析流程1. 用户输入网址（假设是个html页面，并且是第一次访问），浏览器向服务器发出请求，服务器返回html文件。2. 浏览器开始载入html代码，发现<head>标签内有一个<link>标签引用外部CSS文件。 3. 浏览器又发出CSS文件的请求，服务器返回这个CSS文件。 4. 浏览器继续载入html中<body>部分的代码，并且CSS文件已经拿到手了，
2017-01-12 11:00:53
594
转载 web标准
对web标准的理解Web标准不是某一个标准，而是由一系列标准组合而成。网页主要由三部分组成：结构、表现和行为。对应的标准也分三方面：结构化标准语言主要包括XHTML和HTML以及XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Computer
2017-01-12 10:56:26
366
原创 better-scroll插件使用
Vue中的better-scroll插件在需要的文件中添加import BScorll from 'better-scroll';引用的示例代码:let scroll = new BScroll(Dom对象, {//options startX: 0, startY: 0})Vue获得Dom对象方法,<div v-el:food-wrapper></div>//定义对象this.
2017-01-12 10:53:07
15988
4
原创 怎么安装配置路由
vue2.0路由设置参考文章 : Vue2.0 新手完全填坑攻略——从环境搭建到发布 http://www.jianshu.com/p/5ba253651c3b使用路由器前必须先安装 安装 vue 路由模块vue-router和网络请求模块vue-resourcecnpm install vue-router vue-resource --save启动项目npm run dev1
2017-01-12 10:48:26
688
原创 Vue2.0 配置文件解析
Vue2.0 配置文件解析babellrc文件{ "presets": ["es2015", "stage-2"],//预设2015,stage数字越小依赖的插件越多,2为2-3,0为0-3 "plugins": ["transform-runtime"],//除了预设插件,还有一些配置插件,可以把一些 ES6 语法进行改变 "comments": false //转换后代码不生成注释
2017-01-12 10:41:19
2748
原创 webpack配置文件解析
webpack配置文件解析dev-server.js文件Node.js代理服务器的中间件(可以代理和转发一些我们需要的API)var proxyMiddleware = require('http-proxy-middleware') var port = process.env.PORT || config.dev.port//定义了端口号,不仅可以从环境变量中取,也可以从 config文件
2017-01-12 10:39:47
1382
转载 Vue2.0 引用插件
vue2.0正确地引用 jquery 和 jquery-ui的插件出自: http://www.itnose.net/detail/6647297.html使用vue-cli构建的vue项目，webpack的配置文件是分散在很多地方的，而我们需要修改的是build/webpack.base.conf.js，修改两处的代码// 在开头引入webpack，后面的plugins那里需要var webpa
2017-01-12 10:35:09
1251
转载 阻塞非阻塞与同步异步的区别
怎样理解阻塞非阻塞与同步异步的区别？“阻塞”与”非阻塞”与”同步”与“异步”不能简单的从字面理解，提供一个从分布式系统角度的回答。同步与异步同步和异步关注的是消息通信机制 (synchronous communication/ asynchronous communication) 所谓同步，就是在发出一个调用时，在没有得到结果之前，该调用就不返回。但是一旦调用返回，就得到返回值了。 换句话
2017-01-12 10:15:39
500
转载 手机号码-正则
手机号码-正则手机号码: 13[0-9], 14[5,7], 15[0, 1, 2, 3, 5, 6, 7, 8, 9], 17[0, 1, 6, 7, 8], 18[0-9]不分运营商,统一的Reg/^1(3[0-9]|4[57]|5[0-35-9]|7[0135678]|8[0-9])\\d{8}$/1.移动号段: 134,135,136,137,138,139,147,150,151,152,
2017-01-12 09:59:16
478
转载 前端代码校验工具
Sublime text配置前端代码（JavaScript/Html/CSS）校验工具前端代码检查分别包括html、css、JavaScript三部分的检查，代码检查需要安装node。安装Package Control给sublime安装Package Control，Package Control是最佳的sublime插件管理工具，安装过程参考：https://packagecontrol.io/
2017-01-11 21:01:36
3433
原创 CSS引用
外面引用CSS有两种：link和@import两者都是外部引用CSS的方式，但是存在一定的区别： 区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。 区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。 区别3：link是XHTML标签，无兼容问题；@import是在CSS2
2017-01-11 20:52:43
849
原创 JS引入方式及性能
JS引入方式1.在页面中直接写入<script type="text/javascript">js代码</script>2.在页面中引入外部文件<script src="xx.js"></script>3.在js中引入外部js，通过document.wirite("scr"+"ipt src='xx.js'></scr"+"ipt">4.在js中引用其他js片段，document.write("<s
2017-01-11 20:50:33
2007
转载 中英文字体对照表
中英文字体对照表(简体部分)Windows：新細明體：PMingLiU 細明體：MingLiU 標楷體：DFKai-SB 黑体：SimHei 宋体：SimSun 新宋体：NSimSun 仿宋：FangSong 楷体：KaiTi 仿宋_GB2312：FangSong_GB2312 楷体_GB2312：KaiTi_GB2312 微軟正黑體：Microsoft JhengHei 微软
2017-01-11 20:28:38
7156
原创 Markdown编辑器使用
Markdown编辑器使用- **Markdown和扩展Markdown简洁的语法**+ **代码块高亮*** **图片链接和图片上传**- ***LaTex*数学公式**- **UML序列图和流程图**- **离线写博客**- **导入导出Markdown文件**- **丰富的快捷键***single asterisks*_single underscores_**double a
2017-01-11 20:24:02
393
转载 监听DOM操作事件
DOMNodeInserted 和 DOMNodeRemoved 事件在DOM中可以通过DOMNodeInserted和DOMNodeRemoved这两个事件来监视DOM元素的插入和移除。但由于各浏览器中DOM树的处理方式不同，导致了这两个事件在各个浏览器上都有各自的特点。只要知道了这些特定，使用时做特殊处理就能暂时解决问题。以下测试是在文档对象上绑定这两个事件（它们是会冒泡的），并通执行一系列DO
2017-01-11 19:34:27
4085
原创 逻辑运算符
alert(1&&2)问题根源逻辑运算符逻辑运算符“||”前面为false，无论“||”后面是true还是false，结果都返回“||”后面的值。“||”前面为true，无论“||”后面是true还是false，结果都返回“||”前面的值。“&&”前面是false，无论“&&”后面是true还是false，结果都将返“&&”前面的值;“&&”前面是true，无论“&&”后面是true还是fa
2017-01-11 19:24:53
488
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人