JavaSciipt之DOM（一）：获取页面元素·搞懂五点即可
白龙网指出，文档页面由上往下加载，所以要先有标签，再有JS，即JS放到文档的最后面。或者给window添加事件load，让页面所有内容加载完毕，或者DOM加载完毕之后，再执行JS。...
Css3与Css5开发环境下清除默认样式的通用代码
前端开发前，首先要准备的就是样式相关的工具，譬如css消除默认样式的代码，测量样式大小的像素大厨等工具，PC端、移动端与响应式相关内容的准备。...
JavaScript内置对象：数学对象、日期对象、数组对象、字符串对象
JavaScript常用的内置对象有数学对象、日期对象、数组对象、字符串对象等，白龙网学习其它内置对象，都是从MDN文档或者W3C上去查找学习的。...
JavaScript中数组、函数、对象的创建、访问与遍历
这段时间，白龙网重复回顾了数据的2种创建方法、追加元素，以及如何访问、遍历元素。另外，还复习了函数的声明、调用以及形参的玩法。同时，对再次使用对象实现的计算器的功能，对于对象的三种创建方法、三种访问技巧，学会了综合运用。...
JavaScript流程控制：顺序结构、分支结构、循环结构
对于JS流程控制，与C语言的流程控制如出一辙。白龙网从顺序结构、分支结构、循环结构三个层面展开复习。顺序结构不用多数，按照先后顺序执行即可。宏观上说，分支结构有if分支、三元运...
JavaScript的概念、变量、数据类型、运算符
白龙网研发发现，浏览器本身决不会执行JS代码，而是通过内置的JS引擎解释器来执行JS代码，JS引擎逐行解释每一句源码（转换为机器语言），然后让计算机去执行。因此，JS语言归为脚本语言，会逐行解释执行。...
移动适配的2种方法与响应式站5大开发技巧
白龙网发现，媒体查询是根据不同的视口宽度，执行不同的CSS。它是由关键词@media、视口宽度（width:30px）、样式{选择器:{}}等三部分组成。手机屏幕大小不同，分辨率不同，可以使用媒体查询来...
FLEX布局要搞明白：主轴侧轴与行的对齐方式以及强制换行换方向
白龙网指出，屏幕分辨率是以a*b这种形式展示的，单位是px，表示宽度为a像素，高度为b像素；分为物理分辨率（出厂设置好的，无法改变的）、逻辑分辨率（可由软件驱动设置的）两种。就PC端而言，也可以理解为默认的是物理分辨率，用户自己设置的是逻辑分辨率。例如，谷歌浏览器上的手机模拟器上显示的iphone6、7、8分辨率375*667，它就是个逻辑分辨率，一般来说，物理分辨率...
css3走马灯动画效果·会用其7个参数即可
白龙网特别提醒，动画要先定义（关键词、花括号、从A到B），后使用（关键词：动画名称 动画时间，两个参数之间用空格隔开）。可以定义两个状态之间的转换（from/to），也可以定义多个状态之间的转换（百分比）。...
CSS3高级效果之空间转换：位置、旋转、缩放
白龙网认为，空间转换，也叫3D转换，通过X/Y/Z轴三个方向改变盒子的位移、旋转、绽放等形态，Z轴与视频的方向相同，正值指向自己。属性亦然是transform。...
CSS3高级效果之平面转换：位置、旋转、缩放、渐变
在白龙网看来，字体图标展示的是图片，本质上是字体，主要用来处理简单的图片效果，复杂的图标还是要用精灵图实现。灵活性（可修改字体、尺寸等样式）、兼容性（支持主流浏览器）、轻量级（体积小，渲染快）、使用方便（下载字体，使用图标）。...
前端开发九条经验·助力码农高效搬砖
白龙网在使用pxcook测量psd文件外边距时，一般要在开发模式下进行，分两种情况，以元素A为参照物，如果要测试元素A到元素B之间的距离，我们要把这个外边距放到元素A上，那么首先要选中A元...
CSS搞明白11大技能·开发企业站手到擒来
在白龙网看来，CSS是层叠样式，引入方式有3种，一是内嵌式，css写在style材中，理论上说style标签可以放在网页的任意位置，但是往往style标签会放在head标签下；二是外联式，css写入外部CSS文件...
重温九类html标签·细化30个标签功能属性
趁着有空，白龙网重新梳理了一下html常用的一些标签及其属性。html常用的标签有9大类，分别是排版标签、格式化文本标签、媒体标签、链接标签、列表标签、表格标签、表单标签、语义化标签...
JavaScripit修改打印标签内子元素的内容、属性、样式
白龙网认为，使用JavaScripit修改、打印元素的内容、属性、样式时，首先要要在文档中找到元素，然后调用相关的属性、方法去实现。...
优秀的前端人员需要具备哪些技能？
在白龙网看来，作为一们前端人员，对必须要全部掌握最新的、最前端的技术，譬如html5，css3，JavaScript，VUE、uniapp等。下面，为大家梳理了一下前端开发人员要掌握的基本技能。...
用Css制作table细线表格
Css border-collapse: collapse制作table细线表格...
JavaScript原型与ES5对象方法
所有JavaScript对象都从原型继承属性和方法。日期对象继承自 Date.prototype。数组对象继承自 Array.prototype。Person 对象继承自Person.prototype。Object.prototype位于原型继承链的顶端。日期对象、数组对象...
JavaScript对象访问器、对象构造器
JavaScript访问器（Getter和Setter），ECMAScript 5 (2009)引入了Getter和Setter。Getter和Setter允许您定义对象访问器（被计算的属性）。使用Getter和Setter，可以提供了更简洁的语法、允许属性和方法的语法相同、确保更好的数据质量、有利于后台工作。...
JavaScript对象及其属性、方法
在JavaScript中，对象是王。如果您理解了对象，就理解了JavaScript。布尔是对象（如果用new关键词定义）、数字是对象（如果用new关键词定义）、字符串是对象（如果用new关键词定义）；日期、算术、正则表达式、数组、函数、对象永远都是对象。...