- 博客(49)
- 收藏
- 关注
RSS订阅转载 【转载】在Express的页面模板中的变量的定义与使用总结
【转载】在Express的页面模板中的变量的定义与使用总结 原文链接 前言 最近在使用Express框架中的ejs页面模板趟了些许坑，仅以本文记录总结。 本文简述的均为ejs页面模板。创建ejs变量的各种方法 1. 在Nodejs定义的ejs变量 ejs由是在node层调用Response的render方法渲染出来的：index.js:var renderData = {a...
2018-03-20 11:34:16
866
转载 复制粘贴的实现
使用clipboard.js复制页面内容到剪切板 最近在做一个的智能客服Web端浏览器应用，其中有一项需求是客户在获取系统返回的答案后点击“复制答案”按钮将答案复制到系统剪切板。本以为这是一个小case,但是发现如果要对各种主流浏览器都有良好的兼容性并不简单。原因在于出于安全原因，大多数现代浏览器都未提供通用的剪
2017-07-06 20:20:24
577
转载 ES6循环数组新方法for-of（转）
ES6循环数组新方法for-of（转） 我们如何遍历数组中的元素？20年前JavaScript刚萌生时，你可能这样实现数组遍历：for (var index = 0; index < myArray.length; index++) { console.log(myArray[index]);}自ES5正式发布后，你可以使用内建的forEach方法来遍历数
2017-06-20 15:19:35
851
转载 (转载)HTTP协议中PUT和POST使用区别
原文 有的观点认为，应该用POST来创建一个资源，用PUT来更新一个资源；有的观点认为，应该用PUT来创建一个资源，用POST来更新一个资源；还有的观点认为可以用PUT和POST中任何一个来做创建或者更新一个资源。这些观点都只看到了风格，争论起来也只是争论哪种风格更好，其实，用PUT还是POST，不是看这是创建还是更新资源的动作，这不是风格的问题，而是语义的问题。在HTTP中，PUT被定义为ide
2017-06-19 19:35:10
333
原创 关于jsonp的一些事！！！
最近在模仿做网易云音乐的app，我用的是vue全家桶。然后通过访问它的后台获取一些音乐以及其他的信息，这样就可以实现播放歌曲了。 但是很生气的是，当我做到通过album 的id发送请求到后台获取相应专辑的信息时，出现了问题。然后一个人倒腾了好久——-想哭！首先我用的是vue-resource来发送请求，开始使用的是get，但是最后显示我跨域请求。created(){ con
2017-05-13 18:37:14
361
转载 【转载】说说JSON和JSONP，也许你会豁然开朗，含jQuery用例
[原文](http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html) 【原创】说说JSON和JSO
2017-05-13 18:20:23
425
转载 转载：在Vue中通过自定义指令获取元素
[原文](http://www.cnblogs.com/Eden-cola/p/vue-register-dom.html)在Vue中通过自定义指令获取元素 - 不带汽的可乐 - 博客园 不带汽的可乐 博客园首页新随笔联系订阅管理 随笔 - 11 文章 - 0 评论 - 13
2017-05-11 19:22:05
379
转载 转载：vue-cli#2.0项目结构分析
原文 接触过vue的同学应该都知道，用vue-cli开发vue的项目十分方便，它可以帮你快速构建一个具有强大构建能力的Vue.js项目。今天不谈什么是vue-cli，而是来说说用vue-cli构建的项目结构是什么样的并分析部分文件。这里以我之前写的一个小项目为参考，项目是用vue-cli的webpack模板构建的，项目地址：https://github.com/hieeyh/tong2-famil
2017-04-19 15:25:22
357
转载 vue filter的几种用法
1、自定义的过滤器，当然这包括注册在全局和注册在实例化的内部 （1）注册在全局的fliter 转载 (1)全局方法 Vue.filter() 注册一个自定义过滤器,必须放在Vue实例化前面 (2) 过滤器函数始终以表达式的值作为第一个参数。带引号的参数视为字符串，而不带引号的参数按表达式计算 (3)可以设置两个过滤器参数,前提是这两个过滤器处理的不冲突 (4)用户从input输入的数据在
2017-04-18 11:46:15
106378
转载 Vue入门系列之Vue实例详解与生命周期（转载）
原文 Vue的实例是Vue框架的入口，其实也就是前端的ViewModel，它包含了页面中的业务逻辑处理、数据模型等，当然它也有自己的一系列的生命周期的事件钩子，辅助我们进行对整个Vue实例生成、编译、挂着、销毁等过程进行js控制。5.1. Vue实例初始化的选项配置对象详解前面我们已经用了很多次 new Vue({…})的代码，而且Vue初始化的选项都已经用了data、methods、el、com
2017-04-17 18:05:16
775
原创 vue-cli项目如何使用vue-resource获取本地的json数据（模拟服务端返回数据）
最近使用vue-cli做了一个小小的项目，在项目中需要使用vue-resource来与后台进行数据交互，所以我使用了本地json数据来模仿后台获取数据的流程。至于vue-resource的安装和json的准备我就不赘述了、、、 下面是操作方法： 1、首先介绍一下项目的结构：我将本地的json文件放在最外层和index.html在一起，姑且叫做db.json。 2、接着在build的dev-se
2017-04-17 15:41:45
24664
转载 转载--HTML5中的Scoped属性使用实例
原文 HTML5的变革给我们带来了大量非常有用的新属性，比如placeholder, download, hidden，等等。每一种新属性都给我们带来了对页面元素新的控制方法和控制效力特别的，有一个新的属性，它能让我们控制多个元素的属性，就是：scoped。style标记上新出现的这个scoped属性可以让CSS样式只对局部元素生效，具体说，就是存放这段style样式的元素的子元素生效，跟平
2017-04-06 22:03:19
394
原创 迷失button 和 input button
最近在写一个登录页面时，遇到了一个问题，关于表单提交的。初始代码：form id="myForm" action="/i/eg_smile.gif" method="get">名：input type="text" name="firstname" size="20">br />姓：input type="text" name="lastname" size="20">br />br
2017-04-05 18:19:09
489
原创 HTML5 input改变默认样式
最近使用了html5中的input，感觉很牛逼，有很多类型和属性方便小伙伴去做各种好看的表单样式。下面我们先来看看HTML5默认的input的一些样式（本文主要讨论的是验证样式）： 默认验证样式： 代码： <!-- 默认的input --> <form> <input type="text" required><br/>
2017-04-01 12:35:10
27131
原创 关于bootstrap样式覆盖的问题
最近在使用bootstrap的时候遇到了大家最常见的问题–样式覆盖。 要覆盖bootstrap的原有样式有两种方法： （1）利用css优先级机制进行样式覆盖： 重点是你写的css样式权值一定要比Booststrap定义的样式权值高，否则就无效果。 方法： 先可以自己定义一个css文件 1、加载顺序后面覆盖前面，引用样式文件的时候先bootstrap后加载自己定义的
2017-03-29 17:20:10
15827
转载 转载 HTML5 data-* 自定义属性
原文HTML5 data-* 自定义属性 在jQuery的attr与prop提到过在IE9之前版本中如果使用property不当会造成内存泄露问题，而且关于Attribute和Property的区别也让人十分头痛，在HTML5中添加了data-的方式来自定义属性，所谓data-实际上上就是data-前缀加上自定义的属性名，使用这样的结构可以进行数据存放。使用data-*可以解决自定义属性混乱无管理
2017-03-28 11:22:26
277
转载 转载 css--命名规范
近日看了张大神关于CSS命名规范与准则的文章（精简高效的CSS命名准则/方法与CSS样式分离之再分离），感觉受益匪浅。现在就此来总结一下：一、关于css命名方式： 1、面向属性的命名方法： （1）放弃 类似于help-guest-regist 就是”帮助-顾客-注册”这样的命名方法（即根据功能来命名），因为这样的命名方式不利于样式的复用（如果在用户中心也有一个类似的样式，本来可以用来复
2017-03-27 18:18:58
279
原创 Javascript学习——函数
js中函数是最重要的一部分，Function类型是引用类型。 1、函数的三种声明方式： （1）函数声明：function sum1(n1,n2){ return n1+n2; }; sum1(4,5);//调用函数的方式，因为js解析器在加载数据代码执行之前，它会率先读取函数声明，并使其在执行任何代码之前便可以访问，这就是函数声明提升。通过函数声明提升过程，解析器会率先读取函数声
2017-03-19 23:57:15
257
转载 iframe那些事
1、父级窗口和iframe如何互相操作 转载文章：原文 一、父级窗口操作iframe里的dom JS操作iframe里的dom可是使用contentWindow属性，contentWindow属性是指指定的frame或者iframe所在的window对象，在IE中iframe或者frame的contentWindow属性可以省略，但在Firefox中如果要对iframe对象进行编辑则，必须指定
2017-03-06 15:33:40
1849
原创 nodejs 爬虫
最近在学习nodes，然后就动手跟着教程做了第一个nodejs的小demo—爬虫，我选取的是菜鸟教程网站首页（http://www.runoob.com）进行爬取。但是在跟着教程做的过程中发现输出的网页HTML出现了乱码现象，百度了一下才知道是网站的代码是进行了压缩的，于是我便在代码里面引用了var zlib = require(“zlib”);进行处理，最后得到正确的html页面代码：
2017-03-02 19:09:35
566
转载 关于浮动（转载）
脱离文档流分析 先来了解一下block元素和inline元素在文档流中的排列方式。 block元素通常被现实为独立的一块，独占一行，多个block元素会各自新起一行，默认block元素宽度自动填满其父元素宽度。block元素可以设置width、height、margin、padding属性； inline元素不会独占一行，多个相邻的行内元素会排列在同一行里，直到一行排列不下，才会新
2017-02-27 23:54:01
251
转载 转载：如何计算时间复杂度
原文：http://blog.csdn.net/firefly_2002/article/details/8008987 一、概念 时间复杂度是总运算次数表达式中受n的变化影响最大的那一项(不含系数) 比如：一般总运算次数表达式类似于这样： a*2^n+b*n^3+c*n^2+d*n*lg(n)+e*n+f a ！ =0时，时间复杂度就是O(2^n); a=0,b<>0 =>O(n^3
2017-02-25 10:36:21
266
转载 浅谈javascript中call()、apply()、bind()的用法（转载）
浅谈javascript中call()、apply()、bind()的用法 原文链接：http://www.jb51.net/article/64397.htm一直对Javascript中的apply/call/bind的用法很模糊，恰好看到了这篇文章。对三者之间的区别与联系算是有了比较清晰的认识。这里记录下来，分享给大家。call(thisObj，arg1，arg2…)、apply(thisOb
2017-02-09 17:36:50
187
转载 说说跨域那些事儿（转载）
原文链接：http://itoss.me/2016/12/31/说说跨域那些事儿/作者寄语：首先纠正一个误区，跨域并非浏览器限制了发起跨站请求的这种能力，恰恰相反，我们可以发出请求，服务端也可以接收到请求并正常返回数据，只不过在返回之后浏览器会阻止非同源数据（response），从而在控制台打出一系列报错信息。 兼容性查找文章中会涉及一系列兼容性的图解（mdn & can i use）和一些专有名
2017-02-09 12:27:06
260
转载 js的基本数据类型有哪些？（转载）
js的基本数据类型有哪些？ECMAScript中有5中简单数据类型（也称为基本数据类型）: Undefined、Null、Boolean、Number和String。还有1中复杂的数据类型————Object，Object本质上是由一组无序的名值对组成的。其中Undefined、Null、Boolean、Number都属于基本类型。Object、Array和Function则属于引用类型，Strin
2017-02-06 17:13:55
1005
原创 看过的书
今天回忆了一下自入前端坑以来读过的书，因为是菜鸟一个，所以看过的书不多，都是入门级的： 《精通div+css网页样式与布局》 《精通CSS：高级web标准解决方案（第二版）》 《HTML5程序设计》 《JavaScript DOM编程艺术（第二版）》 《JavaScript高级程序设计》 《JavaScript 权威指南》 《深入理解bootstrap》 《angularjs权威指南
2017-01-09 20:57:02
272
转载 一招制敌 - 玩转 AngularJS 指令的 Scope (作用域)
转载一篇很好的关于angularjs作用域的文章[原文戳这里](https://segmentfault.com/a/1190000002773689)学习了AngularJS好长时间，最近再次回首看看指令这部分的时候，觉得比自己刚开始学习的时候理解的更加深入了，尤其是指令的作用域这部分。当初看的是《AngularJS权威指南》这本书，但是感觉这本书关于这方面讲的不是很细致， 另外吐槽一下，这本
2017-01-09 20:10:54
227
原创 AngularJs学习二--路由、模块、依赖注入
路由 模块 依赖注入 -> AngularJS的模块化实现 -> 一个完整的项目结构是怎样的 -> 使用ngRoute进行视图之间的路由 -> 一切都是从模块开始的 -> ng官方推荐的模块切分方式是什么 -> 模块之间的依赖应该怎么做？–依赖注入 把一个函数或变量定义成全局函数，叫做全局空间污染。为了避免全局空间污染，angular提供了ng-module -> 用angul
2016-12-31 17:07:02
489
翻译 AngularJS学习
1、AngularJS四大特性：MVC 、模块化、双向数据绑定、指令系统。 （1）MVC：一个古老的框架，MVC开始是存在于桌面程序中的，M是指业务模型，V是指用户界面，C则是控制器，使用MVC的目的是将M和V的实现代码分离，从而使同一个程序可以使用不同的表现形式。比如一批统计数据可以分别用柱状图、饼图来表示。C存在的目的则是确保M和V的同步，一旦M改变，V应该同步更新。 Mod
2016-12-27 19:57:07
383
原创 Bootstrap学习三--布局组件
1、bootstrap中container类和container-fluid类的区别： container类源码： .container { padding-right: 15px; padding-left: 15px; margin-right: auto;
2016-12-24 21:02:46
246
转载 转载一篇关于HTML5 data-* 自定义属性的文章
HTML5 data-* 自定义属性 在jQuery的attr与prop提到过在IE9之前版本中如果使用property不当会造成内存泄露问题，而且关于Attribute和Property的区别也让人十分头痛，在HTML5中添加了data-的方式来自定义属性，所谓data-实际上上就是data-前缀加上自定义的属性名，使用这样的结构可以进行数据存放。使用data-*可以解决自定义属性混乱无管理的现
2016-12-24 20:05:00
175
转载 Bootstrap学习二--css
一、网格布局 （1）row必须包裹在container里面，然后在行里面定义列col，内容放在列中。 （2）只有列能作为行容器的直接子元素。通过设置内距（padding）从而创建列与列之间的间距。然后通过为第一列和最后一列设置负值的外距（margin）来抵消内距(padding)的影响（因为container与col都设置了padding-left:15px;padding-right:15px
2016-12-23 20:08:19
219
原创 瀑布流布局
分析： 瀑布流布局：等宽不等高，向上拖动的时候可以一直加载。实现的三种方法：js、jQuery、css3多栏布局 方法：1、通过绝对定位计算每个小块的位置来进行布局，因此父元素是relative 2、定义一个div叫box的，用来定义每个图块之间的间隔 3、利用padding来拉开盒子与盒子之间的距离，之后用offsetHeight（它获取的高度不包括margin，包括padding，因此
2016-12-19 22:39:52
849
原创 前端知识点复习
1、你如何理解HTML结构的语意化? 首先理解何为语义化模块： 简单来讲，语义元素就是为元素(标签)赋予某种意义，元素的名称就是元素要表达的意思。如<header>表示页眉、<footer>表示页脚。 语义化的特点 ①易于维护：使用语义元素将会有更清晰的页面结构信息，易于页面的后续维护。不需要再查看代码：找到div再找到具体的ClassName。 ②无障碍性：有助于
2016-12-04 21:21:38
267
原创 每日一练--抽奖
抽奖界面的的制作 用到的知识点： 一、Math.random()取得介于 0 到 1 之间的一个随机数 二、1.直接丢弃小数部分,保留整数部分 a:parseInt(1.5555) b: 0|1.55552.向上取整a: Math.ceil(1.5555) b: (1.5555+0.5).toFixed(0) c: Math.round(1.5555+0.5)3.向下取整 a: Mat
2016-12-04 21:04:48
198
原创 DOM事件
DOM事件*{padding: 0;margin: 0;}.loginbox{width: 350px;height: 200px;background-color: #ccc;opacity: 0.6;/*filter:alpha(opacity=50); /* IE *//*-moz-opacity:0.5; /* 老版Mozilla *//
2016-11-29 23:14:01
172
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人