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

那些前端工作中遇到的坑（01）；React全家桶+Koa+TS+mongoDB+Antd实现的简单TodoList；前端技术演进（七）：前端跨栈技术；前端技术演进（六）：前端项目与技术实践；JavaScript数组遍历：for、foreach、for in、for of、$.each、$().each的区别；JavaScript骚操作之操作符；webpack 构建多页面应用；JavaScript如何工作:内存管理+如何处理4个常见的内存泄漏

那些前端工作中遇到的坑（01）前段时间接手一个老项目（jQuery+React混在一块）的迁移工作，除了用 React 重写一些 vm+jQuery 的老页面（这种至少是自己写的，心里有数，调起来也省心），剩下的就是将原有的React迁到新仓库里，复制！粘贴！改路径！完事！是个体力活。你以为这样就结束了？一大堆bug在等着，整整改了半个月，虽然都是些小问题，…
React全家桶+Koa+TS+mongoDB+Antd实现的简单TodoList Write a Todo and do it 技术栈 React TypeScript Koa MongoDB Webpack React-Router等 Demo前后端分离前端目录src 后端目录server 使用的create-react-app来搭建开发环境,通过react-app-rewire来扩展自己的webpack配置启动项目 yarn mongod yarn run koa ya…
前端技术演进（七）：前端跨栈技术这个来自之前做的培训，删减了一些业务相关的，参考了很多资料（参考资料列表），谢谢前辈们，么么哒 :kissing_heart: 随着互联网架构的不断演进，前端技术框架从后台输出页面到后台MVC，再到前端MVC、MVP、MVVM，以及到Virtual DOM和MNV*的实现，已经发生了巨大的变化。整体上来看，前端也正在朝着模块化、组件化和…
前端技术演进（六）：前端项目与技术实践这个来自之前做的培训，删减了一些业务相关的，参考了很多资料（参考资料列表），谢谢前辈们，么么哒 :kissing_heart: 任何五花八门的技术，最终还是要在实践中落地。现代的软件开发，大部分讲求的不是高难度高精尖，而是效率和质量。这里主要来说说现代前端技术在项目中的实践。开发规范开发规范是开发工程…
JavaScript数组遍历：for、foreach、for in、for of、$.each、$().each的区别forEach循环我们可以直接取到元素，同时也可以取到index值。但是forEach也有一些局限，不能continue跳过或者break终止循环
JavaScript骚操作之操作符每到周末我都会问自己，怎么安排？于是我写了个程序跑了一下 if (hasMoney) { console.log(‘周末嗨翻天’); } else { console.log(‘周末睡一天’); } 复制代码看上去没有什么问题，但总感觉代码有点臃肿，能不能稍微简约一点？换成三目运算符后 hasMoney ? console.log(‘周末嗨翻天’) :…
webpack 构建多页面应用如何使用webpack构建多页面应用，这是一个我一直在想和解决的问题。网上也给出了很多的例子，很多想法。猛一看，觉得有那么点儿意思，但仔细看也就那样。
JavaScript如何工作:内存管理+如何处理4个常见的内存泄漏在这第三篇文章中，我们将讨论另一个重要主题——内存管理，这是由于日常使用的编程语言越来越成熟和复杂，开发人员容易忽视这一问题。我们还将提供一些有关如何处理JavaScript中的内存泄漏的技巧，在SessionStack…
Cycle.js 状态管理模型当今前端领域，最流行的状态管理模型毫无疑问是 redux，但遗憾的是，redux 并不是一个分形架构。什么是分形架构：如果子组件能够以同样的结构，作为一个应用使用，这样的结构就是分形架构。在分形架构下，每个应用都组成为更大的应用使用，而在非分形架构下，应用往往依赖于一个统揽全局的协调器（orchestrators…
WebRTC基础实践 – 9. 拍照并传给对方本节内容在本节课程中, 我们将学习以下内容: 拍照并通过canvas元素获取图像数据。给对面发送图片。本节的完整版代码位于 step-06 文件夹中。工作原理前面的小节中, 我们使用 RTCDataChannel 来传递文本消息。本节课程, 将学习如何发送文件: 下面的示例发送的是通过 g…
浅谈js执行机制关于js执行机制，老早之前就一直想写篇文章做个总结，因为和js执行顺序的面试题碰到的特别多，每次碰到总是会去网上查，没有系统地总结，搞得每次碰到都是似懂非懂的感觉，这篇文章就系统的总结一下js执行机制。
JavaScript不刷新查找当前网址上的querystring并修改查询字符串变量经常有些场景需要从网址获取变量，比如： http://ourjs.com?param1=test1&param2=test2 需要获取 param1/ param2 的变量，有时侯需要修改某个变量，有非常多的JS库可以实现，其实用简单的几行代码即可实现： var qs = {} qs.get = function(name) { var reg = new RegExp(" " + nam…
用 nodejs 写一个命令行工具：创建 react 组件的命令行工具上周，同事抱怨说 react 怎么不能像 angular 那样，使用命令行工具来生成一个组件。对呀，平时工作时，想要创建一个 react 的组件，都是直接 copy 一个组件，然后做一些修改。为什么不能将这个过程交给程序去做呢…
SubDomainizer：用于查找页面Javascript文件中隐藏子域的工具前言 SubDomainizer是一款用于查找隐藏在页面的内联和引用Javascript文件中子域的工具。除此之外，它还可以为我们从这些JS文件中检索到S3 bucket，云端URL等等。这些对你的渗透测试可能有非常大的帮助，例如具有可读写权限的S3 bucket或是子域接管等。云存储服务支持 SubDomainizer可以为我们找到以下云存储服务…
js运行机制及异步编程（一）相信大家在面试的过程中经常遇到查看执行顺序的问题，如setTimeout,promise,async await等等，各种组合，是不是感觉头都要晕掉了，其实这些问题最终还是考察大家对js的运行机制是否掌握牢固，对promise，async的…
逼真的HTML5 3D水波动画可多视角浏览 JAVA大本营的秒拍视频这是一款基于HTML5的3D水波动画特效，它的效果非常逼真，水池中的石头在水中沉浮，泛起了一层层水波。同时我们可以拖拽鼠标从不同的视角来浏览水池，3D效果非常不错。另外，我们可以按“G”键来让水池中的石头上下浮动，按“L”键添加灯光效果，设计相当完美。同时说明一下，这款3D水波动画是基于WebGL渲染技术的，大家可以…
Bochspwn 漏洞挖掘技术深究（一）：Double Fetches 检测虽然现在技术文章很少人看，大家都喜欢聊安全八卦，但技术文章输出是一种很好的学习方式。更重要的是，专业的文章是给专业的人看的，并非为了取悦所有人。对于应用程序的代码插桩，有现成的Pin和DynamoRIO插桩框架，在Fuzzing中可以用来实现代码覆盖率的反馈驱动，这已经被应用到winafl，效果很好。除了挖洞，…
#前端技术#【深入解析 React 中的元素、组件、实例和节点】详见：在本文，作者将详细地介绍 React 中的元素、组件、实例和节点的概念，以及它们之间的联系与区别。（作者：前端攻城老湿） React 深入系列，深入讲解了React中的重点概念、特性和模式等，旨在帮助大家加深对React的理解，以及在项目中更加灵活地使用React。
【20181217 前端开发日报】JavaScript中undefined和null的区别；JavaScript 是如何工作的：引擎，运行时和调用堆栈概述；JS专题之数据类型和类型检测；从浏览器环境到JavaScript执行流程的一次简单…详情→