前端优化之开启 Gzip 压缩

2018-08-30
阅读 1 分钟
6.4k
我其实一点也不懂,上网去查看别人都没写前端怎么做,就很郁闷。自己尝试一番才知道为何没人写前端的操作步骤,因为非常简单——生成 gz 文件,上传服务器即可。所以为了避免有人和我一样懵逼,索性记录下来以供参考。开门见山直接说操作方法:

IE 8 下 angular 动态生成的 select 的兼容指令

2016-11-01
阅读 2 分钟
2.5k
angular 渲 select 有很多坑,例如:官方推荐是用 ng-options,但是这样渲出来的下拉菜单在某些版本的 chrome 上是不可用的,所以为了兼容,我们舍弃了 ng-options。那么只剩下 ng-repeat 来渲下拉菜单,这样在 ie 8 下也是有坑的,对于动态生成的下拉菜单,ie 8 总是无法渲出各个 options,如图:

重玩 vim 之琐碎记录——插件管理程序

2016-10-30
阅读 2 分钟
2.7k
根据我以往的经验,先搞定一个基本的 vimrc,然后再安装一个插件管理,就能很轻松完成 vim 配置了。所以 google,看过一个知乎用户的回答,懒惰的我选择了以前就用过的 vundle。

z-index does not work in Internet Explorer with pdf in iframe

2016-10-21
阅读 2 分钟
4.9k
I know of one technique to reliably occlude windowed controls in IE with other elements, but you're not going to like it.

Stopping Event Propagation 的危害

2016-07-13
阅读 1 分钟
1.5k
document 监听了点击事件,判断 event target 是否是 #menucontainer 或父元素是 #menucontainer,如果不是,那你就可以知道点击区域在 #menucontainer 之外。

IE11 下 IE8 模式,angular 1.2.5 报错 SCRIPT445:对象不支持此操作

2016-04-27
阅读 1 分钟
5.7k
Note: reading logFn.apply throws an error in IE11 in IE8 document mode. The reason behind this is that console.log has type "object" in IE8...

将html字符串转化为jquery对象

2016-02-19
阅读 3 分钟
5.8k
我直接用$(data)得到的是一个dom节点集合,而不是一个jq对象,stackoverflow上也有人问到这种情况,综合几种情况,我采用了$('<div></div>').append(data)这个方案。用$('<div></div>')这个实际不存在的节点来保存这个html文档,然后append返回的就是我要的jq对象的形式。

Angular2 tutorial 学习笔记二

2016-01-13
阅读 4 分钟
2.1k
为了遵守 Single Responsibility Principle ,将显示hero详细信息抽离成为独立的component。抽离时需要记住几个点:

Angular2 tutorial学习笔记

2016-01-12
阅读 3 分钟
2k
Interface or Class? Why a Hero interface and not a Hero class? We want a strongly typed Hero. We get strong typing with either option. Our choice depends on how we intend to use the Hero. If we need a Hero that goes beyond simple properties, a Hero with logic and behavior, we must define a class....

First angular 2 app

2016-01-11
阅读 2 分钟
3.2k
目录结构angular2-quickstart-app--app.component.ts--boot.ts-index.html-license.md

angular-translate

2015-12-29
阅读 2 分钟
3k
{代码...} {代码...} {代码...}

exports和module.exports

2015-12-11
阅读 1 分钟
2.9k
nodejs有几个没有定义但是却存在的变量,其中两个是:module、exports。module变量是模块对象自身,exports是在module的构造函数中初始化的一个空对象({},而不是null)。

angularjs watch only once

2015-11-26
阅读 1 分钟
2k
在watch的对象前加上两个冒号'::'就能实现只watch一次 {代码...}

angular用于计算一系列数据总和的filter

2015-10-27
阅读 3 分钟
5k
调试可以发现,在页面刷新的时候,会进入计算得到sum,但是当我添加新支出时,是不会进入计算sum的,原因我不得而知,且不论我写的是否规范正确,如果你知道原因的,可以告诉我吗,谢谢。

textarea的内容改变,绑定的model却没更新

2015-10-26
阅读 3 分钟
8.7k
问题描述: {代码...} 我修改textarea的内容时,绑定的description完全没更新,只能用chrome插件ng-inspector看一下。 图1 初始scope 图2 输入后ChildCtrl 出现description 所以可以看到问题变成了Angular Scope Inheritance Angular Scope Inheritance 我用word文档画了scope的继承图示,如下 图3 初始scope 图 4 错误...

比如我要用angularjs做个计算器

2015-10-23
阅读 1 分钟
4.6k
我实际情况是想做个记帐app,由上到下有一个显示金额的框,有一些其他的选项或输入框,云云。点击显示金额的框就会在底部弹出键盘,按键由0-9,小数点,+-*/,AC,=构成。于是问题就变成了我要做一计算器,我且将之分为显示计算结果的区域和键盘区域。

以前写PHP时的vim配置

2015-05-25
阅读 10 分钟
5.3k
第一步:下载vim插件管理工具vundle {代码...} 第二步:copy我的vimrc到你的~/.vimrc里面(修改之前记得备份哦) {代码...}

ubuntu 连接安卓手机

2015-05-08
阅读 1 分钟
3.5k
问题描述: 系统: deepin 2014 浏览器:chrome 42 在地址栏输入chrome://inspect/#devices,同时电脑连接手机,就能在电脑上调试移动端网页了。但是在linux下检查不到设备,上网查了下,用下面的方法可以解决。

!function(){}()——立即执行

2015-04-24
阅读 1 分钟
2.2k
常见的函数长这个样子 {代码...} 这是个普普通通的函数声明,在结尾不需要";",你需要通过foo()来调用它,函数才会执行。 {代码...} 是一个表达式,但不会调用函数,于是再在结尾加上()来调用函数,这样 {代码...} 因为()优先于!,所以会先执行函数,然后才进行非操作。 在函数体内如果无需调用自身,那么函数名都可以省...

有个叫函数节流的东西

2015-04-16
阅读 2 分钟
3.6k
某些场景下,比如响应鼠标移动或者窗口大小调整的事件,触发频率比较高。若处理函数稍微复杂,需要较多的运算执行时间,响应速度跟不上触发频率,往往会出现延迟,导致假死或者卡顿感。

图片下方出现几像素的空白间隙

2015-04-13
阅读 1 分钟
3.1k
1、如何定义高度很小的容器? 在IE6下无法定义小高度的容器,是因为有一个默认的行高。 列举2种解决方案:overflow:hidden | line-height:0

firefox下delete有bug?

2015-01-17
阅读 6 分钟
2.9k
看书时,发现firefox 35.0下的控制台或者firebug里,delete表现跟理论上不太一样,chrome表现则很正常,难道firefox有问题?

IE8下实现兼容rgba

2015-01-14
阅读 2 分钟
37.9k
rgba的含义,r代表red,g代表green,b代表blue,a代表透明度。红绿蓝是三原色,所有颜色都可以由这三种颜色拼合而成。比如rgba(0,0,0,.5)就是透明度为0.5的黑色。现代浏览器是支持rgba的,但是在IE8等古董级浏览器中是不支持rgba的,IE8只能勉强支持rgb()函数(即去掉了透明度,只能表示颜色)。

em和strong的区别

2015-01-12
阅读 3 分钟
9.3k
em 表示强调,strong 表示更强烈的强调。言简意赅,表明了 em 和 strong 的命名来历。并且在浏览器中,em 默认用斜体表示,strong 用粗体表示。这是第一个层次上的区别。

js实现千位分隔符

2015-01-09
阅读 1 分钟
7.1k
{代码...}

HTML5+CSS3兼容收藏夹

2014-12-30
阅读 1 分钟
4.6k
CSS3选择器兼容IE6~8: Selectivizr 使用方法: {代码...} 最好选择使用Selectivizr站点列出的兼容程序库应用到页面(如:mootools, NWMathcer) 注意: Selectivizr只适用于外部样式表中的CSS,对内联合内部的CSS无效。

IE7 Offset bug

2014-12-29
阅读 1 分钟
2.8k
导致了ie6、7与其他浏览器不兼容,ie的高度得是+Offset的高度,原来这是ie的一个bug,貌似只有li才有这个bug。原因就是 LI 里面有block元素,LI之间的空格不会被被忽略,而是单独占用额外的一行夹在每个LI之间,解决办法就是触发layoutli {width:100%; float:left}

语义学习之address

2014-12-24
阅读 1 分钟
2k
HTML 的<address>元素可以让作者为它最近的<article>或者<body>祖先元素提供联系信息。在后一种情况下,它应用于整个文档。

Getting started with yoeman

2014-12-05
阅读 3 分钟
2.5k
The Yeoman workflow is comprised of three core tools for improving your productivity and satisfaction when building a web app. These tools are:

javascript面试题

2014-12-03
阅读 2 分钟
5.8k
数组方法pop() push() unshift() shift() Push()尾部添加 pop()尾部删除 Unshift()头部添加 shift()头部删除