20180126 前端开发日报

前端特效06:4D炫酷光影效果;一个只有 99 行代码的 JS 流程框架 (一);在 JavaScript 中,(a ==1 && a== 2 && a==3) 有可能是 true 吗?;web图像优化(5);jsonp-反向代理-CORS解决JS跨域问题的个人总结;Node.js 子进程与应用场景;JavaScript ES6 最值得掌握的5个特性;前后端分离实践:基于vue实现网站前台的权限管理

  1. 前端特效06:4D炫酷光影效果 今天,小编将与大家分享web前端特效荟萃系列第六期,喜欢把玩儿炫酷效果的小伙伴快快看过来^_^ ,希望大家喜欢呦~ 第六期,给大家分享一个使用CSS及javascript实现的4D炫酷光影效果。相关代码如下: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo…
  2. 一个只有 99 行代码的 JS 流程框架 (一) 张镇圳,腾讯Web前端高级工程师,对内部系统前端建设有多年经验,喜欢钻研捣鼓各种前端组件和框架。 最近一直在想一个问题,如何能让js代码写起来更语义化和更具有可读性。 上周末的时候突发奇想,当代码在运行的时候,其实跟我们做事情是类似的,都是做完一步接着下一步,并且这些事情有些是可规划的,有些是需要…
  3. 在 JavaScript 中,(a ==1 && a== 2 && a==3) 有可能是 true 吗? 原链接:https://stackoverflow.com/questions/48270127/can-a-1-a-2-a-3-ever-evaluate-to-true 更多文章参见: https://github.com/elevenbeans/elevenbeans.github.io 一个有趣的问题: 在 JavaScript 中,(a ==1 && a== 2 && a==3)是否有可能为true? 这是一道我被某科技公…
  4. web图像优化(5) 避免使用有损编解码器重新压缩图像 建议始终从原始图像压缩。 重新压缩图像有后果。 假设您使用了已经被压缩的质量为60的JPEG。如果您使用有损编码重新压缩此图像,则会变得更糟。 每轮新一轮的压缩都会引入分代丢失 – 信息将会丢失,并且压缩伪像将开始建立
  5. jsonp-反向代理-CORS解决JS跨域问题的个人总结jsonp-反向代理-CORS解决JS跨域问题的个人总结 网上说了很多很多,但是看完之后还是很混乱,所以我自己重新总结一下。 解决 js 跨域问题一共有8种方法, jsonp(只支持 get) 反向代理 CORS document.domain + if…
  6. Node.js 子进程与应用场景 由于ons(阿里云 RocketMQ 包)基于 C艹 封装而来,不支持单一进程内实例化多个生产者与消费者,为了解决这一问题,使用了 Node.js 子进程。 在使用的过程中碰到的坑 发布:进程管理关闭主进程后,子进程变为操作系统进程(pid 为 1) 几种解决方案 将子进程看做独立运行的进程,记录 pid,发布…
  7. JavaScript ES6 最值得掌握的5个特性 JavaScript ES6 添加了一系列新的语言特性,其中一些特性比其它更具有开创性以及更广的可用性。比如像 ES6 类 这样的特性,虽然新奇,但其实仅仅是在 JavaScript 中创建类的已有方法之上的一种语法糖。而像生成器(generator)这样的功能,虽然非常强大,但却是为了针对性的任务所保留的。 从在过去的12个月里所从事…
  8. 前后端分离实践:基于vue实现网站前台的权限管理 Javascript做为当下的热门语言,用途很广泛,从前端到后端处处可见其存在,该技术如今在我们项目内部也大量使用来开发诸如CMS系统以及其他其他一些数据分析系统的前端页面,为此个人非常感兴趣并将其作为帽子卡的扩展内容来进行课余学习。 Jav
  9. HTTP/2 的等待与希望 HTTP/2已经渗入普通人的生活。如果你平时多个心眼,会发现很多网站已经悄然采用了HTTP/2,享受了HTTP/2带来的诸般好处,甚至在一些技术大会上已经有相关的主题分享。 另一方面,大家对它的了解还相当粗浅。从我主持面试的经历来看,在我认为“应当了解HTTP/2”的候选人——不管后端还是前端——当中,大部分人还处…
  10. 实战WebSocket聊天室:从开发到部署上线 本文仅对一些关键性的知识点进行解释,具体请Fork源码学习。 Demo页面如果没啥人的话可以自己新建几个页面复制地址进入,每个页面都是一个独立的访客,兼容PC和移动端访问。 Demo 演示 Github源码 博客原文 前端实现 前端技术栈 Parcel:构建
  11. HTML5 Canvas 数据持久化存储之属性列表正常我们设置属性的时候,属性和属性值的 key value 对应,但是在实际开发中,经常遇到属性值可能需要从多项中选择,这个时候用原生的 HTML5 配合 JavaScript 来实现这个功能会让人非常头疼,我试着用 HT for Web…
  12. 一个老程序员写的:《面向对象的JavaScript编程:原理与实践》 欢迎直接在GitHub上阅读: https://github.com/haitaoxin/jsoo 1. 简介 初衷 笔者早年编写代码使用过 Motorola 68000 和 x86汇编、C/C++、Pascal、Fortran、PowerBuilder、Visual Basic,后来又短暂接触过Java、Python和Swift。最近这些年来使用最多的是JavaScript(正式名称是ECMAScript,本书经常会缩写为JS)…
  13. WebView 深度学习(二):全面总结 WebView 遇到的坑及优化 上篇文章讲到了WebView的基本使用以及Android和js的交互. 这篇文章讲一下WebView遇到的那些坑,带领各位爬坑。这里如果有你没遇到的问题,欢迎留言告诉我,我尽我所能帮你解决。感谢大家支持。 ⇒ 三、WebView的那些坑 (1) 为什么We…
  14. 如何在Vue项目中使用vw实现移动端适配 有关于移动端的适配布局一直以来都是众说纷纭,对应的解决方案也是有很多种。在《 使用Flexible实现手淘H5页面的终端适配 》提出了Flexible的布局方案,随着 viewport 单位越来越受到众多浏览器的支持,因此在《再聊移动端页面的适配》一文中提出了 vw 来做移动端的适配问题。到目前为止不管是哪一种方案,都还存在一定…
  15. JavaScript tips —— 谈谈数组乱序 前言先看一个段代码function randArr (arr) { return arr.sort(() =&gt; { return (Math.random() – 0.5); }); }目的是为了实现给定数组的乱序。利用数
  16. VueJs 监听 window.resize 方法 Vuejs 本身就是一个 MVVM 的框架。 但是在监听 window 上的 事件 时,往往会显得 力不从心。 比如 这次是 window.resize 恩,我做之前也是百度了一下。看到大家伙都为这个问题而发愁。 问题: 今天我
  17. javascript 代理模式(通俗易懂) 所谓的的代理模式就是为一个对象找一个替代对象,以便对原对象进行访问。 使用代理的原因是我们不愿意或者不想对原对象进行直接操作,我们使用代理就是让它帮原对象进行一系列的操作,等这些东西做完后告诉原对象就行了。就像我们生活的那些明星的助理经纪人一样。 我们举一个明
  18. 小而美的backbone本文已同步在我的博客 在这个react和vue如日中天、jquery逐渐被大家抛弃的年代,我还是想要来说一说backbone。 16年6月初,在没有任何前端框架使用经验、js水平也较一般的情况下,被告知需要在几个工作日内搭建完…
  19. 基于vue开发的在线付费课程应用 最近在弄一个付费课程的应用,主要有微信登录,支付和自定义分享,在开发过程中遇到的坑,这里做一下记录 文章主要有以下几点 使用库简介 微信登录解决 微信支付解决 微信自定义分享解决 页面前进后退数据状态解决 使用库简介 使用 vux UI组件库 使用 v
  20. 面向对象的 JavaScript 编程:原理与实践 1. 简介 初衷 笔者早年编写代码使用过 Motorola 68000 和 x86汇编、C/C++、Pascal、Fortran、PowerBuilder、Visual Basic,后来又短暂接触过Java、Python和Swift。最近这些年来使用最多的是JavaScript(正式名称是ECMAScript,本书经常会缩写为JS)。众所周知,JS问世之初是“难登大雅之堂”的小玩意儿,…
  21. 机器学习新框架Propel:使用JavaScript做可微分编程 本文介绍了一种 JavaScript 的机器学习新框架 Propel,该框架技能在 Node 中使用,又能在浏览器中使用。以下是对该框架的使用介绍。 Propel 提供 JavaScript 中的 GPU 后端类似 numpy 的基础设施。JavaScript 作为快速、动态语言,我们认为可以作为所有科学类程序员的理想工作流。 Propel 在浏览器、Node 中都能运行…

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流