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

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

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

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

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

关注我

我的微信公众号：前端开发博客，在后台回复以下关键字可以获取资源。

回复「小抄」，领取Vue、JavaScript 和 WebComponent 小抄 PDF
回复「Vue脑图」获取 Vue 相关脑图
回复「思维图」获取 JavaScript 相关思维图
回复「简历」获取简历制作建议
回复「简历模板」获取精选的简历模板
回复「加群」进入500人前端精英群
回复「电子书」下载我整理的大量前端资源，含面试、Vue实战项目、CSS和JavaScript电子书等。
回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识，加我微信:caibaojian89 交流