
前端
文章平均质量分 93
yjreset
这个作者很懒,什么都没留下…
展开
-
表格文字过多解决办法
[html] <th class="wrap">商品名</th> <td class="wrap">商品名</td>在要控制宽度的td和th加上以下样式: td里面的内容放在div里面,在div身上也加上这个样式,如果想要鼠标滑过时显示全文本,可以给div加上title属性: [css] .wrap{ width: 150px; //设置需要固定的宽度 white-space: n转载 2018-01-23 18:13:51 · 1387 阅读 · 0 评论 -
浏览器缓存机制
先看上图,如果对图中的(a)(b)(c)(d)四个过程的处理方式都很清楚了,那么请不用再看本文了。两个概念强缓存用户发送的请求,直接从客户端缓存中获取,不发送请求到服务器,不与服务器发生交互行为。协商缓存用户发送的请求,发送到服务器后,由服务器判定是否从缓存中获取资源。两者共同点:客户端获得的数据最后都是从客户端缓存中获得。两者的区别:从名字就可转载 2018-03-12 10:44:57 · 239 阅读 · 0 评论 -
浏览器加载、解析、渲染的过程
浏览器加载、解析、渲染的过程 提高网站的访问速度 how browsers work转载 2018-03-09 11:11:20 · 283 阅读 · 0 评论 -
ASCII、Unicode和UTF-8
什么是字符编码? 计算机只能处理数字,如果要处理文本,就必须先把文本转换为数字才能处理。最早的计算机在设计时采用8个比特(bit)作为一个字节(byte),所以,一个字节能表示的最大的整数就是255(二进制11111111=十进制255),如果要表示更大的整数,就必须用更多的字节。比如两个字节可以表示的最大整数是65535,4个字节可以表示的最大整数是4294967295。转载 2018-02-15 11:39:08 · 194 阅读 · 0 评论 -
各种编码汇总
一.url编码1.解释 url编码是一种浏览器用来打包表单输入的格式2.编码规则 任何特殊的字符(就是那些不是简单的七位ASCII,如汉字)将以百分符%用十六进制编码,当然也包括象 =,&;,和 % 这些特殊的字符。其实url编码就是一个字符ascii码的十六进制。不过稍微有些变动,需要在前面加上“%”。比如“\”,它的ascii码是92,92的十六进制是5c,所以“\”的url编码就是%原创 2018-02-15 12:14:30 · 475 阅读 · 0 评论 -
浏览器兼容性问题解决方案汇总
普及:浏览器的兼容性问题,往往是个别浏览器(没错,就是那个与众不同的浏览器)对于一些标准的定义不一致导致的。俗话说:没有IE就没有伤害。贴士:内容都是自己总结的,不免会出现错误或者bug,欢迎更正和补充,本帖也会不断更新。Normalize.css不同浏览器的默认样式存在差异,可以使用 Normalize.css 抹平这些差异。当然,你也可以定制属于自己业务的 reset.转载 2018-02-06 15:18:03 · 1177 阅读 · 0 评论 -
console详解
对于前端开发者来说,在开发过程中需要监控某些表达式或变量的值的时候,用 debugger 会显得过于笨重,取而代之则是会将值输出到控制台上方便调试。最常用的语句就是console.log(expression)了。然而对于作为一个全局对象的console对象来说,大多数人了解得还并不全面,当然我也是,经过我的一番学习,现在对于这个能玩转控制台的 JS 对象有了一定的认识,想与大家分享一转载 2018-02-05 17:42:08 · 1347 阅读 · 0 评论 -
SVG中`marker`元素
一个常见的使用SVG绘制的图形是箭头。一行代码就可以创建一个,但是这样代码重复度很大。你也可以在和中定义好再去重用,但是你每次应用的时候都需要对其移动或旋转。直接用一个元素的话会方便很多。前面几周的时候我讲过如何组织SVG代码,以及如何定义一个可重用的图形对象。可以翻一下w3cplus上SVG系列文章进行学习~今天我想要讨论一个特殊的元素,可以在一个地方定义,然后在另一个地方引用的转载 2018-02-05 17:18:27 · 857 阅读 · 0 评论 -
js中dom0级事件与dom2级事件的区别
其实,就w3c标准来说,并没有0级dom的标准。只不过,事实上的适用总会成慢慢成为约定成俗的规则。所谓的0级dom与2级dom事件就是不同版本间的差异,具体的说就是,对于不同的dom级别,如何定义事件处理,以及使用时有什么不同。 我们对于事物的认识过程,总是要先知道它叫什么名字,然后了解它是干什么的,接着学习如何使用,最后,去搞明白实现原理。首先,我们要谈的是dom事件,它是用来处理htm原创 2018-01-31 16:04:20 · 1724 阅读 · 0 评论 -
jstree 请求后台数据前台处理
注意: 这个方法是一次加载所有数据,加载缓慢,如需使用懒加载需要后台处理htmljs$(function() { $('#prj_container').jstree({ 'core':{ 'data': function (node,cb) {var url = "http://localhost/ThinkPHP/index.php/IotRouter/原创 2017-09-25 17:58:12 · 3113 阅读 · 0 评论 -
前端性能优化十四个规则
HTTP是一种客户端/服务器协议,由请求和响应构成。浏览器向一个特定的URL发送HTTP请求,URL对应的宿主服务器发回HTTP响应。该协议使用简单的纯文本格式。请求的类型有GET、POST、HEAD、PUT、DELETE、OPTIONS和TRACE。 前端性能优化十四个规则:1. 减少HTTP请求。a. 至少80%的最终用户响应时间花在了页面中的组件(图片、脚本、样式表、Fl原创 2018-01-31 12:58:08 · 376 阅读 · 0 评论 -
浏览器HTTP缓存原理分析
章节目录浏览器缓存原理文字版描述一图以蔽之缓存相关首部字段request缓存相关首部字段response缓存相关首部字段实体首部缓存相关字段缓存配置的一些注意事项以前项目中遇到了很多浏览器缓存相关的问题,也在网上查过资料,搞过服务器的配置,来确保客户端加载服务器资源的速度和资源有效性。最近仔细看了下http协议中和缓存相关的一些属性,总结一下。转载 2018-03-14 16:00:30 · 237 阅读 · 0 评论