前言 梳理一下Jquery中还不太熟悉的API Jquery事件绑定统一用on(摒弃掉之前的click,bind),解绑事件统一用off 语法糖,支持多个事件绑定同一个函数 $("p").on("mouseover mo…
标签:css
001-DOM事件
决定还是继续写博客,记录工作学习中遇到的问题,每天晚上对学习和遇到的问题进行总结。 1.DOM事件 1.HTML事件处理程序2.DOM的0级事件(把一个函数函数赋值给一个事件处理程序属性)element.onclick(…
js实用方法记录-js动态加载css、js脚本文件
js实用方法记录-动态加载css/js 1.动态加载js文件到head标签并执行回调方法调用:dynamicLoadJs(‘http://www.yimo.link/static/j…‘…
web 多屏互动显示方案
1 基于 local storage 实现的信息传递 相关插件 lsbridge.js https://github.com/krasimir/l… 且项目中有非常简单易懂的示例你需要了解的一些关于Local…
JS基础入门篇(三十三)—正则表达式
1.创建一个正则表达式 方法一:使用一个正则表达式字面量,其由包含在斜杠之间的模式组成。 var reg1 = /a/; var reg2 = /ab+c/; 方法二:调用RegExp对象的构造函数 var reg1 =…
了解CSS中的@import
我们知道,css文件引入方式有两种: 1. HTML中使用link标签 <link rel="stylesheet" href="style.css" /> CSS中@import @import "styl…
webpack4.0打包总结
1.webpack概念 WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格…
CSS: 通过CSS控制字符串长度(一行或者多行)
一行时,超出长度的部分变为省略号 .text-hidden { width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 注:…
flex布局的温故学习
flex的简介 在flex的容器中默认存在两条轴,水平主轴main axis和垂直交叉轴cross axis,这是默认的设置,不过我们可以通过设置将主轴的方向变成垂直方向,交叉轴变成水平方向。 在一个被设置为flex的容…
* 请说出静态资源请求的优化措施?是否用过“雪碧图”和iconfont?
减少HTTP请求 CSS/JS 合并打包小图标等用iconfont代替:作为单个DOM节点使用,可以设置大小、颜色等,非常便利。个人建议前端来维护这个字体包,每次有新增的图标,让设计师给我们对应的svg文件即可,前端自己…
css学习day05
规则取值: 关键字: 位置 left right center top bottom medium 取消 none 颜色: 十六进制 #ffffff #ededed,简写为#fff rgb函数 rgb(0,0,0) 关键…
组件设计漫谈
最近组件库 N3 支持了 vue 2.0 ,并且做了功能的升级, 文档看这里 https://n3-components.github…. 下文不谈论 vue 这门技术,我打算从组件的设计以及一些细节来谈谈组…