20180104 前端开发日报-前端开发博客

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

前端真的能做到彻底权限控制吗？有一天突然想到一个问题，web端的权限控制：1.真的能控制权限吗？2.仅仅靠前端，能不能做到真正的权限控制？3.如果需要后台配合，应该如何配合？可能这是一个老生常谈的问题，但还是想整理下，有误的地方望大家指…
使用 web 应用打包工具 Parcel 实现代码分割代码分割可谓是当今 web 开发中很热门的话题。今天，我们将探索如何使用 parcel 轻松地实现代码分割。什么是代码分割？如果你对它很熟悉，那么你可以跳过这部分。不然的话，还是接着往下看吧。如果你使用过 JavaScript 框架进行前端开发的话，那么最后肯定会打包成一个很大的 JavaScript 文件。可能因为你写的…
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…
webpack多页面打包简介我们开发不可能只写一个页面，每次都要写很多页面，这时为了开发效率，我们使用前端自动化工具webpack，那么webpack是如何打包页面的呢？又是如何打包多页面的呢？单页面打包我们知道要打包单页面的方法，很简单，配置入口，和h
教你用NodeJs+express玩跳一跳 2017年12月28日下午，微信发布了 6.6.1 版本，加入了「小游戏」功能，并提供了官方 demo「跳一跳」。插画风格的益智游戏，玩家可以通过按压屏幕时间的长短来控制这个「小人」跳跃的距离… github.com/WoeOm/you_j… jump on
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…
2018 年最值得关注的 JavaScript 趋势编者按：JavaScript渗透的范围越来越广，它能做的事情已经远不止前端开发而已。不久前stateofjs.com刚刚发布了 2017 JavaScript现状报告，现在Ryan Chartrand非常应景地推出了 2018年的JavaScript发展趋势，把这两份文章一起结合来看，相信作为JS开发者的你一定不再迷茫。去年，有50000人对JavaScript的上…
React Native Expo开发的OW移动端项目 iOS演示开源地址 GitHub Gitee 项目地址 Andorid 版 Android Expo 版(需 Expo 移动端(Android/iOS)) Expo 简介项目基于Expo的 React Native 构建技术。 Expo 是一个围绕
【20180103 前端开发日报】JavaScript变量提升的相关讨论；2018 年 Web 发展趋势预测；前端项目重构的些许收获；基于HTML5陀螺仪实现ofo首页眼睛移动效果；深入理解React源码 – 首次渲染 I；从 React 到 Reason；JavaScript 中数组操作注…详情→
使用纯 CSS 实现 Google Photos 照片列表布局使用纯 CSS 实现 Google Photos 照片列表布局文章太长，因为介绍了如何一步一步进化到最后接近完美的效果的，不想读的同学可以直接跳到最后一个大标题之后看代码、demo及原理就好，或者也可以直接看下面这个链接的源代码。不过还是建议顺序读下去，因
使用Promise解决多层异步调用的简单学习 #前言第一次接触到Promise这个东西，是2012年微软发布Windows8操作系统后抱着作死好奇的心态研究用html5写Metro应用的时候。当时配合html5提供的WinJS库里面的异步接口全都是Promise形式，这对那时候刚刚毕业一点javascript基础都没有的我而言简直就是天书。我当时想的是，微软又在脑洞大开的瞎捣鼓了。结果…
来自 CodePen 的七款最强前端代码效果体验众所周知，Codepen是在线前端特效代码分享网站之一，在这篇文章里，姥爷我收集了一套最强前端的代码效果，希望大家喜欢哈~ 星战角色这个前端效果使用了前端代码生成了一套不同的星战角色，大家只需要通过缩放窗口即可看到不同角色 CSS生成的立体小车这个demo使用纯CSS实现了一量可以动…
redux-form性能优化最近项目中使用redux-form遇上性能瓶颈，需要100行以上联动表单变得极其卡原因组件过多渲染导致! 更改一个输入框导致所有输入框都重新渲染。解决思路 Field 使用 PureComponent 减少不必要的渲染[如果无效用should
vue、react等单页面项目应该这样子部署到服务器最近好多伙伴说，我用vue做的项目本地是可以的，但部署到服务器遇到好多问题：资源找不到，直接访问index.html页面空白，刷新当前路由404。。。现在我们一起讨论下单页面如何部署到服务器？由于前端路由缘故，单…
vue-router项目实战总结
自己实现JSON、XML的解析没那么难本文的目的，不是针对现有的可用于生产环境的JSON、XML解析器源码进行剖析，而是介绍文本扫描的基础方法next(char)，并以此为核心武器，根据目标语言的词法和语法特点，一步步地组织出条例清晰、易维护的解析器代码。希望这会是一篇实践性强，让您有所收获的文章
【vuejs项目部署】使用docker基于daocloud自动化部署到自己的主机在前端开发中，部署项目是我们经常发生的事情如果在你的公司中，项目部署需要你来负责，怎么优雅无痛的让你的项目自动上线在之前的文章中，写过几篇关于项目上线的方式，大家可以翻阅这个专栏去看。今天主要讲怎…
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…
《WEB 即时通信最佳实践》在HTML5出现之前，没有一个官方的办法可以做到真正意义上的基于web的通信方案。（by 火头军人/唐谢军）
React系列——封装一个Portal可复用组件Portal简介使用了React16+的你，对Portal至少有所了解或者熟练使用。Portal可以创建一个在你的root元素之外的DOM。1、通常你的网站只有一个root {代码…} 2、使用Portal之后，可以变成下面这样 {代码…} Porta…
深入理解React源码 – 首次渲染 II to by Jez Timms on Unsplash 这次先发汉化版在上一篇中我们分析了整个渲染流程的前奏，即从一个JSX表达式到ReactCompositeComponent的生成过程。最后我们讨论到batchedMountCompone
大白话Vue源码系列(05)：运行时鸟瞰图
react-aomini（第三弹），赢在小巧，性能方面，干翻react-redux还是可以的到目前为止，react-aomini最大的特点就是简单粗暴（react-aomini是个人写的一个谈不上框架的小框架，不了解的可以看看我之前写的两篇博文，react-redux？mobx？或许我需要更加小巧玲珑的和小巧玲珑的react框架（第二弹）正式命名–
深入理解React源码 – 简单组建渲染 II (英文)
WKWebView与Js实战(OC版) 本篇文章教大家如何使用WKWebView去实现常用的一些API操作。当然，也会有如何与JS交互的实战。效果图通过本篇文章，至少可以学习到： OC如何给JS注入对象及JS如何给IOS发送数据 JS调用alert、confirm、prompt时，不采用JS原生提示，而是使用iOS原生来实现如何监听web内容加载进度、是否加载完成 …
webpack实用小功能上一次分享了vue2-webpack3，大多都是一些基础的内容，本期继续分享一些webpack比较实用的功能 1.overlay overlay属于devServer的属性，配置案例如下： devServer: { overlay: { errors: true, warnings: true } } 配置很简单，那它的作用是什么呢？overlay的作用是可以在浏览器打开的…
原生 JS实现一个简单分页插件最近做的一个 PC 端的需求，这个需求中有一个小点，页面底部有一块列表区域，这个列表的数据量比较大，需要进行分页控制，切换页码的时候，发送一个 ajax 请求，在页面无刷新的情况下，实现列表数据的刷新，所以就涉及到了前端分页功能，到网上看了一圈，发现那些开源的相关插件要么有各种依赖，要么太复杂用不上，要么…
iOS WebviewJavascriptBridge 源码研读笔记这两天接近元旦，事情稍微少些，有些时间，索性写点什么，就从最擅长的iOS混合开发写起了，由于iOS开发经验不到四年吧，期间还搞了一年半的前端，有些知识可能还是积累的不足，能力不足，水平有限，可能有谬误希望各位读者发现的话及时指正，感激不尽。至于 WebviewJavascriptBridge 的介绍，此处不再啰嗦了，既然能…