近几年,CSS领域出现了一些复杂的专用布局工具,用以代替原有的诸如使用表格、浮动和绝对定位之类的各种变通方案。Flexbox,或者说是弹性盒子布局模块(Flexible Box Layout Module)是这些新布局工…
标签:前端开发
文本在div中水平垂直居中
****让文字在div中水平居中**** <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &l…
谈谈前端渲染 VS 后端渲染
看看下面的测试时间,单位: ms 模板字符串: var s = '{{#datas}}{{name}} abcdefg {{type}} {{date}}{{/datas}}'; 数据对象: 放入100000行数据 va…
【BAT后台入门】写在前面的话
“BAT后台入门”这个系列课程,主要是为了帮助对互联网后台开发有兴趣的你,了解一线互联网公司的后台开发岗位。希望通过你自身的努力,并结合课程的引导,获得有胜任BAT普通后台开发工程师的能力。 给我这个灵感的是来Offer…
Vue2 源码分析
源码版本:v2.1.10 分析目标 通过阅读源码,对 Vue2 的基础运行机制有所了解,主要是: Vue2 中数据绑定的实现方式 Vue2 中对 Virtual DOM 机制的使用方式 源码初见 项目构建配置文件为 bu…
CSS布局-网页的布局方式
1.什么是网页的布局方式? 网页的布局方式其实就是指浏览器是如何对网页中的元素进行排版的,有三种: 1.标准流(又叫文档流/普通流) 2.浮动流 3.定位流 1.标准流(文档流/普通流)排版方式 1.1其实浏览器默认的排…
前端性能优化
一、前言 网页生成的过程: 要理解网页性能为什么不好,需要先了解网页是怎么生成的。 网页生成过程,大致分为五步: 1.HTML代码转化成DOM 2.css代码转化成CSSOM(css object model) 3.结合…
学好js,这些js函数概念一定要知道
函数创建方式### 1.声明方式 例如:function consoleTip (){ console.log("tip!"); } 2.表达式方式 例如:var consoleTip = function(){ co…
每周技术分享第三周(6-8)
一、 技术 计算器的四则运算算法,前几天在看自己之前写过的一些小项目,看到了大三写的简易计算器,主要是实现四则运算和基本的归零操作。大概思路是把整个项目分成两大块,即显示部分和运算部分。首先捕捉鼠标按下的事件,获取按下的…
ajax的同源策略
问题 之前帮忙做的广告机器人数据提交的部分,利用ajax的XMLHTTPRequest提交到服务器的时候总是报错,错误类型是不同源。想到浏览器中的同源策略,明白了问题的原因。 同源策略 简单的说,就是浏览器不允许两个不同…
JS学习笔记——浅拷贝与深拷贝
基础类型与引用类型 五大基础类型 Underfied Null Boolean Number String 他们是固定大小的数据,存在栈中,按值传递。 let a = 1 let b = a // �b拷贝a conso…
z-index
关于z-index应该注意的几点: 1.只有定位了的元素才能使用z-index 2.浮动元素不能使用z-index 3.z-index没有单位,默认为0。若设置了z-index为负数,则元素会处在body层之下,出现无法…