前言 梳理一下Jquery中还不太熟悉的API Jquery事件绑定统一用on(摒弃掉之前的click,bind),解绑事件统一用off 语法糖，支持多个事件绑定同一个函数 $("p").on("mouseover mo…

决定还是继续写博客，记录工作学习中遇到的问题，每天晚上对学习和遇到的问题进行总结。 1.DOM事件 1.HTML事件处理程序2.DOM的0级事件（把一个函数函数赋值给一个事件处理程序属性）element.onclick(…

DOM和BOM DOM 概念 DOM:Document Object Model 文档对象模型。 DOM作用：操作页面中的元素。 顶级对象是document 就是指HTML或者XML文件。 HTML侧重于展示数据，XML…

一行时，超出长度的部分变为省略号 .text-hidden { width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 注：…

一面 笔试题 1 实现一个函数，判断输入是不是回文字符串。2 两种以上方式实现已知或者未知宽度的垂直水平居中。3 实现效果，点击容器内的图标，图标边框变成 border 1px solid red，点击空白处重置。4 请…

flex的简介 在flex的容器中默认存在两条轴，水平主轴main axis和垂直交叉轴cross axis，这是默认的设置，不过我们可以通过设置将主轴的方向变成垂直方向，交叉轴变成水平方向。 在一个被设置为flex的容…

减少HTTP请求 CSS/JS 合并打包小图标等用iconfont代替：作为单个DOM节点使用，可以设置大小、颜色等，非常便利。个人建议前端来维护这个字体包，每次有新增的图标，让设计师给我们对应的svg文件即可，前端自己…

规则取值： 关键字： 位置 left right center top bottom medium 取消 none 颜色： 十六进制 #ffffff #ededed,简写为#fff rgb函数 rgb(0,0,0) 关键…

[github地点：https://github.com/ABCDdouyae…] gradient-string 用于在终端打印出悦目的渐变笔墨 一般用法 console.log(gradient('cya…

最近在做的前端项目遇到一个很奇怪的问题，在IE8和其他现代浏览器下显示正常的元素，在IE9下却显示异常。 打开IE9蛋疼的Developer Tools后发现原先CSS上写的样式压根就没有应用到元素上去。无论怎么加hac…

输入大小写字母、数字、下划线： <input type="text" onkeyup="this.value=this.value.replace(/[^\w_]/g,'');"> 输入小写字母、数字、下划线…

预处理CSS，比如Sass和less可以通过设定一个特定值，让任何颜色变得更亮或者更暗。但是在javascript中却没有这种方法。下面这个方法能在javascript中得到一个更亮或者更暗的值，通过一个给定的十六进制颜…