前端基础
文章平均质量分 51
Skylar_z
一个简单的前端,学hello world,也学how world run
展开
-
50道基础CSS面试题
1 介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的?标准盒子模型:宽度=内容的宽度(content)+ border + padding + margin低版本IE盒子模型:宽度=内容宽度(content+border+padding)+ margin2 box-sizing属性?用来控制元素的盒子模型的解析模式,默认为content-boxcontext-box:W3C的标准...原创 2018-04-08 14:25:04 · 214 阅读 · 0 评论 -
【犀牛书】从犀牛书开始重新认识JavaScript(1)
第一章 Hello JavaScript【概念】网页 script元素 document对象 JavaScript对象 JavaScript函数 事件句柄(浏览器提供的底层对象模型,事件句柄可以将函数与某个特定事件结合起来,当事件触发,就会执行该函数中的脚本。) ECMAScript Jscript VBScript MIME编码 language属性 chars...原创 2018-03-28 10:31:44 · 973 阅读 · 0 评论 -
node.js初识
原文:http://mp.weixin.qq.com/s/aNCjOCMLVMwkpWwnCOuKqA标题:为什么要使用Node.js 作者:bestswifter以下是以个人方式对该篇文章的理解【概念】 在线多人协作工具,长连接,并发数(c10K c10M ), fork , FastCGI,进程池,线程池,协程,非阻塞I/O,I/O多路复用技术,轮询,select,epoll,socket...原创 2018-04-04 09:36:21 · 134 阅读 · 0 评论 -
CSS核心概念 containing block
包含块简介在 CSS2.1 中,很多框的定位和尺寸的计算,都取决于一个矩形的边界,这个矩形,被称作是包含块( containing block )。<div> <table> <tr> <td>hi</td> </tr> </table>&a转载 2018-03-28 22:15:58 · 242 阅读 · 0 评论 -
CSS核心概念Block Formatting Contexts
一、常见定位方案在讲 BFC 之前,我们先来了解一下常见的定位方案,定位方案是控制元素的布局,有三种常见方案:普通流 (normal flow)在普通流中,元素按照其在 HTML 中的先后位置至上而下布局,在这个过程中,行内元素水平排列,直到当行被占满然后换行,块级元素则会被渲染为完整的一个新行,除非另外指定,否则所有元素默认都是普通流定位,也可以说,普通流中元素的位置由该元素在 HTML 文档中...转载 2018-03-29 19:57:47 · 207 阅读 · 0 评论 -
node.js模块化详解
说到node.js的模块化,就不得不提CommonJs规范。在 CommonJS 的规范中,每个 JavaScript 文件就是一个独立的模块上下文(module context),在这个上下文中默认创建的属性都是私有的。也就是说,在一个文件定义的变量(还包括函数和类),都是私有的,对其他文件是不可见的。Node 从 CommonJS 的一些创意中,创造出自己的模块化实现。由于Node 在服务端的...原创 2018-04-05 16:47:19 · 907 阅读 · 0 评论 -
前端工作日记day1
今天入职第一天,正式开始我的程序媛生涯早上简单弄下手续,重新配了一下公司电脑的vscode,发现电脑的前任主人没有清楚cookies,留下了印象笔记的默认登录,而且他的好些账号密码还写在上面了……………………然后发现技术团队里好几个还没毕业的小学弟(老了…………)中午吃饭终于吃到了久违的食堂的味道,感觉还挺不错的。大佬交代了一个页面,看了一下感觉挺简单……但是真正开始写还是写了好一会。——————...原创 2018-05-16 23:36:53 · 3179 阅读 · 1 评论 -
前端工作日记day2
今天的任务是写这两个页面。纯HTML和CSS,没有写JS,所以比较简单。课表栏的用的还是flex布局,先写整体布局。注意flex作用在子元素,一定要加宽度和高度,不然可能应用不上。 ...原创 2018-05-18 16:42:51 · 1679 阅读 · 1 评论 -
VUE2.0踩坑实况- length undefined??
在最近的一个vue案例里出现了这个问题。后台通过mock数据传递seller.support的数组数据,想通过计算length来显示个数。 <div class="supports-count"> <span class="count">{{seller.supports.length}}个</span> <i class="ico...原创 2018-04-29 19:55:21 · 7623 阅读 · 4 评论