- 博客(9)
- 收藏
- 关注
原创 页面元素尺寸实例演示
很长一段时间对页面的各种尺寸一直迷迷糊糊,客户区尺寸、偏移尺寸、滚动尺寸、屏幕尺寸,各种尺寸各种定位都有差别,下面我们就通过几个实例来分析一下它们分别是什么含义,以及不同css设置对它们产生的影响。0 前言body引用: document.body document.getElementsByTagName('body')[0] (兼容性写法) html引用: document.docume
2017-08-19 13:54:33
346
原创 前端开发环境搭建 node+webpack+babel+js压缩
记录前端继承开发环境的配置步骤,使用到npm + node + webpack + babel + js压缩工具,完成前端项目创建+插件下载+模块化开发+压缩打包测试。1 安装node+npm可以直接去node官网下载node然后安装,网上有很多教程所以不再介绍,这篇文字主要写开发环境的配置 安装完成后输入node -vnpm -v查看版本号确认是否安装成功 此外因为npm镜像是在国外,所以使
2017-08-15 19:18:08
2067
原创 前端笔试面试题整理
前端笔试面试题整理先放几个不错的链接: Web前端面试题目及答案汇总HTML/浏览器1. 页面渲染过程 a. 浏览器把获取到的HTML代码解析成1个DOM树,HTML中的每个tag都是DOM树中的1个节点,根节点就是我们常用的document对象。DOM树里包含了所有HTML标签,包括display:none隐藏,还有用JS动态添加的元素等。 b. 浏览器把所有样式(用户定义的CSS和
2017-08-10 22:21:44
528
原创 2017-08-03 面试记录(铃声多多)
2017-08-03 面试记录(铃声多多)公司:北京多宝灵动科技有限公司(铃声多多) 成立时间:2012 类型:创业公司 地址:北京市海淀区学清路甲38号10层1008室(地铁六道口站B口金码大厦1008-1009) 主营业务:铃声APP,前端主要负责微信平台提供接入的手机铃声、音乐相册等模块,日PV 50万 技术栈:无前端框架,服务端php,数据库MongoDB,Redis管理缓存 面
2017-08-10 13:16:31
667
1
原创 读书笔记 — 《高性能JavaScript》4-8章
第4章 算法和流程控制内容:程序算法和流程优化,包括优化循环、递归等等知识点:js有四种循环类型:for(var i=0; i10; i++) {}; //初始化、前测条件、后执行体、循环体while() {} //前侧条件、循环体do{} while(); //循环体、后测条件for(var prop in object) {}for-in循环所
2017-05-04 18:05:12
325
原创 读书笔记 —《JavaScript权威指南》
读书笔记系列 — 《JavaScript权威指南》传说中的犀牛书,虽然后300页是参照本但真是超厚的硬货!不少人评论就是一本字典~ 我买的是第六版,内容都是JS基础知识,因为出版日期较早所以大多参照ES3/ES5标准。会在这儿记录下自己关注的一些知识点和总结。第2章 词法结构js程序是用Unicode字符集编写的,Unicode使ASCII和Latin-1的超集,并支持地球上几乎
2017-05-01 23:31:52
381
原创 CSS像素、设备独立像素、设备像素之间关系
CSS像素、设备独立像素、设备像素,三者联系紧密又有很大的区别,而我们主要是在做移动端开发的时候需要更多地用到这些概念,那他们分别是指什么呢?概念CSS像素(CSS Pixel):适用于web编程,指的是我们在样式代码中使用到的逻辑像素,是一个抽象概念,实际并不存在设备独立像素(Device Independent Pixel):与设备无关的逻辑像素,代表可以通过程序控制使用的
2017-04-25 16:09:55
507
1
原创 iframe监听鼠标点击事件
iframe监听鼠标点击事件需要实现的页面逻辑是: 1. 点击父窗体中按钮,显示侧边栏; 2. 点击页面其他区域(iframe)可以隐藏侧边栏先构造页面文档结构:<html> <body> <aside id="sidebar"> <%--这是需要隐藏的侧边栏--%> </aside> <button><%--点击按
2017-04-25 16:03:34
17125
1
原创 欢迎使用CSDN-markdown编辑器
Vue笔记VueX一个简单的vue计数器应用new Vue({ // state data () { return { count: 0 } }, // view template: ` <div>{{ count }}</div> `, // actions methods: { increment () {
2017-04-19 18:05:47
196
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人