- 博客(52)
- 收藏
- 关注
RSS订阅原创 html中的meta标签的viewport有什么用？
首先介绍几个概念：物理像素/设备像素。是设备能控制显示的最小单位，我们可以把它看做显示器上的一个点。我们常说的 1920x1080像素分辨率就是用的设备像素单位css像素/设备独立像素css像素/设备独立像素，是一个相对单位，css像素主要用在浏览器中，在pc端一个css像素对应一个设备像素，在移动端1个css像素对应dpr*dpr个设备像素设备像素比简称dpr，一般通过window.devicePixelRatio获取，表示 设备像素/ css像素（设备独立像素）屏幕分辨率屏幕分辨率指的
2021-05-25 20:12:50
705
原创 js 正则表达式进阶详解
1:贪婪匹配和非贪婪匹配正则表达式中量词有*（0次或者多次）?（0次或者1次）+（1次或者多次）{m, n}（m到n次）{n}（n次）这些量词会尽可能多的匹配,比如：'abababa ababc abe'.match(/(ab)+/g),匹配结果是['ababab', 'abab', 'ab'],统称贪婪匹配当这些量词后面再跟一个?,就变成了非贪婪匹配，会尽可能少的匹配，比如'abababa ababc abe'.match(/(ab)+?/g),用的匹配结果是 ["ab", "ab",
2020-07-21 17:18:54
160
原创 http各个版本的区别
http进化史http0.9:只有GET请求，也不支持请求头信息请求信息只有下面一行GET www.baidu.comhttp1.0:在请求中指定版本号，支持GET、POST、HEADhttp1.1:http1.1新增了：OPTIONS、PUT、DELETE、TRACE、CONNECT五种HTTP请求方法。需要指定host头：长连接：缓存策略不同：新增了24个错误状态码：http2：二进制传输：http1.x的解析是基于文本，http2的解析是基于二进制；多路复用：heade
2020-06-27 09:50:06
2175
原创 flux,redux,react-redux,redux-thunk,redux-saga,dva的区别
flux：用过react的人都知道，当业务和交互逻辑变得复杂时，仅仅使用react会使得数据维护越来越复杂，组件之间共享数据时需要不断通过HOC(高阶组件)和render props的方式来解决，显然这种方式是不合理的，使得代码中出现了越来越多不必要的组件和逻辑；为了解决这个问题facebook推出了flux，它是一种架构思想，它是一种解决数据流通的方案；具体思想就是单一数据源，把所有的需要跨...
2020-05-16 12:00:40
896
原创 Http请求处理
1:http请求状态码有哪些？1xx: 请求处理中2xx:请求成功3xx:重定向相关4xx:客户端错误5xx:服务器错误200请求成功301请求永久重定向302请求临时重定向，一般指请求的资源临时重定向到新的url303请求临时重定向，一般只需要客户端重新通过get请求获取...
2020-04-30 14:35:57
160
原创 react hooks学习总结
react hooks学习总结react hooks优点1：解决了class组件状态逻辑难以复用的问题2：解决了class组件复杂难以维护的问题生命周期函数中包含了很多不相干的逻辑，比如componentDidUpdate中只要一个字段发生变化都会触发，为了优化这种场景会写很多的优化逻辑；类组件中到处都是对状态的访问和处理，导致组件难以拆分成更小的组件；3：解决了类组件中this的问题...
2020-04-06 20:47:29
394
原创 工作中遇到的坑汇总
1：图片产生了收缩效果，通过outline：1px solid transparent;参考文章：https://stackoverflow.com/questions/31728525/image-rendering-with-decimal-pixels-and-css-transition2：海外app印度小语种在chrome>71的版本上会出现乱码；3：requestAnima...
2019-04-11 22:44:15
196
原创 js算法汇总
1：不创建新的变量交换a,b的值var a = 1, b = 2;a = a + b;b = a - b;a = (a - b) / 2;2：冒泡排序var a = [7,9,4,5,6,21,32,45,56,7,16,17,19,99];a = bubleSort(a);function bubleSort(a) { var tmp; var aLen = a.l...
2019-02-23 17:00:22
310
原创 webpack4使用手记
webpack4 splitChunks和runtimeChunk用法详解为什么要用splitChunkswebpack4之前使用CommonsChunkPlugin提取公共代码，但是CommonsChunkPlugin存在以下三个问题：1:产出的chunk在引入的时候，会包含重复的代码；2: 无法优化异步chunk；3:高优的chunk产出需要的minchunks配置比较复杂。为了解...
2018-11-04 19:11:29
5708
1
原创 javascript设计模式
单例模式：var singleton = (function () { var instance; function init() { function privateMethod() {} var privateVar; return { publicMethod: function() {} publicVar: '' };...
2018-07-01 14:27:38
142
原创 工作中遇到的问题总结
1：页面中的元素显示或者隐藏会触发页面的滚动监听事件。.parent { height: 100%; overflow: scroll;}.child { background-color: red; height: 1000px;}.load { width: 100%; height: 50px; background-color: #f0f;}<div
2017-08-21 21:52:57
334
原创 js面向对象编程
1： js中准确判断数据类型Object.prototype.toString.call(var).slice(8,-1).toLowerCase() 返回值”object”,”array”,”function”,”null”,”undefined”,”string”,”number”,”boolean”
2017-02-23 13:51:18
425
原创 Vue最早版本迁移到2.0
刚开始接触Vue的第一个项目就是把Vue最低版本的项目迁移到现在最新的版本2.0，好玩又有挑战。Vue中的知识点index:在v−for循环中index: 在v-for循环中index表示当前数组的索引。Vue迁移中改动的地方1：当组件不需要渲染模板中的内容，而是渲染默认的内容时，可以使用组件的inline-template属性，组件将把它的内容当做模板，而不是当做分发内容，而且inline-t
2016-12-03 11:52:57
1382
原创 常用的css3新特性总结（工作中不断更新中）
1:CSS3阴影 box-shadow的使用和技巧总结 参考CSS3阴影 box-shadow的使用和技巧总结 2：实现多行文本超出显示…(火狐浏览器不支持) display:-webkit-box; -webkit-line-camp:3; -webkit-box-orient:vertical;3：取消默认的高亮显示 -webkit-tap-highlight-color:
2016-11-20 22:36:01
2628
1
原创 jquery的坑
1：jQuery的find方法返回一个dom对象数组，如果find方法返回的元素个数只有一个，改元素是个jQuery对象数组。 var x = $(“.a”).find(“.b”);如果length=1,x是个jQuery对象，如果length>1，x是个数组，每一个数组元素是个dom对象。
2016-09-29 17:47:50
384
1
原创 JS性能优化
1：var bannerAd=bannerAd = (“.search-enhance-app”).find(“.applist-ad”).remove().removeClass(“applist-ad”).addClass(“banner-ad”); 和var bannerAd=bannerAd = (“.search-enhance-app”).find(“.applist-ad”).rem
2016-09-14 14:18:36
303
原创 js兼容问题
1： $(document).delegate(“body”,”click”,function(){ alert(123); }); 在iphone上无效 解决方法：（还没找着）
2016-07-29 15:49:37
289
1
原创 js基础
1：null和undefined的区别 null转换成数字 == 0 undefined转换成数字 == NAN欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdow
2016-07-28 17:02:35
650
原创 iframe自适应高度
function setIframeHeight(iframe) { if (iframe) { var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow; if (iframeWin.document.body) {
2016-07-28 11:17:38
305
原创 2016前端面试题总结
1：I believe I can fly.按字母表顺序排列function compare(s1,s2){ if(s1.toLowerCase() > s2.toLowerCase()){ return 1; } else if(s1.toLowerCase() == s2.toLowerCase()){ return 0;
2016-07-24 15:46:56
402
原创 实现最多输入20个汉字（英文算半个汉字，奇数个英文算一个汉字），超过20个汉字后不能输入
思路：20个汉字即是40个字符，获取输入的字符串的字符长度，字符长度/2向上取整超过20的话截取字符长度/2 == 20的字符串//获取字符串的字符长度function getLength(s){var length = 0;for(var i = 0;i if(s.charAt(i) >= 0 || s.charAt(i) else length += 2;}
2016-07-21 17:22:33
2295
原创 js中this的应用场景
this存在于函数中，函数的调用方式决定了this指代的对象1：作为对象的方法用var obj = {}; obj.x = 100; obj.y = function(){ alert( this.x ); }; obj.y(); //弹出 100 2：作为函数调用var x = "The Window";function f(){ return t
2016-07-11 17:52:55
428
原创 js闭包
js闭包的作用：在函数外部读取函数内部的局部变量，使函数内部的局部变量一直保存在内存中function f1 () {var n = 1;function f2(){alert(++n);}return f2;}var f = f1();f();//1f();//2通过以上代码我们实现了在函数反f1外部可以调用函数f1内部的局部变量n的作
2016-07-10 11:22:56
293
转载 js事件冒泡
js事件冒泡的机制：子元素定义的事件触发时，如果父元素定义了同样的事件，就会逐级向上执行，直到最顶层window，子元素执行子元素的事件，父元素执行父元素的事件，不是子元素执行父元素的事件。 function outSideWork(e) { var e=e||window.event; var obj=e.target||e.srcEle
2016-07-06 17:59:31
269
转载 jquery submit()不能提交表单的解决方法
id="form" method="get"> type="text" name="q" value="设计蜂巢"/> type="button" id="submit">查询 type="text/javascript">$(function(){ $('#submit').click(function(){ $('#form').submit() })})上述代码看上去貌似没什么问
2016-06-23 18:54:31
792
原创 实时显示今年还剩下几天几时几分几秒（js，练习Date的方法）
var date = new Date(); var year = date.getFullYear(); var newDate = new Date(); newDate.setFullYear(year+1); newDate.setMonth(0,1); newDate.setHours(0,0,0); var itime = n
2016-05-30 21:58:36
3288
原创 位置高度的图片在一直高度的元素中中垂直水平居中(移动端)
.img_box{width:50px;height:50px;display:table-cell;text-align:center;vertical-align:middle;}.img_box img{max-width:100%;max-height:100%;vertical-align:middle;}
2016-05-26 18:30:04
380
原创 css hack
忽略IE6浏览器1:条件注释hackIE10,IE11取消了条件注释hack2:css属性hack{color:green\9;(7,8,9,10)color:greeen\0;(8,9,10,11)*color:green;(7)*+color:green;（7）}
2016-05-20 11:15:08
336
原创 火狐浏览器中checkbox属性checked问题
最近遇到一个bug，后来研究了好久才发现火狐浏览器中checkbox的autocomplate属性默认为on,当checkbox选中取消时，再次刷新页面时checked属性无效，也即checkbox没有选中把autocomplate·属性设置为off即可
2016-05-20 09:58:39
3493
原创 超出文本显示省略号（包括一行和多行）
文本只有一行{white-space:nowrap;text-overflow:ellipsis;}文本有多行（PC端会有兼容性）{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;
2016-05-17 22:28:54
595
1
原创 浏览器窗口关闭触发的事件
点击某个离开页面的链接在地址栏中键入了新的 URL使用前进或后退按钮关闭浏览器重新加载页面1:$(window).onbeforeunload = function(){ return "123";}2: function show() { return 1; }
2016-05-11 12:00:45
5198
原创 ajax+jsonp+php 实现跨域请求
前端html代码北京js代码$("li").click(function(){ var area = $(this).text(); $.ajax({ url:"http://a.com/index/ajaxgetdoclist", data:{"area":area}, dataType:"jsonp"
2016-05-09 15:42:52
426
原创 实现三列布局
1：三布局中的左侧自适应，中间定宽，右侧自适应 .clearfloat{ zoom:1; } .clearfloat:after{ display:block; clear:both; content:""; height: 0;
2016-03-30 18:12:13
497
原创 实现两列布局中的一列定宽，一列宽度自适应
1：/*这种方法不能撑开父元素的高度*/(左边定宽，右边宽度自适应) 主要内容区域 次要内容区域/*清除浮动*/.clearfloat{ zoom:1;}.clearfloat:after{ display:block; content:""; height:0;
2016-03-30 16:10:21
495
原创 利用css实现两列等高的方法
1:利用负边距.container{ width:980px background: pink; overflow:hidden;}/*清楚浮动*/ .clearfloat{ zoom:1; } .clearfloat:after{
2016-03-30 11:00:30
1660
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人