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

JavaScript编辑器，你在用哪个？；JavaScript 线性代数：线性变换与矩阵；生日之际，记录自己前端拼搏之路~；webpack4的30个步骤打造优化到极致的react开发环境，如约而至；基于 HTML5 WebGL 的 3D 智慧隧道漫游巡检；Web隐藏术；深入认知 JavaScript；JavaScript 的简洁之道

JavaScript编辑器，你在用哪个？对于JavaScript程序员来说，目前有很多很棒的工具可供选择。本文将会讨论10个优秀的支持JavaScript，HTML5和CSS开发，并且可以使用Markdown进行文档编写的文本编辑器。为什么使用编辑器而不是IDE进行JavaScript编程?原因就是速度快。编辑器和IDE之间的本质区别在于：IDE不但可以调试，并且可以对代码进行概要分析…
JavaScript 线性代数：线性变换与矩阵本文是“JavaScript 线性代数”教程的一部分。矩阵是一种由 m 行 n 列实数组成的“矩形”数组。比如，一个 3×2 的矩阵如下所示： Matrix类的构造器（constructor）接收若干行元素作为参数。我们可以通过指定行号取出矩阵中的一行，然后再通过指定列号取出一个特定的元素。下面直接看代码： class Matr…
生日之际，记录自己前端拼搏之路~ 时间过得真快！！！生日之际，从大学到现在，自己学习并实践过认为比较有用的技术点，也是常见面试考点… 加油:muscle: 前端学习记录 Html5 对WEB标准以及W3C的理解与认识 Html5新特性与语义化行内元素与块级元素渐进增强与优雅降级的理解及区别 cookie、sessionStor…
webpack4的30个步骤打造优化到极致的react开发环境，如约而至上一篇记录了一下webpack4使用的一些基础使用小技巧,确实没有想到能收获这么大的反响,还是非常感谢各位的错爱，没有看过的关于webpack4的14个知识点,童叟无欺这一篇文章将react和webpack4进行结合,集webpack的优势于一身,从0开始构建一个强大的react开发环境本篇所有代码线上代码 react-webpack4-cook ,翻译过…
基于 HTML5 WebGL 的 3D 智慧隧道漫游巡检前言这次为大家展示的是通过HT for Web 灵活的图型化编辑工具打造的智慧隧道监控系统。通过 HTML5 技术实现了桌面和移动端的跨平台性，同时现实了可视化运维。这次主要跟大家分享里面的漫游巡检功能，完美进行第一人称视角体验整体结构环境，酷似游戏一样给人一种真实的感受，比平面更加直观，随意游离与虚…
Web隐藏术在Web页面或Web应用程序的开发中，有些元素是需要被隐藏起来。让一个元素隐藏起来的实现方案会有很多种，比如说在《图片替换文本CSS方法》一文中所聊的图片替代文本的方案都适合于元素的隐藏，只不过每种不同的技术方案实现的原理和最终呈现给用户的渲染方式会有所不同。如果你是一个有情怀的前端开发者的话，在开发应用…
深入认知 JavaScript 本文当时写在本地，发现换电脑很不是方便，在这里记录下。深入认知 Javascript :zero: 前言关于 Javascript，平时我们仅仅做到了使用，但是真的理解为什么这么使用吗？这里详细介绍一些我们常用的 Javascript 语法。 :one: 关键字 what: 在Javascript 关键字是有很多的，而普通的关键字基本没有太多的难…
JavaScript 的简洁之道如果你关注代码本身和代码的编写方式，而不是只关心它是否能工作，那么你写代码是有一定的水准。专业开发人员将为未来的自己和“其他人”编写代码，而不仅仅只编写当前能工作就行的代码。
【2019年5月GitHub上最热门的开源项目】又到了为大家盘点5月份GitHub最热门的开源项目的时候了，一起来看看你都知道哪些，或者有哪些你已经在使用的了。详见
Git常用命令小结Git的版本库里存了很多东西，其中最重要的就是称为stage（或者叫index）的暂存区，还有Git为我们自动创建的第一个分支master，以及指向master的一个指针叫HEAD。工作区有一个隐藏目录.git，这个不算工作区，而是G…
JavaScript 规范整理不要使用拼音命名如果不熟悉英语，可以使用 Codelf 或者 Google 翻译，避免使用拼音命名。错误示例 // 这里是用户状态 const yongHuZhuangTai = 1 正确示例 const userStatus = 1 函数中的变量 js 中普通变量使用小写开头驼峰命名法，而非不区分大小写，或使用下划线命名…
一些实用的 git 小技巧前些月，写了一个关于 git 的表格，叫Git Cheat Sheet，现分享一些有用的小技巧，更多内容请移步，另有一个非常不错的关于 git 小技巧的项目 git-tips。
前端的打包工具本文当时写在本地，发现换电脑很不是方便，在这里记录下。 :pray: 前端的打包工具打包工具可以更好的管理 html ， css ， javascript ，使用可以锦上添花，不使用也没关系。 1. 前言 1.1 前端前端三剑客：结构层 html ，表现层 css ，行为层 javascript 。 html 好比是房子的地基， css 和 javas…
JavaScript系列之对象的继承这篇文章的重点讲的是关于JavaScript中对象的继承，这是面向对象编程很重要的一个方面。A 对象继承自B 对象，就能直接拥有 B 对象的所有属性和方法，作用是避免了代码的复用，节省代码量。而大部分面向对象的编程语言，都是通过“类”（class）来实现对象的继承。传统上，JavaScript 语言的继承不通过 class（ES6 引入…
前端答疑-对象引用-vue共享数据源的三种方式事情发生在上周（2019-06-06）团队技术分享的时候。起因在于一个问题：vue 中多个组件如何使用同一个变量，我们叫这个变量为 baseConfig 吧。说实话我没想到那么多人不理解其中的知识。今天我整理一下发出来。
ES6 Proxy实现Vue的变化检测 Vue变化检测Object使用DefineProperty、数组使用方法拦截实现。最近，Vue3.0将采用ES6 Proxy的形式重新实现Vue的变化检测，在官方还没给出新方法之前，我们先实现一个基于Proxy的变化检测。模块划分参照之前Vue变化检测的代码，将Vue 变化检测的功能分为以下几个部分。 Observer Dep Watcher Utils 首…
酷炫的 HTML5 网页 PPT 一般演讲、培训等场合，我们都离不开 PPT，那么如何做出一款与众不同而有充满科技感的 PPT 呢？这时候，我们可以尝试一下在线 PPT。一、选择在线 PPT 的几大原因 1.省去了上传下载的麻烦； 2.降低了客户端对 PPT 软件的依赖； 3.随时更新，更灵活； 4.同屏播放，全场互动，增加用户体验…
IIS 10 前端服务器，设置代理实现跨域请求后端接口摘要本文介绍 IIS10 通过安装 ARR 3.0（Application Request Routing），配置 Application Request Routing Cache 开启代理，配置 URL Rewrite 创建匹配规则，实现前端跨域请求 API 功能。即访问 http://localhost:8001/api/list，实际会被代理到 http://localhost:8002/api/list 。 ## 原请求 ht…
angular，react & vue 本文当时写在本地，发现换电脑很不是方便，在这里记录下。 angular，react & vue 2018/07/23 2016年，对于JavaScript来说辉煌的一年。开发框架大量涌入，让开发者有了更多的选择。到了2018年就目前火热程度来说， angular ， react ， vue 仍占据着主流地位。对比这3个框架，孰优孰劣真的会让选择困难症…
Laravel 5.8 集合 vue-element-admin 踩坑记创建 Laravel 项目按照官方文档，进行安装： composer create-project –prefer-dist laravel/laravel laravel-vue-admin 下载 vue-element-admin $ git clone https://github.com/PanJiaChen/vue-element-admin.git 初始化package 将 vue-element-admin 中package.jso…
在 Gitlab CI 中调用 Sonarqube 进行代码扫描 Gitlab 提供了基于Code Climate的代码质量评估功能，这一功能是通过 dind（Docker in Docker）方式运行的，在 Kubernetes 环境中、尤其是托管集群中，这种方式不太合适，还好还有一个替代方案：Sonarqube，通过在.gitlab-ci.yml中的设置，可以使用 Sonarqube 对代码进行扫描，接收到 Commit 之后，Sonarqube 会生成针对…
package.json 中你还不清楚的 browser，module，main 字段优先级前端开发中使用到 npm 包那可算是家常便饭，而使用到 npm 包总免不了接触到 package.json 包配置文件。
对javscript中Object.defineProperty的理解自己在使用vue的过程中经常会用到听到数据双向绑定这个词，而且我们还可以直接通过调用 this.msg (this表示vue实例),来获取data上的数据，以前一直不太明白为什么可以这样获取，直到有一天我在论坛里看到了寻找海蓝96 这位大佬写的文章,才明白其原理，所以在此记录一下。 1、Object.defineProperty(o…
Vue Function-based API RFC
用JS开发跨平台桌面应用，从原理到实践使用Electron开发客户端程序已经有一段时间了，整体感觉还是非常不错的，其中也遇到了一些坑点，本文是从【运行原理】到【实际应用】对Electron进行一次系统性的总结。【多图，长文预警～】
在Vue中用canvas实现二维码和图片合成海报在项目中经常会遇到需要将不同的二维码放到一张通用图片上，提供用户下载简单来说，就是利用canvas将同等比例的二维码在图片上叠加，生成海报