20190616 前端开发日报

还在手动获取618叠猫猫的瞄币?复制这段js自动获取商品页找猫猫的瞄币;【前端帮帮忙】第10期 浅析类数组对象;JS笔记(21): NODE;2019年5月前端优质文章合集;你了解Node.js的原理和应用场景吗?;Vue.js的IoC容器模式探索;gulp搭建前后端不分离项目;【第四期】基于 @vue/cli3 插件,集成日志系统【SSR第三篇】

  1. 【前端帮帮忙】第10期 浅析类数组对象 简单来说,和数组类似,拥有 length 属性,可以通过索引来访问或设置里面的元素,但是不能使用数组的方法。 看个例子: arr ; // => "dazhi" 复制代码 这里的 arr 一定是一个数组吗?不一定,也可能是一个对象。 let arr = { 0: 'dazhi' } console.log(arr ); // dazhi 复制代码 再来...
  2. JS笔记(21): NODE 基于V8引擎(谷歌浏览器的引擎)渲染JS的工具或者环境 安装node(到node官网http://nodejs.cn/下载即可) 把js代码放到node环境中执行 2) NODE安装完之后 npm(node Package Managernode模块管理器) node xxx.js 3) 如何在NODE中渲染和解析JS REPL模式: Read-Evaluate-Print-Loop 输入-求值-输出-...
  3. 2019年5月前端优质文章合集 2019年06月14日 阅读 7 2019年5月前端优质文章合集 整理了一下,2019年5月前端优质文章 希望对各位读者有用 整理不易,如果觉得稍有收获,欢迎~点赞~关注~ 赞 文章 作者 2800+ 一个合格的中级前端工程师必须要掌握的 28 个 JavaScrip...
  4. 你了解Node.js的原理和应用场景吗? 介绍 JavaScript 的日益发展带来了很多变化,当今的 web 开发面貌已经变得截然不同。在几年前是很难想象在服务器上运行 JavaScript 的。 在深入研究Node.js之前,你可能想了解使用跨栈的 JavaScript 有什么好处,它统一了语言和数据格式(JSON),允许你以最佳的方式重用开发人员资源。将 Node.js 合并到技术栈中...
  5. Vue.js的IoC容器模式探索 IoC(Inversion of Control),意为控制反转,不是什么技术,而是一种设计思想。==Ioc意味着将你设计好的对象交给容器控制,而不是传统的在你的对象内部直接控制==。 借用《spring 揭秘》的一张图对IOC的概念阐述 下面我们将尝试在Vue.js中实现IoC容器模式,他的基本构造如下图 ...
  6. gulp搭建前后端不分离项目 最近公司开发项目使用前后端不分离的方式,前端写页面,后端套数据。为了方便开发,我用gulp搭建了开发和打包环境,烦请各位大佬帮我看看是否有不合理的地方(包括项目目录结构)。 目录我是每个页面都有一个独立的js和css,公用的部分放在public文件夹里面,vue这种库放于static中,打包的时候,我是把vue这种库打包在...
  7. 【第四期】基于 @vue/cli3 插件,集成日志系统【SSR第三篇】 在上一篇文章 【第二期】创建 @vue/cli3 插件,并整合 ssr 功能 ----【SSR第二篇 中,我们创建了一个 @vue/cli3 插件,并将 ssr 服务整合到插件中。 这篇文章中,让我们来为插件中的 ssr 服务创建日志系统。 我们将从如下几个方面来逐步进行: ssr 选择日志工具库 基于 nodejs 有一些日志工具库可供选择:...
  8. Vue 3.0前的 TypeScript 最佳入门实践 前言 我个人对更严格类型限制没有积极的看法,毕竟各类转类型的骚写法写习惯了。 然鹅最近的一个项目中,是 TypeScript +  Vue ,毛计喇,学之...…真香! 1. 使用官方脚手架构建 新的 VueCLI 工具允许开发者 使用  TypeScript 集成环境 创建新项目。 只需运行 vue createmy-app 。 然...
  9. Vue 2.x折腾记 - (22) Vue 打包图片在safari不显示的问题 图片不显示这个问题在safari上会出现,不管是PC还是手机端的safari。而其他浏览器是可以正常预览 问题 效果图 safari(桌面、手机)不显示图片,其他浏览器都是正常的。 代码如下 <script> import png_no_message from '@assets/layout/message/no_message.png'; export default { name: 'No...
  10. Webpack 4 构建大型项目实践 / 处理 html 上一节我有提到 Webpack 只能处理 Javascript 文件,这显然不能满足用户的日常使用需求,所以 Webpack 提供了 loader 和 plugins 两个配置选项,用于扩展 Webpack 的处理类型。本节要讲的 HtmlWebpackPlugin 就是专门用来处理和生成 html 文件的插件。 由于 Webpack 中文网 plugins 和 loaders 文档部分内容更新滞后...
  11. 成为优秀Angular开发者所需要学习的19件事 原文出自Medium  作者: Aphinya Dechalert 京东云开发者社区编译 一款to-do app基本等同于前端开发的“Hello world”。虽然涵盖了创建应用程序的CRUD方面,但它通常只涉及那些框架或库也能做到的皮毛而已。 Angular看起来似乎总是在改变和更新 - 但实际上,还是有一些事情仍...
  12. git npm brew yarn 配置proxy all export https_proxy=http://127.0.0.1:6152 export http_proxy=http://127.0.0.1:6152 export all_proxy=socks5://127.0.0.1:6153 git npm brew yarn 配置代理 //git列出 git config --global http.proxy //git设置 git config --global http.proxy 'socks5://127.0.0.1:6153' //git取消设...
  13. 我是这样让公司使用Node.js的 Node.js是一门用javascript编写服务端应用的语言,具有非阻塞、高I/O的优点。相信很多前端开发工程看到这个描述就跃跃欲试了。终于有机会跟后台开发一争天下,推翻程序员鄙视链理论指日可待啊(c>c++>java/.net>前端)。 然而事实上,Node.js已经走过了10年了,并没有在服务端应用方面掀起太大的波浪,反倒是在...
  14. JavaScript数据结构与算法-Sort 时间复杂度(运行次数) 我们假设计算机运行一行基础代码需要执行一次运算。 int aFunc(void) { printf("Hello, World!n"); // 需要执行 1 次 return 0; // 需要执行 1 次 } 那么上面这个方法需要执行 2 次运算 int aFunc(int n) { for(int ...
  15. 究竟什么是前端脚手架? :pensive: 咱也不知道咱也不敢问啊 先查查百度百科里对“脚手架”的定义吧: 脚手架是为了保证各施工过程顺利进行而搭设的工作平台。 然后搜一下“脚手架”,基本上都是以下几类: Vue/React 脚手架 使用 Node、yeoman 打造自己的脚手架 从零搭建 webpack 脚手架 此时还是无法确定什么是“脚手架”,也许我心目...
  16. history和hash,vue-routerwindow.history(可直接写成history)指向History对象,它表示当前窗口的浏览历史。History对象保存了当前窗口访问过的所有页面网址
  17. SpringBoot使用WebSocket WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在 WebSocket API 中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。 在 WebSocket API 中,...
  18. 开发一个简单的 Vue 弹窗组件更多文章 一个弹窗组件通常包含两个部分,分别是遮罩层和内容层。 遮罩层是背景层,一般是半透明或不透明的黑色。 内容层是放我们要展示的内容的容器。 {代码...} 现在弹窗组件的结构已经搭建出来了。 类 modal-b...
  19. JS关于时间的一些计算与获取 实际开发过程中,我们有许许多多的产品都设计到了时间,也有时候需要自己转化时间格式,这里推荐一个日期时间处理类库momentjs,但很多时候,我们仅仅是转化个别时间,还没必要安装这么一个依赖;这篇文章将在未来持续更新,搜罗各种关于时间转化的方法 一 已知开始时间和结束时间 计算出中间的所有日期 // 中国标...
  20. 如何避开 JavaScript 浮点数计算精度问题 不知道大家在使用JS的过程中有没有发现某些浮点数运算的时候,得到的结果存在精度问题:比如0.1 + 0.2 = 0.30000000000000004以及7 * 0.8 = 5.6000000000000005等等。 究竟是什么原因造成了这个问题?实际上是因为计算机内部的信息都是由二进制方式表示的,即0和1组成的各种编码,但由于某些浮点数没办法用...
  21. javascript系列--javascript深入理解-从作用域链理解闭包 红宝书(P178)对于闭包的定义:闭包就是有权访问另外一个函数作用域中变量的函数。 MDN,对于闭包的定义:闭包就是指能够访问自由变量的函数。 那么什么是自由变量?自由变量就是在函数中使用,但既不是函数参数arguments,也不是函数的局部变量的变量,就是说另外一个函数作用域中的变量。 闭包组成?闭包 = 函...
  22. 基于前端技术生成PDF方案 下面以一个体检报告的案例进行这两种方案的说明: 体检报告展示形式如下,格式相对固定,分为四个页面:个人信息页,建议页,原理页,个人信息页与建议页数据来源于服务器。 基于Canvas的客户端生成方案 canvas是HTML5标准中新增的元素,可用于通过使用JS的脚本来绘制图形。canvas提供了toDataURL/toBlob...
  23. Webpack 4 构建大型项目实践 / 起步 Webpack 是一个 Javascript 应用程序的 静态模块打包器 ,它会读取 Javascript 文件所需依赖,并把他们打包到一个或多个目标文件。 值得注意的是,Webpack 只能解析 Javascript 文件,处理其他类型文件需要各自的 loader / plugin 安装 准备安装 Webpack 之前请确认你已安装 Nodejs 最新稳定版本,过旧版本可能会...
  24. 快速定位NodeJs线上问题 - 之火焰图篇 前段时间,公司监控群内报警,某个nodeJs项目 CPU 被打满,运维大哥快速重启解决,由于现场没有保留没定位到具体问题。2周后同样的报警又出来了,只能再次祭出重启大法,按照预期果然好了。但是这问题得解啊,总不能让运维老哥哥们写个脚本每两周就重启一次吧。 在定位问题时,发现了有个叫火焰图的工具可以帮助快速准...
  25. 使用Node.js爬取任意网页资源并输出高质量PDF文件到本地~本文适合无论是否有爬虫以及Node.js基础的朋友观看~ 需求: 使用Node.js爬取网页资源,开箱即用的配置 将爬取到的网页内容以PDF格式输出 如果你是一名技术人员,那么可以看我接下来的文章,否则,请直接移步到我...
  26. Vue组件库工程探索与实践之按需加载 《Vue组件库工程探索与实践》系列文章第二篇,聊一聊组件库按需加载功能。 一个组件库通常有数十个组件,随着版本迭代组件数量还可能进一步增加。组件库文件的体积也随之膨胀,动辄几百KB。而我们的业务项目中,有可能只用到了这个组件库的少数几个组件,这时把整个组件库打包进去,非但没有必要,还会徒增项目构建文...
  27. Vue 3.0 的重大改动暴露了哪些问题 function based主要代替mixins 首先对比mixins和function based的调用方法 mixins mixins: 复制代码 mixins 显然我们不知道它给我们提供了哪些方法和数据,造成了数据来源的不清晰,多个mixin的注入也会引起命名冲突的问题 function based const { x, y } = useMouse() 复制代码 而 function based显然要...
  28. JavaScript系列--浅析原型链与继承继承是面向对象(OOP)语言中的一个最为人津津乐道的概念。许多面对对象(OOP)语言都支持两种继承方式::接口继承 和 实现继承 。

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

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

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