20180104 前端开发日报

前端真的能做到彻底权限控制吗?;使用 web 应用打包工具 Parcel 实现代码分割;JavaScript30秒, 从入门到放弃之Array(三);webpack多页面打包;教你用NodeJs+express玩跳一跳;Go 语言高级编程(GitBook);2018 年最值得关注的 JavaScript 趋势;React Native Expo开发的OW移动端项目

  1. 前端真的能做到彻底权限控制吗?有一天突然想到一个问题,web端的权限控制:1.真的能控制权限吗?2.仅仅靠前端,能不能做到真正的权限控制?3.如果需要后台配合,应该如何配合?可能这是一个老生常谈的问题,但还是想整理下,有误的地方望大家指...
  2. 使用 web 应用打包工具 Parcel 实现代码分割 代码分割可谓是当今 web 开发中很热门的话题。今天,我们将探索如何使用 parcel 轻松地实现代码分割。 什么是代码分割? 如果你对它很熟悉,那么你可以跳过这部分。不然的话,还是接着往下看吧。 如果你使用过 JavaScript 框架进行前端开发的话,那么最后肯定会打包成一个很大的 JavaScript 文件。可能因为你写的...
  3. JavaScript30秒, 从入门到放弃之Array(三) Flattens an array up to the specified depth. Use recursion, decrementing depth by 1 for each level of depth. Use Array.reduce() and Array.concat() to merge elements or arrays. Base case, for depth equal to 1 stops recursion. Omit the second element, depth to fla...
  4. webpack多页面打包 简介 我们开发不可能只写一个页面,每次都要写很多页面,这时为了开发效率,我们使用前端自动化工具webpack,那么webpack是如何打包页面的呢?又是如何打包多页面的呢? 单页面打包 我们知道要打包单页面的方法,很简单,配置入口,和h
  5. 教你用NodeJs+express玩跳一跳 2017年12月28日下午,微信发布了 6.6.1 版本,加入了「小游戏」功能,并提供了官方 demo「跳一跳」。 插画风格的益智游戏,玩家可以通过按压屏幕时间的长短来控制这个「小人」跳跃的距离… github.com/WoeOm/you_j… jump on
  6. Go 语言高级编程(GitBook) 本书针对Go语言有一定经验,想深入了解Go语言各种高级用法的开发人员。 作者:柴树杉 (chai2010, chaishushan@gmail.com) 网址:https://github.com/chai2010/advanced-go-programming-book 在线阅读 https://www.gitbook.com/book/chai2010/advanced-go-programming-bo...
  7. 2018 年最值得关注的 JavaScript 趋势 编者按:JavaScript渗透的范围越来越广,它能做的事情已经远不止前端开发而已。不久前stateofjs.com刚刚发布了 2017 JavaScript现状报告 ,现在Ryan Chartrand非常应景地推出了 2018年的JavaScript发展趋势 ,把这两份文章一起结合来看,相信作为JS开发者的你一定不再迷茫。 去年,有50000人对JavaScript的 上...
  8. React Native Expo开发的OW移动端项目 ios演示 开源地址 GitHub Gitee 项目地址 Andorid 版 Android Expo 版(需 Expo 移动端(Android/iOS)) Expo 简介 项目基于Expo的 React Native 构建技术。 Expo 是一个围绕
  9. 20180103 前端开发日报】JavaScript变量提升的相关讨论;2018 年 Web 发展趋势预测;前端项目重构的些许收获;基于HTML5陀螺仪实现ofo首页眼睛移动效果;深入理解React源码 – 首次渲染 I;从 React 到 Reason;JavaScript 中数组操作注...详情→ ​​​

    20180103 前端开发日报
  10. 使用纯 CSS 实现 Google Photos 照片列表布局 使用纯 CSS 实现 Google Photos 照片列表布局 文章太长,因为介绍了如何一步一步进化到最后接近完美的效果的,不想读的同学可以直接跳到最后一个大标题之后看代码、demo及原理就好,或者也可以直接看下面这个链接的源代码。 不过还是建议顺序读下去,因
  11. 使用Promise解决多层异步调用的简单学习 #前言 第一次接触到Promise这个东西,是2012年微软发布Windows8操作系统后抱着 作死 好奇的心态研究用html5写Metro应用的时候。当时配合html5提供的WinJS库里面的异步接口全都是Promise形式,这对那时候刚刚毕业一点javascript基础都没有的我而言简直就是天书。我当时想的是,微软又在脑洞大开的瞎捣鼓了。 结果...
  12. 来自 CodePen 的七款最强前端代码效果体验 众所周知,Codepen是在线前端特效代码分享网站之一, 在这篇文章里,姥爷我收集了一套最强前端的代码效果, 希望大家喜欢哈~ 星战角色 这个前端效果使用了前端代码生成了一套不同的星战角色, 大家只需要通过缩放窗口即可看到不同角色 CSS生成的立体小车 这个demo使用纯CSS实现了一量可以动...
  13. redux-form性能优化 最近项目中使用redux-form遇上性能瓶颈, 需要100行以上联动表单变得极其卡 原因 组件过多渲染导致! 更改一个输入框导致所有输入框都重新渲染。 解决思路 Field 使用 PureComponent 减少不必要的渲染[如果无效用should
  14. vue、react等单页面项目应该这样子部署到服务器最近好多伙伴说,我用Vue做的项目本地是可以的,但部署到服务器遇到好多问题:资源找不到,直接访问index.html页面空白,刷新当前路由404。。。现在我们一起讨论下单页面如何部署到服务器? 由于前端路由缘故,单...
  15. 自己实现JSON、XML的解析 没那么难 本文的目的,不是针对现有的可用于生产环境的JSON、XML解析器源码进行剖析,而是介绍文本扫描的基础方法next(char),并以此为核心武器,根据目标语言的词法和语法特点,一步步地组织出条例清晰、易维护的解析器代码。希望这会是一篇实践性强,让您有所收获的文章
  16. 【vuejs项目部署】使用docker基于daocloud自动化部署到自己的主机在前端开发中,部署项目是我们经常发生的事情 如果在你的公司中,项目部署需要你来负责,怎么优雅无痛的让你的项目自动上线在之前的文章中,写过几篇关于项目上线的方式,大家可以翻阅这个专栏去看。今天主要讲怎...
  17. webpack优化不完全指南 最基本的一个webpack配置 const webpack = require('webpack'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const ExtractTextPlugin = require('extract-text-webpack-plugin'); module.exports = { entry: __dirname + "/app/main.js", //已多次提及的唯一入口文件 out...
  18. WEB 即时通信最佳实践》在HTML5出现之前,没有一个官方的办法可以做到真正意义上的基于web的通信方案。 (by 火头军人/唐谢军 ) ​​​

    WEB 即时通信最佳实践
  19. React系列——封装一个Portal可复用组件Portal简介 使用了React16+的你,对Portal至少有所了解或者熟练使用。Portal可以创建一个在你的root元素之外的DOM。1、通常你的网站只有一个root {代码...} 2、使用Portal之后,可以变成下面这样 {代码...} Porta...
  20. 深入理解React源码 - 首次渲染 II to by Jez Timms on Unsplash 这次先发汉化版 在上一篇中我们分析了整个渲染流程的前奏,即从一个JSX表达式到ReactCompositeComponent的生成过程。最后我们讨论到batchedMountCompone
  21. react-aomini(第三弹),赢在小巧,性能方面,干翻react-redux还是可以的 到目前为止,react-aomini最大的特点就是简单粗暴(react-aomini是个人写的一个谈不上框架的小框架,不了解的可以看看我之前写的两篇博文,react-redux?mobx?或许我需要更加小巧玲珑的和小巧玲珑的react框架(第二弹)正式命名--
  22. 深入理解React源码 - 简单组建渲染 II (英文)
  23. WKWebView与Js实战(OC版) 本篇文章教大家如何使用WKWebView去实现常用的一些API操作。当然,也会有如何与JS交互的实战。 效果图 通过本篇文章,至少可以学习到: OC如何给JS注入对象及JS如何给IOS发送数据 JS调用alert、confirm、prompt时,不采用JS原生提示,而是使用iOS原生来实现 如何监听web内容加载进度、是否加载完成 ...
  24. webpack实用小功能 上一次分享了vue2-webpack3,大多都是一些基础的内容,本期继续分享一些webpack比较实用的功能 1.overlay overlay属于devServer的属性,配置案例如下: devServer: { overlay: { errors: true, warnings: true } } 配置很简单,那它的作用是什么呢?overlay的作用是可以在浏览器打开的...
  25. 原生 JS实现一个简单分页插件 最近做的一个 PC 端的需求,这个需求中有一个小点,页面底部有一块列表区域,这个列表的数据量比较大,需要进行分页控制,切换页码的时候,发送一个 ajax 请求,在页面无刷新的情况下,实现列表数据的刷新,所以就涉及到了前端分页功能,到网上看了一圈,发现那些开源的相关插件要么有各种依赖,要么太复杂用不上,要么...
  26. iOS WebviewJavascriptBridge 源码研读笔记 这两天接近元旦,事情稍微少些,有些时间,索性写点什么,就从最擅长的iOS混合开发写起了,由于iOS开发经验不到四年吧,期间还搞了一年半的前端,有些知识可能还是积累的不足,能力不足,水平有限,可能有谬误希望各位读者发现的话及时指正,感激不尽。 至于 WebviewJavascriptBridge 的介绍,此处不再啰嗦了,既然能...

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

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

原文:20180104 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20180104.html)