文章分类 -  前端学习

回流与重绘
摘要：浏览器的渲染机制： 浏览器渲染页面一般分为五个步骤 1、处理HTML并构建DOM树 2、处理css构建CSSOM树 3、将DOM和CSSOM树合并成一个渲染树 4、根据渲染树来布局，计算每个节点的位置 5、调用GPU绘制，合并图层，显示在屏幕上 重绘：当我们对DOM的修改导致了样式的变化，却并未影响 阅读全文
posted @ 2024-01-18 11:34 徐学进 阅读(44) 评论(0) 推荐(0)
记录关于vue项目中富文本quill的一些功能点 和需要注意的点
摘要：项目的使用场景： 项目中原采用固定4个富文本的形式，需要调整为一组可动态配置数量的必填项富文本和一个独立的富文本，项目采用antdesign vue 框架。 一组可动态配置数量的必填项富文本需要满足的条件：1，组内一项数据包含标题和内容，标题和内容为必填项。2，标题限制最少1个字最多50个字，内容如 阅读全文
posted @ 2022-01-12 11:01 徐学进 阅读(635) 评论(0) 推荐(0)
localstorage,sessionstorage,cookie,vuex 异同及主要应用
摘要：1，localStorage a, localStorage会可以将第一次请求的数据以文件的形式存储到本地，永久保存，这个相当于一个5M大小的针对于前端页面的数据库 b,本质上是对字符串的读取，如果存储内容多的话会消耗内存空间，会导致页面变卡 c,在浏览器的隐私模式下面是不可读取的 d,在IE8以上 阅读全文
posted @ 2021-06-11 11:22 徐学进 阅读(371) 评论(0) 推荐(0)
让IE6/IE7/IE8浏览器支持CSS3属性
摘要：一、下载您可以狠狠地点击这里：ie-css3.htc，这个玩意儿是让IE浏览器支持CSS3表现的关键东东。二、上面的是什么东西首先说说.htc文件，.htc文件是个脚本文件，我个人以为与js文件属于同一货色，只是呢，貌似htc是Internet Explorer(IE)的私生子，只有IE才认它。ht... 阅读全文
posted @ 2015-09-28 10:40 徐学进 阅读(148) 评论(0) 推荐(0)
设备像素比devicePixelRatio简单介绍
摘要：byzhangxinxufromhttp://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=2568本文所说devicePixelRatio其实指的是window.devicePixelRatio, 被所有WebKit浏览... 阅读全文
posted @ 2015-09-28 10:34 徐学进 阅读(195) 评论(0) 推荐(0)
判断浏览器是否支持css3,不支持的话调用js方法
摘要：/* ================= LOAD MODULES ================= *///判断浏览器是否支持css3,不支持的话调用js方法var t_browser_has_css3;var t_css3_array = ['transition','-webkit-tran... 阅读全文
posted @ 2015-09-17 15:04 徐学进 阅读(202) 评论(0) 推荐(0)
判断浏览器，pc端，移动端的js原生方法
摘要：方法一function IsPC() { var flag = true; var userAgentInfo = navigator.userAgent.toLowerCase();// alert(userAgentInfo); var WindowsPhoneReg = /windows (c... 阅读全文
posted @ 2015-09-17 14:39 徐学进 阅读(125) 评论(0) 推荐(0)
js弹出窗口总结6种弹窗方法
摘要：// 获取位置方法function getPosition(o){ var t = o.offsetTop; var l = o.offsetLeft; while(o = o.offsetParent) { t += o.offsetTop; l += o.offsetLeft; } var po... 阅读全文
posted @ 2015-07-26 14:08 徐学进 阅读(587) 评论(0) 推荐(0)
Jquery取得iframe中元素的几种方法
摘要：query取得iframe中元素的几种方法在iframe子页面获取父页面元素代码如下:$('#objId', parent.document);// 搞定...在父页面 获取iframe子页面的元素代码如下:$("#objid",document.frames('iframename').docum... 阅读全文
posted @ 2015-07-06 13:04 徐学进 阅读(267) 评论(0) 推荐(0)
书写高效的jquery代码
摘要：一、浏览器渲染原理用户输入网址（假设是个html页面，并且是第一次访问），浏览器向服务器发出请求，服务器返回html文件；浏览器开始载入html代码，发现标签内有一个标签引用外部CSS文件；浏览器又发出CSS文件的请求，服务器返回这个CSS文件；浏览器继续载入html中部分的代码，并且CSS文件已经... 阅读全文
posted @ 2015-06-01 16:59 徐学进 阅读(228) 评论(0) 推荐(0)
关于折行word-break的探究
摘要：word-wrap:break-word; overflow:hidden;而不是 word-wrap:break-word; word-break:break-all;也不是word-wrap:break-word; overflow:auto;这种最好的方式，在 IE 下没有任何问题，在 ... 阅读全文
posted @ 2015-06-01 14:39 徐学进 阅读(206) 评论(0) 推荐(0)
优秀jquery插件搜藏
摘要：1、jquery验证插件http://jqueryvalidation.org/files/demo/index.html *推荐2、jquery验证插件支持功能多http://antelle.github.io/passfield/api.htmlterebentina.github.io/sco... 阅读全文
posted @ 2015-06-01 13:17 徐学进 阅读(112) 评论(0) 推荐(0)
css去掉iPhone、iPad默认按钮样式
摘要：在经过在网上的反复搜索，最终解决了介个问题！只要在样式里面加一句去掉css去掉iPhone、iPad的默认按钮样式就可以了！~input[type=”button”], input[type=”submit”], input[type=”reset”] {-webkit-appearance: no... 阅读全文
posted @ 2015-05-27 18:53 徐学进 阅读(114) 评论(0) 推荐(0)
phpstorm中使用yuicompressor
摘要：菜单栏选择 settings=>ExternalTools=>AddName随便填，Program填：java（java_path没设的话，这里填Java执行程序的完整路径），Parameters填：-jar"X:\phpstorm\tools\build\yuicompressor- 2.4.7.... 阅读全文
posted @ 2015-05-14 19:34 徐学进 阅读(238) 评论(0) 推荐(0)
最全的常用正则表达式搜集备用
摘要：一、校验数字的表达式 1 数字：^[0-9]*$ 2 n位的数字：^\d{n}$ 3 至少n位的数字：^\d{n,}$ 4 m-n位的数字：^\d{m,n}$ 5 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]... 阅读全文
posted @ 2015-04-29 15:31 徐学进 阅读(103) 评论(0) 推荐(0)
CSS hack:区分IE6，IE7，IE8，IE9，firefox
摘要：区别IE6与FF： background:orange;*background:blue;区别IE6与IE7： background:green!important;background:blue;区别IE7与FF： background:orange;*background:green... 阅读全文
posted @ 2015-03-28 13:11 徐学进 阅读(713) 评论(0) 推荐(0)
这些年、我收集的JQuery代码
摘要：1. 如何创建嵌套的过滤器//允许你减少集合中的匹配元素的过滤器， //只剩下那些与给定的选择器匹配的部分。在这种情况下， //查询删除了任何没（:not）有（:has） //包含class为“selected”（.selected）的子节点。.fil... 阅读全文
posted @ 2015-03-18 18:01 徐学进 阅读(161) 评论(0) 推荐(0)