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

CSS 三角实现；vue 源码学习(二) 实例初始化和挂载过程；NodeJs 系列：聊一聊 BOM；黄金搭档 — JS 装饰器（Decorator）与Node.js路由；Angular7入门总结篇；js表格打印自动分页demo；小心跨站点websocket劫持；使用NodeJS 生成Vue中文版 docSet 离线文档

CSS 三角实现效果： {代码…}
vue 源码学习(二) 实例初始化和挂载过程从vue的构建过程可以知道，web环境下，入口文件在 src/platforms/web/entry-runtime-with-compiler.js （以Runtime + Compiler模式构建，vue直接运行在浏览器进行编译工作） import Vue from ‘./runtime/index’ 复制代码下一步，找到 ./runtime/index ，发现： import Vue from ‘core/index’ 复制代码…
NodeJs 系列：聊一聊 BOM 最近在看Node源码的时候，偶然间，看到如下函数：对于函数的功能，注释写的很清楚了－用于清除字节序标识符（BOM）。对于BOM，相信大多数人对其即陌生又熟悉，我们在各大IDE中常常见到它的身影，但要真的把它解释清除，却有点力不从心。故此，笔者利用闲暇之余搜索资料整理成文，如果错漏，还望提点！字节序 …
黄金搭档 — JS 装饰器（Decorator）与Node.js路由很多面对象语言中都有装饰器（Decorator）函数的概念，Javascript语言的ES7标准中也提及了Decorator，个人认为装饰器是和 async/await 一样让人兴奋的的变化。正如其“装饰器”的叫法所表达的，他可以对一些对象进行装饰包装然后返回一个被包装过的对象，可以装饰的对象包括：类，属性，方法等。 Node.js目…
Angular7入门总结篇 Angualr 是一款来自谷歌的开源的 web 前端框架，诞生于 2009 年，由 Misko Hevery 等人创建，后为 Google 所收购。是一款优秀的前端 JS 框架，已经被用于 Google 的多款产品当中。根据项目数统计 angular(1.x 、2.x 、4.x、5.x、6.x、7.x) 是现在网上使用量最大的框架 Angualr 基于 TypeScript 和 react …
js表格打印自动分页demo每页都需要表头就将内容放在这个中： <thead style=”display: table-header-group; font-weight: bold”></thead>
小心跨站点websocket劫持开始之前，先热热身，讲个小故事：年终奖下来了，张大胖琢磨着去买点儿股票作为投资，他用浏览器访问了www.stock.com ，输入了用户名和密码，登录成功。 stock.com返回了cookie用来标识张大胖这个用户。浏览器认真负责，它把这个Cookie记录了下来，以后张大胖每一次再向stock.com发起Http请求，浏览…
使用NodeJS 生成Vue中文版 docSet 离线文档取自官方cn.vuejs.org (Version： 2.5 ) 持续更新用法 Mac下用户下载 Dash 使用文档 (下载 .docset 后缀文件，双击导入即可) Windows 和 Linux 用户可下载 Zeal 使用本文档 (应该类似吧，我没用过，自行搜一下吧，溜了溜了) 制作 docSet 文档 Dash所需的文档都是 .docSet 后缀的文件，其…
不可思议的纯 CSS 滚动进度条效果在继续阅读下文之前，你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下，不借助 JS ，能否巧妙的实现上述效果。
JS下载文件常用的方式下载附件（image，doc，docx， excel，zip，pdf），应该是实际工作中经常遇到一个问题；这里使用过几种方式分享出来仅供参考; 初次写可能存在问题,有问题望指出
如何在GitHub上大显身手？推荐一篇良许大佬的文章,如何在github上大显身手。拥有自己的github,且有所贡献,这是一件很有意义的的事情,在面试上也是加分项哦，赶紧搞起来。转载至[链接]这推荐一个网站，收集了有趣、入门级的开源项目：[链接]
React入门系列 – 1 开发环境搭建1. 工欲善其事必先利其器 1.1 开发工具 Visual Studio Code [[点击下载]]([链接] 轻量级、功能强大的代码编辑工具 Node.js [[点击下载]]([链接] 前端开发必备 1.1.1 安装Node.js window安装点此下载完成之后…
在Node.js中发起HTTP请求的5种方法深入解析Node.js中5种发起HTTP请求的方法翻译：疯狂的技术宅英文标题：5 Ways to Make HTTP Requests in Node.js 原文链接： www.twilio.com/blog/2017/0… 创建HTTP请求使现代编程语言的核心功能之一，也是很多程序员在接触到新的开发环境时最先遇到的技术之一。在Node.js中有相当多的解决方案，其中…
React入门系列 – 2 编写第一个Hello world的React程序 create-react-app项目是facebook推出的入门初始化项目，适合新手第一次使用，无需进行各种配置，完美的实现了开箱即用理念。 2.1.1 建立项目 npx create-react-app my-app cd my-app npm start 复制代码 npx命令是npm在5.x版本之后推出的一个增强功能，它帮助开发者可以临时下载项目进行执行之…
【JS函数节流和防抖的区分和实现详解】本文主要介绍的是关于JS中比较常用的函数：节流函数和防抖函数，从概念、使用场景到代码简单实现做了一个详细的区分。希望对你有所帮助。
RxJS与Redux结合使用（一）：打造自己的redux-observable Redux 的核心理念是单向数据流，只能通过 dispatch(action) 的方式修改状态，使用react-redux可以在组件和redux之间形成下面这么一个数据流闭环： view -> action -> reducer -> state -> view 复制代码然而，在实际业务中往往有大量异步场景，最直接的做法是在React组件中发起异步请求，在拿到数据后…
【20190110 前端开发日报】2019 年的 JavaScript 新特性学习指南；八种方法实现CSS页面底部固定；VUWE——又一个移动端Vue2组件库；js算法-快速排序(Quicksort)；Vue源码解读一；StateOfJS：2018 年 …详情→
基于原型链劫持的前端代码插桩实践代码插桩技术能够让我们在不更改已有源码的前提下，从外部注入、拦截各种自定的逻辑。这为施展各种黑魔法提供了巨大的想象空间。下面我们将介绍浏览器环境中一些插桩技术的原理与应用实践。插桩基础概念前端插桩的基本理念，可以用这个问题来表达：假设有一个被业务广泛使用的函数，我们是否能够在既不更改…
JavaScript是如何工作的:使用 MutationObserver 跟踪 DOM 的变化这是专门探索 JavaScript 及其所构建的组件的系列文章的第10篇。如果你错过了前面的章节，可以在这里找到它们： JavaScript 是如何工作的：引擎，运行时和调用堆栈的概述！ JavaScript 是如何工作的：深入V8引擎…
Odoo 模块推荐——Web Dialog Size 好久不见，我又回来了，带着新的内容板块再次和大家见面啦 :laughing: 这是你没有见过的全新板块（自动播放喳喳辉发音）在新的内容板块里，我将会为大家推荐一些实用的 Odoo 模块，并且通过简单的实例来说明这些模块的使用方法和适用场景（可能会在某些时候虚构一些业务场景），除此之外我还将对部分模块的实现和源码…
使用Laravel访问前端Cookie在我们的应用程序中，我们可以在JS端设置cookie，但我们也希望在后端使用。我们可以使用$_COOKIE 全局魔术变量，但如果我们使用Laravel，我们会使用它提供的方法。让我们下Laravel中是如何使用的