![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
garyHoH
这个作者很懒,什么都没留下…
展开
-
HTML性能优化
页面优化是对网页中的HTML代码进行必要的调整,可以有效地精简页面中的冗余代码,加快网页显示速度,减少网页占用搜索引擎服务器的存储空间,提高用户体验和搜索引擎友好性,当然也可以更好的突出页面的主题,提高页面的相关性。 1、HTML标签有始终。 减少浏览器的判断时间2、把script标签移到HTML文件末尾,因为JS会阻塞后面的页面的显示。3、减少iframe的使用,转载 2017-05-03 22:37:16 · 375 阅读 · 0 评论 -
前端代码规范
使用两个空格进行缩进。eslint: indentfunction hello (name) { console.log('hi', name)}除需要转义的情况外,字符串统一使用单引号。eslint: quotesconsole.log('hello there')$("")不要定义未使用的变量。eslint: no-unused-va转载 2017-08-15 10:14:54 · 7142 阅读 · 0 评论 -
前端构建工具- gulp - 安装及简单CSS,JS文件合并压缩
gulp基于流(streaming)的方式构建,首先读取文件,编译压缩文件(流的方式),最终将结果生成到配置的文件目录下。安装gulp假设已经安装了node 和npm (淘宝的cnpm很适合国内使用)。1、首页全局安装gulp。1 npm install --global gulp 2、其次局部安装gulp。(注:局部安装是安装到你项目的根目录,这是很多教程没有清晰表明)npm install g...转载 2018-01-11 11:59:05 · 2469 阅读 · 1 评论 -
vue中动态添加class类名
vue 动态添加class类名,灵活得让你发狂,下面示例几个<template> <div> <h2>动态添加类名</h2> <!-- 第一种方式:对象的形式 --> <!-- 第一个参数 类名, 第二个参数:boolean值 --> <...原创 2017-08-19 16:03:59 · 122238 阅读 · 9 评论 -
css文字溢出隐藏,一行文字或多行文字
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2019-01-18 11:52:55 · 25459 阅读 · 0 评论 -
获取dom元素相关参数
clientHeight 获取对象的高度,不计算任何边距、边框、滚动条,但包括该对象的补白。 clientLeft 获取 offsetLeft 属性和客户区域的实际左边之间的距离。 clientTop 获取 offsetTop 属性和客户区域的实际顶端之间的距离。 clientWidth 获取对象的宽度,不计算任何边距、边框、...原创 2019-08-21 12:02:20 · 490 阅读 · 0 评论 -
原生input 方法
input自带方法select(); 选中内容input.select();selectionStart // 光标结束选中的位置input.selectionStartselectionEnd // 光标结束选中位置input.selectionEnd = 0;setSelectionRange(start, end); // 选中指定区域的内容input.set...原创 2019-09-02 15:47:56 · 3159 阅读 · 0 评论