迎风起-CSDN博客

原创页面元素尺寸实例演示

很长一段时间对页面的各种尺寸一直迷迷糊糊，客户区尺寸、偏移尺寸、滚动尺寸、屏幕尺寸，各种尺寸各种定位都有差别，下面我们就通过几个实例来分析一下它们分别是什么含义，以及不同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

sxqlmc000的博客