20170730 前端开发日报

如何轻松爬取网页数据?;position: fixed失效的奇怪现象;深入理解 Vue Computed 计算属性;避免这些常见的JavaScript错误;10个有趣的Javascript和CSS库-2017年7月;《JSON必知必会》学习笔记(一);游戏性能优化:budget;一道笔试题引发的思考

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

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原创文章:20170730 前端开发日报 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/fe-daily-20170730.html)
评论已关闭。