块级元素一定会填充满它的父级元素。一个块级元素由 margin、border-box、padding-box 、content-box嵌套而成。 如果你将块级元素的 box-sizing 属性设置为 content-bo…
分类:前端开发
细说setTimeout
当我最开始接触setTimeout的时候,没觉得这个函数有什么,后来在码代码、面试的过程才慢慢踩中一些坑,然后再去网上找了很多文章来看,发现setTimeout里面的水很挺深。借这篇文章,我希望能够比较全面的展现setT…
js各数据类型的boolean转换规则
boolean转换规则如下 数据类型 转换为true的值 转换为false的值 Boolean true false String 任何非空字符串 “”空字符串 Number 任何非0数字值(包括…
前端面试之 CSS3 新特性
原文链接 除了html5的新特性,CSS3的新特性也是面试中经常被问到的。 选择器 CSS3中新添加了很多选择器,解决了很多之前需要用javascript才能解决的布局问题。 element1~element2: 选择前…
浏览器缓存机制小结
原文地址:justrockit.top web性能优化措施中,合理设置浏览器缓存是重要的优化手段之一,它可以加快页面访问速度和节省用户网络带宽等。 简单介绍下相关概念。 Expires 和 Cache-Control E…
vue项目的跨域设置
在前端开发中,“跨域”是绕不过去的,了解跨域之前,先要知道浏览器的同源策略 同源策略:请求的url地址,必须与浏览器上的url地址处于同域上,也就是域名,端口,协议相同。 当你的请求地址和浏览器上的url地址不一样的时候…
你感兴趣的网站是用啥搭建的?
热爱 IT 技术的朋友们总会有各种各样自己感兴趣的网站。不过所谓“外行人看热闹,内行人看门道”,普通用户可能是被网站漂亮的外观、流畅的体验吸引,而专业的开发者更多地会想着其背后实现的技术。 想了解更多幕后故事,马上进入今…
使用Restify+superagent做数据转发
最近为了解决跨域问题,做了一个Node数据转发服务器,使用到了Restify和superagent。 Restify 是nodejs的模块。虽然restify的API或多或少的参考了express,但restify不是一…
又一个文字垂直居中
今天看到一个解决文字垂直居中的demo,无论从扩展性还是周围影响性,都很巧妙且不牵强: .vertical { position: relative; top: 50%; transform: translateY(-5…
JS里的数组
本篇文章将简要介绍一下数组的定义及其相关属性的用法。 一.数组的定义: 数组(array)是按次序排列的一组值。本质上,数组…
JavaScript中数组的操作
总结一下项目中常用的数组的操作 如有不对的地方,欢迎指出 抱拳了 concat concat 会合并两个数组 const arr = [5, 17, 6, 8] const arr1 = [5, 17, 6, 8, 6,…
基于ES6的tinyJquery
原文地址:Bougie的博客 jQuery作为曾经Web前端的必备利器,随着MVVM框架的兴起,如今已稍显没落。但它操作DOM的便利性无出其右。我用ES6写了一个基于class简化版的jQuery,包含基础DOM操作,支…