如何轻松爬取网页数据？；position: fixed失效的奇怪现象；深入理解 Vue Computed 计算属性；避免这些常见的JavaScript错误；10个有趣的Javascript和CSS库-2017年7月；《JSON必知必会》学习笔记（一）；游戏性能优化：budget；一道笔试题引发的思考
-
如何轻松爬取网页数据？ 一、引言 在实际工作中，难免会遇到从网页爬取数据信息的需求，如：从微软官网上爬取最新发布的系统版本。很明显这是个网页爬虫的工作，所谓网页爬虫，就是需要模拟浏览器，向网络服务器发送请求以便将网络资源从网络流中读取出来，保存到本地，并对这些信息做些简单提取，将我们要的信息分离提取出来。 …
-
position: fixed失效的奇怪现象最近一直在开发FreeNG UI框架。在开发富文本编辑器时，发现了一个奇怪的现象，那就是设置全屏(position: fixed)时，发现效果却如position: absolute ；而不是基于可视区定位。 最近一直在开发FreeNG UI框架。在开发富文本编辑器时，发现了一个奇怪的现象，那就是设置全屏(position: fixed)时，发现效果却如position: absolute ；而不是基于可视区定位。 代码如下： .fullscreen { &nbs
-
深入理解 Vue Computed 计算属性Computed 计算属性是 Vue 中常用的一个功能，但你理解它是怎么工作的吗？ 拿官网简单的例子来看一下： {代码…} {代码…} Situation Vue 里的 Computed 属性非常频繁的被使用到，但并不是很清楚它的实现原理。…
-
避免这些常见的JavaScript错误 在今天，JavaScript是最流行的编程语言之一，如果你希望钻研JavaScript，这里有几个需要避免的问题 1.使用==而不是=== 在刚开始学习JavaScript时，这是初学者最容易犯的错误。==会将类型转换，而===却不会。 // ==的例子 1 == “1” // true “/t” == 0 // true “34” == 2 // false n…
-
10个有趣的Javascript和CSS库-2017年7月 10个有趣的Javascript和CSS库-2017年7月 helloweba.com 时间： 2017年07月29日 10:42 标签：javascript css 本月收集整理了10个前端用到的有趣的动画引擎库，实用的CSS UI库，以及用于构建3D效果、虚拟现实VR体验的框架库等解决方案，希望广大前端开发者喜欢。 Popmotion Po…
-
《JSON必知必会》学习笔记（一）什么是JSON JSON全称是Javascript Object Notation（对象表示法），是一种在不同平台间传递数据的文本格式（数据交换格式）。常见的数据交换格式有XML、JSON两种，我们主要研究JSON。 数据交换格式十分重要，开发…
-
游戏性能优化：budget 性能预算（performance budget）是指根据游戏类型、上市时间为游戏定位目标机型和设置性能目标。在开发早期，制定美术效果目标、美术制作规格、技术选型，同时，在整个项目生命期中，对性能进行管理控制，反复优化来实现目标。 制定美术效果和性能目标 在制定美术效果和性能目标要考虑的因素很多，主要分为: 游戏类型不…
-
一道笔试题引发的思考前两天做了一份笔试题：按照执行顺序列出下面代码的打印内容 {代码…} 可能有些小朋友会被里面那个立即执行函数吓傻。没关系，先看答案，整段代码输入浏览器，输出如下： The Object The Window The Object The …
-
《深入理解ES6》笔记—— JavaScript中的类class（9） ES5中的近类结构 ES5以及之前的版本，没有类的概念，但是聪明的JavaScript开发者，为了实现面向对象，创建了特殊的近类结构。 ES5中创建类的方法：新建一个构造函数，定义一个方法并且赋值给构造函数的原型。 ‘use strict’; //新建构造函数，默认大写字母开头 function Person(name) { this.name = name; } //定…
-
定时器（setTimeout）的秘密 setTimeout()是大家再熟悉不过的定时器，但平时对定时器的了解甚少，于是想看看setTimeout()的原理机制。 setTimeout()基础 setTimeout()函数用来指定某个函数或某段代码，在多少毫秒之后执行。它返回一个整数，表示定时器的编号，以后可以用来取消这个定时器。 var timeer = setTimeout(function|code,delay); …
-
事件的捕获、冒泡和委托事件捕获、事件冒泡、事件委托，这三个相似又不尽相同的术语把我搞懵了很长一段时间，今天专门抽时间挨个看了一遍。 首先，是那个闻名遐迩的图 事件捕获和事件冒泡是事件流机制层面的东西，不以代码的意志为转移…
-
记一次五子棋开发 线上demo： https://a044161.github.io/fir/ 这次开发中采用的是自己还未完成的一个脚手架，主要是之前为了给自己的side project来弄的一个，但是还没完善，这次就匆忙的使用上了，在使用的过程中也要遇到一些问题，比如： * 无法直接饮用通过访问目录的方式直接引入index.js，而是要import x from ‘x/index’; …
-
可视化分析js的内存分配与回收 之前写了一篇文章浏览器是怎么看闭包的，发现有些读者对js内存分配与回收懵懵懂懂，理解文章的配图比较费劲，我想主要原因是我的配图省略了一些细节，所以导致大家理解困难。今天专门写一篇关于js内存分配回收的文章，帮助大家理解js代码的内存表示。 数据类型 先唠叨些基本知识： javascript的数据类型分为…
-
从零实现一个简单的 Promise本文参考了Node.js 实践教程 – Promise 实现这个视频，并添加了自己的一些想法。 首先来看 Promise 的构造： {代码…} 下面我们来实现它： {代码…} 第二步，实现 then 方法： {代码…} {代码…} 第三步，在 …
-
为了vue-cli spa项目优化首屏所做的事情第一次写 vue spa项目，但是在实践的过程发现了很多坑，这篇文章主要讲述的是spa项目首屏加载过慢的大坑。在webpack的配置中，在打包的过程中，会将所有的库都打包到vendor.js中，所以导致了vendor.js这包过大，…
-
一个高度可定制的vue modal插件 modal 是前端开发中普遍且高频的组件之一，很多UI框架中都会实现modal 来增强实践中的交互，但是都没有达到我想要的，因为开发管理后台类页面时modal 形式多变，而且会相互嵌套，这样的话对可定制性有很大的要求
-
使用Angular4动画为页面添彩原文：Angular — Supercharge your Router transitions using new animation features (v4.3+) 首先我们看一下效果展示的demo Basic Variation Stagger Final 样例 为了介绍这个新的动画，我们将用一个只有home和…
-
React Native 升级经验 本文主要分享Android和iOS端升级RN到0.44.0版本的经验。 今天收到一封不知来自哪个国家的友人的感谢邮件，说是我之前的一篇文章帮助到了他，这才看了看自己的博客，发现我真的有很久没分享东西了。毕业一年有余，换了一次工作，一直忙忙碌碌，日子很充实，收获很多，其实真的很想都分享出来，但是周末却总是变得懒…
-
NodeJS+Express遇到的跨域问题项目描述 用Express 搭建的服务开在http://localhost:3000/前端webpack-dev-server 服务开在http://localhost:3001/ 然后从前端页面给后端接口发送删除和更新数据操作时报错如下： {代码…} 概念描述 CORS是一个…
-
2017-07-29 前端日报2017-07-29 前端日报 精选 【译】如何只用CSS制作一个炫酷的加载动画TypeScript – 不止稳，而且快解决input[type=file]打开时慢、卡顿问题如何在你的Vue项目中集成TypeScript【译】一份关于npm的新手指南Media Up…
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
