20190111 前端开发日报

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

  1. CSS 三角实现效果: {代码...}
  2. 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' 复制代码...
  3. NodeJs 系列:聊一聊 BOM 最近在看Node源码的时候,偶然间,看到如下函数: 对于函数的功能,注释写的很清楚了-用于清除字节序标识符(BOM)。 对于BOM,相信大多数人对其即陌生又熟悉,我们在各大IDE中常常见到它的身影,但要真的把它解释清除,却有点力不从心。故此,笔者利用闲暇之余搜索资料整理成文,如果错漏,还望提点! 字节序 ...
  4. 黄金搭档 -- JS 装饰器(Decorator)与Node.js路由 很多面对象语言中都有装饰器(Decorator)函数的概念,Javascript语言的ES7标准中也提及了Decorator,个人认为装饰器是和 async/await 一样让人兴奋的的变化。正如其“装饰器”的叫法所表达的,他可以对一些对象进行装饰包装然后返回一个被包装过的对象,可以装饰的对象包括:类,属性,方法等。 Node.js目...
  5. 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 ...
  6. js表格打印自动分页demo每页都需要表头就将内容放在这个中: <thead style="display: table-header-group; font-weight: bold"></thead>
  7. 小心 跨站点websocket劫持 开始之前,先热热身,讲个小故事: 年终奖下来了,张大胖琢磨着去买点儿股票作为投资,他用浏览器访问了www.stock.com , 输入了用户名和密码,登录成功。 stock.com返回了cookie用来标识张大胖这个用户。 浏览器认真负责, 它把这个Cookie记录了下来,以后张大胖每一次再向stock.com发起Http请求,浏览...
  8. 使用NodeJS 生成Vue中文版 docSet 离线文档 取自官方cn.vuejs.org (Version: 2.5 ) 持续更新 用法 Mac下用户下载 Dash 使用文档 (下载 .docset 后缀文件,双击导入即可) Windows 和 Linux 用户可下载 Zeal 使用本文档 (应该类似吧,我没用过,自行搜一下吧,溜了溜了) 制作 docSet 文档 Dash所需的文档都是 .docSet 后缀的文件,其...
  9. 不可思议的纯 CSS 滚动进度条效果在继续阅读下文之前,你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下,不借助 JS ,能否巧妙的实现上述效果。
  10. JS下载文件常用的方式下载附件(image,doc,docx, excel,zip,pdf),应该是实际工作中经常遇到一个问题;这里使用过几种方式分享出来仅供参考; 初次写可能存在问题,有问题望指出
  11. 如何在GitHub上大显身手?推荐一篇良许大佬的文章,如何在github上大显身手。拥有自己的github,且有所贡献,这是一件很有意义的的事情,在面试上也是加分项哦,赶紧搞起来。转载至[链接]这推荐一个网站,收集了有趣、入门级的开源项目:[链接]
  12. React入门系列 - 1 开发环境搭建1. 工欲善其事 必先利其器 1.1 开发工具 Visual Studio Code [[点击下载]]([链接] 轻量级、功能强大的代码编辑工具 Node.js [[点击下载]]([链接] 前端开发必备 1.1.1 安装Node.js window安装 点此 下载 完成之后...
  13. 在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中有相当多的解决方案,其中...
  14. 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版本之后推出的一个增强功能,它帮助开发者可以临时下载项目进行执行之...
  15. JS函数节流和防抖的区分和实现详解】本文主要介绍的是关于JS中比较常用的函数:节流函数和防抖函数,从概念、使用场景到代码简单实现做了一个详细的区分。希望对你有所帮助。 ​​​

    JS函数节流和防抖的区分和实现详解
  16. RxJS与Redux结合使用(一):打造自己的redux-observable Redux 的核心理念是单向数据流,只能通过 dispatch(action) 的方式修改状态,使用react-redux可以在组件和redux之间形成下面这么一个数据流闭环: view -> action -> reducer -> state -> view 复制代码 然而,在实际业务中往往有大量异步场景,最直接的做法是在React组件中发起异步请求,在拿到数据后...
  17. 20190110 前端开发日报】2019 年的 JavaScript 新特性学习指南;八种方法实现CSS页面底部固定;VUWE——又一个移动端Vue2组件库;js算法-快速排序(Quicksort);Vue源码解读一;StateOfJS:2018 年 ...详情→ ​​​

    20190110 前端开发日报
  18. 基于原型链劫持的前端代码插桩实践 代码插桩技术能够让我们在不更改已有源码的前提下,从外部注入、拦截各种自定的逻辑。这为施展各种黑魔法提供了巨大的想象空间。下面我们将介绍浏览器环境中一些插桩技术的原理与应用实践。 插桩基础概念 前端插桩的基本理念,可以用这个问题来表达: 假设有一个被业务广泛使用的函数,我们是否能够在既不更改...
  19. JavaScript是如何工作的:使用 MutationObserver 跟踪 DOM 的变化这是专门探索 JavaScript 及其所构建的组件的系列文章的第10篇。 如果你错过了前面的章节,可以在这里找到它们: JavaScript 是如何工作的:引擎,运行时和调用堆栈的概述! JavaScript 是如何工作的:深入V8引擎...
  20. Odoo 模块推荐——Web Dialog Size 好久不见,我又回来了,带着新的内容板块再次和大家见面啦 :laughing: 这是你没有见过的全新板块(自动播放喳喳辉发音) 在新的内容板块里,我将会为大家推荐一些实用的 Odoo 模块,并且通过简单的实例来说明这些模块的使用方法和适用场景(可能会在某些时候虚构一些业务场景),除此之外我还将对部分模块的实现和源码...
  21. 使用Laravel访问前端Cookie在我们的应用程序中,我们可以在JS端设置cookie,但我们也希望在后端使用。我们可以使用$_COOKIE 全局魔术变量,但如果我们使用Laravel,我们会使用它提供的方法。让我们下Laravel中是如何使用的

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

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

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