ranyonsue

摘要：在项目中遇到一个问题，在一个宽度为百分比形式设定宽度的div中，文字可能不多但是也可能较多，会超过一行。怎么才能做到不管1行还是2行3行，文字都可以上下左右居中呈现。 解决方法： 1使用flex 只需要这样设置css属性即可 div{ display: -webkit-flex; display: 阅读全文

摘要：上传头像的时候遇到了头像变形的问题，最后通过object-fit: cover完美解决了。这个CSS属性可以达到最佳最完美的居中自动剪裁图片的功能。 object-fit理解 CSS3 background-size出现的比较早，大家应该知道其支持的一些值，除了数值之外，其还支持几个关键字，例如：c 阅读全文

摘要：这两天发现一个问题，就是display为inline-block的元素有内容和没有内容情况下高度不一致，虽然不会出现元素中没内容的情况，但是我还是决定必须解决这个问题，可能我有一些轻微的强迫症。 <div id="frame"> <div class="item">test</div> <div c 阅读全文

摘要：运行时性能表现（runtime performance）指的是当你的页面在浏览器运行时的性能表现，而不是在下载页面的时候的表现。这篇指南将会告诉你怎么用Chrome DevTools Performance功能去分析运行时性能表现。在RAIL性能评估模型下，你可以在这篇指南中可以学到怎么去用这个pe 阅读全文

摘要：概述 1. PC优化手段在Mobile侧同样适用 2. 在Mobile侧我们提出三秒种渲染完成首屏指标 3. 基于第二点，首屏加载3秒完成或使用Loading 4. 基于联通3G网络平均338KB/s(2.71Mb/s)，所以首屏资源不应超过1014KB 5. Mobile侧因手机配置原因，除加载外 阅读全文

摘要：阅读代码时对一行代码很困惑 step > max_step && (step = min_step); 查阅资料后发现它等价于 if (step > max_step) { step = min_step; } js中的&&和||本质是什么呢？ && 和 || 的作用只有一个(定义)： 进行布尔值的 阅读全文

摘要：var obj1 = {'a': 'obj2','b':'2'}; var obj2 = {name: 'obj3'}; function extend() { var length = arguments.length; var target = arguments[0] || {}; if (t 阅读全文

摘要：JavaScript是单线程语言，但它允许通过设置定时器，也就是设置超时值和间歇时间来调度代码在特定的时刻执行。前者是在指定的时间过后执行代码，而后者则是每隔指定的时间就执行一次代码。 超时调用需要使用window对象的setTimeout()方法，他接受两个参数：要执行的代码和以毫秒表示的时间。其 阅读全文

摘要：深拷贝和浅拷贝的区别 浅拷贝（shallow copy）：只复制指向某个对象的指针，而不复制对象本身，新旧对象共享一块内存； 深拷贝（deep copy）：复制并创建一个一摸一样的对象，不共享内存，修改新对象，旧对象保持不变。 var a = 25; var b = a; b = 10; conso 阅读全文

摘要：首先JavaScript中的变量分为基本类型和引用类型。基本类型就是保存在栈内存中的简单数据段，而引用类型指的是那些保存在堆内存中的对象。 1、基本类型 基本类型有Undefined、Null、Boolean、Number 和String。这些类型在内存中分别占有固定大小的空间，他们的值保存在栈空间 阅读全文

摘要：阅读目录 谷歌控制台Elements面板查看元素上绑定的事情样式操作总况console.logconsole.infoconsole.errorconsole.warnconsole.debugconsole.dirxmlconsole.group和console.groupEndconsole.a 阅读全文

摘要：HTML DOM complete 属性 定义和用法: complete 属性可返回浏览器是否已完成对图像的加载。 如果加载完成，则返回 true，否则返回 fasle。 语法: imageObject.complete Image onload 事件 定义和用法: onload 事件在图片加载完成 阅读全文