- 博客(44)
- 资源 (8)
- 收藏
- 关注
RSS订阅原创 css: 浏览器的重排与重绘
工作虐我千百遍，我待工作如初恋-_-!!!说到浏览器加载文档，那是一个相当复杂的过程了，引用阮老师的blog，大致可以分为5步：这其中，最耗时的就是4，5步了。layout和paint合起来就是我们常说的渲染。所谓的layout，也叫重排，是指元素的几何属性或者是坐标发生了改变，paint叫做重绘，是指元素的外观变化所触发的浏览器行为，如颜色，outline，visibility等。其中，重排一定...
2018-06-26 00:35:35
547
原创 细说http状态码之301，304
无论google还是度娘，查询http状态码的含义是总是晦涩难懂，前一段时间配合公司进行了一次域名升级，才真的对301和304这两个状态码有的更深一步的了解。301301，官方示意永久性移动，表示请求的网页永久移动到了新的位置，服务器返回此响应（对get或者head请求的响应），是会自动请求者转到新的位置。什么意思呢。。。比如说，现在我的网站域名是www.aaa.com,在没有做任何更改之前我的所...
2018-06-03 16:21:09
11311
原创 论元素的隐藏
1、display：none，确保元素不可见，连盒模型都不生成，真正意义上的隐藏，被隐藏的元素也不占据文档的任何空间，所以绑定在元素上的dom事件也不会被触发，同时，连这个元素的子孙元素也不可见。2、visibility：hidden，被隐藏的元素依然占据文档的空间，对布局产生影响，想要显示某个子孙元素，只需将这个子孙元素的visibility设置为visible即可，但是绑定在visibilit...
2018-03-15 19:59:39
252
原创 js算法一则：不用if。。while。。for等循环和判断语句实现1+2+3+...+n的和
本人目前想到两种方式：1、求和公式： function sum1 (n) { return n*(n+1)/2;}2、短路+递归function sum2(n) { n && (n+=f(n-1)); return n;} 欢迎大神指点~
2017-11-28 14:33:14
3377
原创 null 和 undefined 的区别
1、犀牛书上对null的定义是 表示空值，可以用来表示数字、字符串和对象是无值的； undefined是一种变量的取值，表明变量没有初始化；2、函数默认返回undefined；查询一个对象或者数组的值返回undefined，则说明这个对象或者数组不存在；引用没有提供实参的形参也会返回undefined；3、null是关键字，undefined是全局属性；4、typeof n
2017-11-26 17:07:20
314
原创 理解BEM的命名方式
最近公司将要着手开始封装自己的组件库了，所以有必要学习一些新的知识。 什么是BEM呢？其实它就是css类的一种命名方式，由Yandex团队提出的，不过也有一些大牛们不喜欢这种命名方式，认为他过于复杂，冗余，降低了编码效率，不过基于存在即合理，我们还是有必要了解一下他的命名规则。 首先来理解一下什么是B：即block，这个block不是css中样式的block，而是模块的意思，
2017-08-13 16:33:40
1916
原创 oninput和onchange在input框里触发函数的问题
一天改两次bug，每次都有新感觉，今天的问题就是，在input框里实现模糊搜索。由于需求比较复杂，需要动态的做级联和模糊搜索，（本人使用的是vue框架），查阅了网上的资料，在vue中实现模糊搜所时，都是把过滤写在computed中，因为vue中computed在监测到属性变化时就会自动的执行相应的代码，并且还提供了加缓存的方式，是之前对数据的操作一直存在于缓存之中，但是，由于我的实现模糊搜索的数据
2017-08-10 13:56:16
7904
2
原创 sublime text 菜单栏消失问题
有两种解决办法：1、在键盘上点击alt即可；2、ctrl+shift+p 调出package control，在文本框中输入view，选择View:Toggle Menu，按回车即可；
2017-08-02 11:48:34
17351
原创 sublime text 3 安装package control 出现There is no package。。。的问题
今天本来想勤学好动一下把工作那回来写，但是由于新安装完系统之后就没在动过，导致sublime text一直没有安装工作使用的插件。安装package control的时候出现了如下图所示的错误：着实有些懵逼。。。据StackOverflow上说是IPv6造成，如果我们的Intent服务提供者（ISP）不支持IPv6就会引发上述错误，原文如下：This error is happ
2017-08-02 00:22:05
10987
5
原创 z-index不起作用的大坑
话说好久就没有更新博客了，今天为了装一把，差点没把自己装进去。。。以后还是低调一点好，哈哈，话不多说，直奔主题。今天遇到的就是z-index不起作用的问题。一个后台小哥不知道抽什么疯，写元素覆盖偏不让用absolute，搞的我之后废了9牛二虎之力写了一下，问题描述是这样的， 一对兄弟节点,insert和parent，parent有两个子节点subtop和subbottom，展现的结果是想让
2017-08-01 17:16:57
84860
5
原创 浏览器兼容前缀
-ms-transform:rotate(30deg); /* IE 9 */-moz-transform:rotate(30deg); /* Firefox */-webkit-transform:rotate(30deg); /* Safari and Chrome */-o-transform:rotate(30deg); /* Opera */
2017-03-08 15:15:35
471
转载 gulp入门教程
传送门：原文链接 https://segmentfault.com/a/1190000002698606第1步：安装Node首先，最基本也最重要的是，我们需要搭建node环境。访问 nodejs.org，下载完成后直接运行程序，就一切准备就绪。npm会随着安装包一起安装，稍后会用到它。为了确保Node已经正确安装，我们执行几个简单的命令。node -
2017-02-10 13:48:52
226
原创 jquery实现多个点击复制按钮
上一篇博客的升级版，哈哈，功能室实现了，但是代码写的比较low，小女子还处于菜鸟阶段，欢迎大神指点，不喜勿喷^_^。话不多说，先上代码 点我复制点我复制点我复制点我复制 var btn = []; var url = [] var len = $("input").size(); for (var i = 0; i < le
2017-01-19 12:08:56
5390
4
原创 js实现点击按钮复制文本框中的内容
点我复制 window.onload = function () { var btn = document.getElementById("btn"); var url = document.getElementById("url"); btn.onclick = function (){ url.select();
2017-01-19 10:29:22
1118
原创 关于button的默认类型
经常掉进这个坑，在form表单中使用button，但是没有为button指定type，原本只是一个正常的click按钮，但是却变成了submit自动提交了表单，，于是上网查了一下，W3C给出的标准是：Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。所以，为了避免再犯错误，最哈养成习惯，在使用button的时候随手
2017-01-12 16:41:28
5011
1
原创 angular中为一个module创建多个controller
Title {{text}} {{texttt}} angular.module("myApp",[]); angular.module("myApp").controller("filterController",["$scope",function($scope) { $scope.text = "hello";
2016-11-30 14:12:43
4083
原创 sublime text3 添加插件
sublime text3 是一款非常强大的轻量级的前端开发的IDE，它内置了很多插件。可以使用使用Package Control组件安装：在官网上下载sublime并且安装至pc（windows），在编辑界面按快捷键(ctrl+`)调出console，填写如下代码：import urllib.request,os; pf = 'Package Control.subl
2016-11-27 14:23:37
407
原创 jquery实现遮罩层
html,body{ height: 100%; } #bg{ z-index: 5; position: fixed; width:100%; height: 100%; left:0; top:0; background-color: rgba(0, 0, 0, 0.7); display:none; } #table{ z-index: 10;
2016-11-26 13:13:16
287
原创 jQuery实现下拉菜单和模糊搜索
话不多说，直接上代码，自行引入jQuery Title .second select { width: 11%; height: 106px; margin: 0px; outline: none; border: 1px so
2016-11-18 17:38:45
7707
转载 走进AngularJs(五)自定义指令----（下）
原文转自：http://www.cnblogs.com/lvdabao/p/3407424.html自定义指令学习有段时间了，学了些纸上谈兵的东西，还没有真正的写个指令出来呢。。。所以，随着学习的接近尾声，本篇除了介绍剩余的几个参数外，还将动手结合使用各参数，写个真正能用的指令出来玩玩。 我们在自定义指令（上）中，写了一个简单的，能够跟美女打招呼。但是看看人家ng内置
2016-11-16 15:27:29
259
转载 走进AngularJs(四)自定义指令----（中）
原文转自：http://www.cnblogs.com/lvdabao/p/3398044.html上一篇简单介绍了自定义一个指令的几个简单参数，restrict、template、templateUrl、replace、transclude，这几个理解起来相对容易很多，因为它们只涉及到了表现，而没有涉及行为。这一篇将继续学习ng自定义指令的几个重量级参数，了解了它们之后我们的cust
2016-11-16 11:01:47
246
转载 走进AngularJs(三)自定义指令-----（上）
原文转自：http://www.cnblogs.com/lvdabao/p/3391634.html一、有感而发的一些话 在学习ng之前有听前辈说过，angular上手比较难，初学者可能不太适应其语法以及思想。随着对ng探索的一步步深入，也确实感觉到了这一点，尤其是框架内部的某些执行机制，其复杂程度并非是我现在的功力能够理解的，只能是知其皮毛。我现在学习的途径是官方文档
2016-11-16 11:00:42
202
原创 angularjs简单笔记
随手记的一些知识点，，没有长篇大论的原理，，不喜勿喷 ^*_*^Angularjs可以构建一个单一页面应用（SPAs），整个页面不跳转，通过AJAX进行局部刷新Angularjs：双向数据绑定，可以避免书写大量的初始代码 Html内容会被再次渲染，本来是静态的html标签，变为了动态的页面模块 依赖注入在angularjs中尽量不要使用全局变
2016-11-01 10:22:24
249
原创 js中的数据类型
原始类型有5种：number（数字）、string（字符串）、boolean（布尔类型）、null（空）、undefined（未定义）引用类型：数组（array）、对象（object）、函数（function）
2016-10-30 22:14:45
198
原创 玩转github之上传代码
某天笔试某一家的前端，笔试题是写一个效果，然后传到github上去，，之前只听过github的大名，但并没有玩过，，于是乎请教大神带我飞。。。话不多说，接下来直奔主题。既然上传代码，首先你得有一个账号，，没错，跟你想的一样，就是最简单的注册，起一个用户名，，填一个常用的邮箱，设一个记得住的密码，确定之后去邮箱中激活一下，就搞定了！！登录后的界面酱紫，然后你需要创建一个项目，用来装你的代
2016-10-28 20:14:44
306
转载 github常见操作和常见错误！错误提示：fatal: remote origin already exists.
原文转自：http://blog.163.com/023_dns/blog/static/1187273662013111301046930/如果输入$ git remote add origin [email protected]:djqiang（github帐号名）/gitdemo（项目名）.git 提示出错信息：fatal: remote origin al
2016-10-27 23:30:42
215
转载 Javascript面向对象编程（三）：非构造函数的继承
Javascript面向对象编程（三）：非构造函数的继承原文转自：http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_inheritance_continued.html一、什么是"非构造函数"的继承？比如，现在有一个对象，叫做"中国人"。 var Chinese = { natio
2016-10-26 22:56:06
162
转载 Javascript面向对象编程（二）：构造函数的继承
Javascript面向对象编程（二）：构造函数的继承原文地址：http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_inheritance.html这个系列的第一部分，主要介绍了如何"封装"数据和方法，以及如何从原型对象生成实例。今天要介绍的是，对象之间的"继承"的五种方法。比如，现在有一个"动物"
2016-10-26 18:01:20
157
转载 Javascript 面向对象编程（一）：封装
Javascript 面向对象编程（一）：封装原文转自：http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_encapsulation.html学习Javascript，最难的地方是什么？我觉得，Object（对象）最难。因为Javascript的Object模型很独特，和其他语言都不一样，初学者不
2016-10-26 16:09:00
227
原创 原生js 实现节点拖拽
#drug { width: 100px; height: 100px; background-color: #e4393c; position: absolute; } var drugs = function (element, callback) {
2016-10-25 10:17:23
1299
转载 js注入
原文链接：http://www.jb51.net/article/92639.htm最近刚出了新闻，阿里四名网络安全部门员工利用网页漏洞写js脚本抢月饼，于是兴致来了，想了解一下这个js脚本到底怎么写，各种刷单各种抢枪抢又是怎么实现的。 什么是javascript注入攻击？1.每当接受用户输入的内容并重新显示这些内容时，网站就很容易遭受 JavaScript 注入攻击。让我们研
2016-10-23 22:43:17
1038
转载 前端解决跨域问题的8种方案（最新最全）
前端解决跨域问题的8种方案（最新最全）原文地址：http://www.cnblogs.com/JChen666/p/3399951.html1.同源策略如下：URL说明是否允许通信http://www.a.com/a.jshttp://www.a.com/b.js同一域名下允许http://www.a.com/lab/a.
2016-10-23 22:23:10
264
转载 web的MVC模式
MVC概论起初来之桌面应用开发。其实Java的structs框架最能体现MVC框架：model模型是理解成服务器端的模块程序；view为发送给客服端的内容；control为servlet程序控制跳转和工作流。随着前端Ajax兴起、前端开发工作进一步划分：js程序员和ue页面制作、另外从整个前端项目的清晰明朗以可扩展性角度来看，MVC的应用也越来越必要，特别是对大的项目。
2016-09-28 18:15:41
249
原创 js中call和apply的区别
1、call，apply都属于Function.prototype的一个方法，它是JavaScript引擎内在实现的，因为属于Function.prototype，所以每个Function对象实例(就是每个方法)都有call，apply属性。既然作为方法的属性，那它们的使用就当然是针对方法的了，这两个方法是容易混淆的，因为它们的作用一样，只是使用方式不同。2、语法：foo.call(thi
2016-09-23 22:54:25
1020
转载 jQuery 动画
原文转载自：http://www.cnblogs.com/zhwl/p/4328279.htmljQuery动画高级用法（上）——详解animation中的.queue()函数如果你拿着一个疑问去找专业人士寻找答案，那么你的一个疑问会变成三个，因为他会用另外两个令你更加一头雾水的名词来解释你的这个疑问。 我想这是大多数，包括我在内，IT人在学习过程中碰到的最大问题
2016-09-21 09:15:40
244
原创 同源策略 及 jsonp
同源是指两个站点同协议，同端口，同域名。同源策略规定：不同域的客户端脚本在没有明确授权的情况下，不能读写对方资源。但是，在数据传输过程中，经常会发生跨域的数据交换，那么如何解决这个问题呢。。就利用到了一些支持跨域传输的标签（比如、等） 既然他可以跨域传输，那么如果引用的"www.pp.com/alert.js"中有 test()； kuayu()；那么，它执
2016-09-21 08:39:44
265
原创 hibernate使用SchemaExport自动生成数据表
最近学习hibernate，发现了许多小问题。比如我马上就要介绍的使用SchemaExport自动生成数据表。网上的许多资料都停留在3.x，4.x的生成方式，在5.x的使用与之前有了很大的不同。一 3.x，4.x版本 Configuration cfg = new Configuration().configure(); SchemaExport
2016-05-16 20:57:05
898
转载 java中 == 与equals 的区别
今天上课学hibernate 老师突然问到了==与equals的区别 ，于是回来百度一下，发现这篇文章写得还不错，所以转来看看转载地址：http://xiashengchao.iteye.com/blog/753409类型是存储在内存中的堆栈（以后简称栈），而引用类型的变量在栈中仅仅是存储引用类型变量的地址，而其本身则存储在堆中。 ==操作比较的是两个变量的值是否相等，
2016-05-12 19:12:24
233
json jar 包
2016-05-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人