20171203 前端开发日报

SegmentFault 技术周刊 Vol.38 – 神奇的 CSS;前端工程师的 CI 进阶之路;【JavaScript从入门到精通】第十九课;7 款前端开发者重制的经典游戏 总有一款能让你回味童年时光;CSS自适应导航菜单;JavaScript学习笔记:视口宽高、位置与滚动高度;再也不学ajax了(二)使用AJAX;Vue.js安装教程

  1. SegmentFault 技术周刊 Vol.38 - 神奇的 CSSCSS 的全称是 Cascading Style Sheets,即层叠样式表, 是一种样式表语言,用来描述 HTML 或 XML(包括如 SVG、XHTML 之类的 XML 分支语言)元素所呈现的样式。 “层叠”即表示允许以多种方式来描述样式,一个 HTML...
  2. 前端工程师的 CI 进阶之路 女主宣言 本文的作者为奇舞团前端工程师怡红公子,他是基于ThinkJS 开发的高人气开源博客平台 Firekylin (over 1.2k Stars) 的作者,今天他分享的是使用 Drone.io 取代 travis-ci 做日常开发持续集成工作的经验。本文最先发布于怡红院落,转载已获取作者授权。 PS:丰富的一线技术、多元化的表现形...
  3. 【JavaScript从入门到精通】第十九课 第十九课-JS运动中级 前面的学习已经让我们掌握了很多运动相关的知识,也构造出了自己的运动框架,当然,它离真正的完成版运动框架还有很远的距离。 链式运动框架 在我们讲解链式运动框架时,我们需要讲解一下什么是回调函数。在我们之前的一个运动函数startMove中,如果我们再添加一个参数,而且该参数是一个函数...
  4. 7 款前端开发者重制的经典游戏 总有一款能让你回味童年时光 玩游戏是人类的天性之一。在游戏的过程中,除了愉悦我们的身心,还能收获到满满的成就感。然而总有一些长盛不衰的经典游戏,让我们难以忘怀。即使现在看来,那游戏的画面可谓“惨不忍睹”了,但它们却陪伴我们度过了最美好的童年时光,带给我们无限的欢乐,并成为了今日的经典。
  5. CSS自适应导航菜单】本文教程旨在教你如何创建一个使用HTML5+CSS的自适应导航菜单,它不需要用到javascript,而且可以居左,居中和居右,这个菜单不是通过点击显示的,它是鼠标滑过的时候显示出来的,并且兼容各种浏览器包括手机客...详情→ #前端开发博客# ​​​
    CSS自适应导航菜单
  6. JavaScript学习笔记:视口宽高、位置与滚动高度 在很多场景下我们需要通过JavaScript来获取视口或DOM元素的大小、位置以及滚动高度。最常见的一个效果,导航吸顶的一个效果。那么今天就来学习这方面相关的知识。 window 和 document 在开始了解视口宽高、位置和滚动高度相关的知识之前,先简单的来了解 window 和 document 。在学习新的API之前,我都喜欢在调式...
  7. 再也不学AJAX了(二)使用AJAX在上一篇文章中我们知道,AJAX是一系列技术的统称。在本篇中我们将更进一步,详细解释如何使用Ajax技术在项目中获取数据。而为了解释清楚,我们首先要搞清楚我们是从哪里获取数据的,其次我们关注的才是获取数据...
  8. Vue.js安装教程 安装 node.js (网址: https://nodejs.org/en/ )。 基于 node.js ,利用淘宝 npm 镜像安装相关依赖。在 cmd 里直接输入: npm install -g cnpm –registry=https://registry.npm.taobao.org ,回车,等待安装。 安装全局 vue-cli 脚手架,用于帮助搭建所需的模板框架,在 cmd 里 输入: cnpm inst...
  9. 使用webpack/ redux+webpack 开发大型 web 项目时如何按需加载 来源: GitBook 作者: 爱死费崇政 题外话 经验尚浅,尚不足以教导,若理解有误,望能指导三分,语言若有偏激,请理解我年轻气盛。 之所以写这篇文章,是因为我最近一阵子经历了一个部门的技术选型->项目实施这些技术->二次技术选型->技术版本升级的一个过程。开发业务应用为主的我们,很少有时间...
  10. 巧用 Git 钩子 以前听学长提过Git钩子,但是自己一直没有仔细了解过,记得我还写过一个github更新的Python包,现在想想其实用自带的钩子就能很好的完成 什么是钩子? 我们知道Git是迭代式开发工具,我们的开发流程都是git add、git commit,git push,钩子呢就是你完成每一步Git给你的“回调”,举个例子假如你想让服务器...
  11. 浅谈Fetch 参考: developers.google.com/web/updates… 现在可能还有一些很旧的程序还在使用XHR,类似下面的写法: const request = new XMLHttpRequest() request.responseType = 'JSON' request.open('GET', '/url', true) request.onload = () => { console.log(request.response) } request.onerror = () =>...
  12. [web前端性能优化]性能优化只有三步,你了解吗 关于前端的性能优化,每次提到这个词大家都有很多idea。现在静下来思考下我们用到的各种手段最终可以归纳为三步 一,关键资源字节数 字节数也就是我通常说的减少资源文件(js,css,image,video...)的大小 1,压缩 前端使用uglify混淆压缩
  13. 20171202 前端开发日报】如何用 CSS 修出好看的照片;开发更好用的 JavaScript 模块;你还要我怎样的JS系列(4) — 作用域链;HTTPS的协议需求与密钥交换过程;自己动手做一个识别手写数字的 Web 应用(四);Typescript 构建命令行工具...详情→ ​​​
    20171202 前端开发日报
  14. GET和POST的区别】1. GET是从服务器上获取数据,POST是向服务器传送数据。2. GET是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到。post是通过HTTP post机制,将表单内各个字段...详情→ #前端开发博客# ​​​
    GET和POST的区别
  15. 大型网站的 HTTPS 实践:基于协议和配置的优化 作者 | 百度HTTPS技术支持团队 百度已经上线了全站 HTTPS 的安全搜索,默认会将 HTTP 请求跳转成 HTTPS。百度 HTTPS 性能优化涉及到大量内容,在前端页面、后端架构、协议特性、加密算法、流量调度、架构和运维、安全等方面都做了大量工作。本系列的文章将对此一一进行介绍。关注 OpenWeb开发者公众号,回复“HTTPS”...
  16. 常见的 JavaScript 内存泄露 本文主要介绍了 JavaScript 几种常见的内存泄露,相信你读完本文会有所收获的。
  17. 深入浅出 Vue 变化侦测原理 一篇很浅显易懂的关于 Vue 变化侦测原理的文章.。
  18. PWA 将带来新一轮大前端技术洗牌? 对 PWA 的发展进行了盘点。“按照当前的发展趋势,PWA 将会带来 Web App 的大量需求,新一轮大前端技术洗牌很可能近在眼前了。”

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

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

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

发表评论

请登录后发表评论: