Vuex如何实现数据共享；JavaScript中的各种遍历；基于 HTML5 WebGL 构建智能数字化城市 3D 全景；【读书笔记】JavaScript面向对象精要（下）；vue-loader是怎么工作的；浏览器缓存策略与webpack持久化缓存；重学js系列——对象；JavaScript中的new做了什么
-
Vuex如何实现数据共享 在用vue作为前端框架进行开发的时候，对于组件间的传值你一定不会陌生，如果只是简单的父子组件传值，我想你肯定不会选择用Vuex来进行状态管理，但是如果你需要构建一个中大型单页应用，组件间数据交互比较复杂频繁，你很可能会考虑如何更好地在组件外部管理状态，那么Vuex 将会成为自然而然的选择。 Vuex 是什么？ Vu…
-
JavaScript中的各种遍历 一直想写些总结性的文章，事情太多，无从下手，加上太懒，迟迟没有动笔。一天天过去，日积月累的，心头像被压了一层层的稻草，难受极了。不想太多，一件件地做，每做一件就少一件，尽管杂乱繁重，最终总会清空的。 在学习和实践过程中也许会碰到更多的有关遍历的知识，每遇到一点就追加一点，持续更新。现在把能想到的…
-
基于 HTML5 WebGL 构建智能数字化城市 3D 全景自 2011 年我国城镇化率首次突破 50% 以来，《新型城镇化发展规划》将智慧城市列为我国城市发展的三大目标之一，并提出到 2020 年，建成一批特色鲜明的智慧城市。截至现今，全国 95% 的副省级以上城市、76% 的地…
-
【读书笔记】JavaScript面向对象精要（下） 写在前面 上一篇文章中我们对书的前三章进行了总结整理~ 点击这里获取上一篇文章：:point_right: 【读书笔记】JavaScript面向对象精要（上） 这篇文章将整理总结本书的最后三章内容，让我们彻底明白 JavaScript 的面向对象。 第四章 构造函数和原型对象 4.1 构造函数 构造函数是我们用 new 创建对…
-
vue-loader是怎么工作的 vue-loader 是用于webpack的加载器，允许你用叫做 Single-File Components 单文件组件的格式来写Vue组件 <template> <div class="example">{{ msg }}</div> </template> <script> export default { data () { return { msg: ‘Hello world!’ } } } <…
-
浏览器缓存策略与webpack持久化缓存 浏览器通过请求头实现缓存，关键的请求头有cache-control，expires，last-Modified，ETag等。我们从时间和空间两个角度来看浏览器缓存。 时间 浏览器发送第一次请求：不缓存，服务端根据设定的缓存策略返回相应的header，如：cache-control，expires，last-Modified，ETag。 浏览器发送第二次请求： …
-
重学js系列——对象 本“大家”上周坐火车回老家，同行的是搞java的老弟，两个程序猴在一起能干嘛？（:grinning: 别多想，本文讲的虽是对象，但我俩不搞对象，虽是基友，但我俩不搞基:sweat_smile:，哈哈），路上不自觉的讨论交流日常遇到的问题，在交流过程中发现java和js数据结构的不同之处，本文将对数据结构中的 对象 进行细节的探讨和总…
-
JavaScript中的new做了什么 var 士兵 = { ID: 1, // 用于区分每个士兵 兵种:"美国大兵", 攻击力:5, 生命值:42, 行走:function(){ /*走俩步的代码*/}, 奔跑:function(){ /*狂奔的代码*/ }, 死亡:function(){ /*Go die*/ }, 攻击:function(){ /*糊他熊脸*/ }, 防御:function(){ /*护脸*/ } } 兵营.create(…
-
如何处理 Web 图片优化？未优化的图片是影响网站性能的主要因素之一，尤其会影响初次加载。取决于图像的分辨率和画质，图片可能占据整个网站流量的 70%.
-
形象解密Promise、Generator 函数、Async 函数三者之间的关系（上） 作者案： 博客: blog.csdn.net/qtfying 掘金: juejin.im/user/57dead… QQ: 2811132560 邮箱: qtfying@gamil.com 最近被这三个兄弟搞得是晕头转向，然后决定花一番功夫比较深入的去了解一番，本着做为一名资深前端老油条的善良初心，决定还是布道，对还是布道一下，不但是加深自己对知识的理解…
-
PHP 手写MVC(二) —— 自动加载和Bootstrap在使用类的时候会用 require 或 include 将类加载进来，但是每次都手动加载，会导致一系列问题，比如类重复加载，管理困难等。所以解决上述问题，我们使用单独的一个文件来完成所有类的自动加载。
-
Webpack4不求人系列（1）Webpack是一个现在Javascript应用程序的模块化打包器，在Webpack中JS/CSS/图片等资源都被视为JS模块，简化了编程。当Webpack构建时，会递归形成一个模块依赖关系图，然后将所有的模块打包为一个或多个bundle。
-
使用 Node.js 处理 Excel 格式的多语言文件为 JS 版语言包 在做国际化时，运营或者产品往往会给到 Excel 版的多语言包，少则几个，多则十几个，而且经常会频繁的修改语言包的内容。而前端要根据 Excel 文件转成对应的 JSON 或者 JS 文件，手动处理显然是不现实的，一来费时费力，效率低下，二来容易出错，最重要的是不符合程序员的做事风格，机械的事情当然要交给机器去做了。 …
-
封装JS数据类型检测 数据类型检测有四种办法： typeof instanceof & constructor Object.prototype.toString.call(value) 封装一个数据类型检测的方法库。 typeof 用来检测数据类型的运算符 「语法」： typeof 「返回值」： 返回值是个字符串。例如 ‘unfefined’、’number’、’object’、’boolean’、’symbol’……..
-
如何在chrome中实时修改JS 有时候，我们需要去研究人家网站的运行机制，这就免不了要在他们的前端脚本里插入一些调试代码看看运行效果。在chrome65以前，我们可以打开目标网页的 开发者工具 — source选项卡 — 目标JS/CSS文件 ，然后在相关位置写入代码保存后即可看到改动后的效果。chrome65之后需要进行本地代码替换，本文就介绍一下如何在chrome…
-
Ajax原理与实现 Ajax（Asynchronous JavaScript And XML）异步 JavaScript 和 XML，是一种创建交互式互联网应用的网页开发技术。 二、Ajax 的优缺点 概括总结 Ajax 的优缺点 优点： 页面无刷新，用户体验好 使用异步的方式与服务器通信，响应更加迅速 减轻服务器的压力，节约带宽 基于标准化并被广泛支持的技术 …
-
JS：字符、代码单元和码点 JavaScript 中的字符串采用 UTF-16 编码，也就是说，字符串本质上是由一个个 16 位值（16-bits values，称为“ 代码单元 ”）组成的序列。 字符串中的每个“元素”从技术上将不是一个“字符”，而是一个“代码单元”。 如果一个字符串中只包含 ASCII 字符，那么每个“代码单元”就对应一个字符。 如果一个字符串还包含非 AS…
-
你不知道的JavaScript作用域链 作用域是你的代码在运行时,某些特定部分中的变量,函数和对象的可访问性。换句话说，作用域决定了变量与函数的可访问范围，即 作用域控制着变量与函数的可见性和生命周期 。 理解作用域 在 JavaScript 中有两种作用域 全局作用域 如果一个变量在函数外面或者大括号{}外声明,那么就定义了一个全局作用域 拥有全局…
-
vue入门慢慢加更 npm -v 查看npm版本 安装方式： 1.新版的node已集成了npm，所以之前npm也一并安装好了。 2.安装：npm install npm -g （-g代表全局安装，没有则局部安装） 3.使用淘宝镜像命令：npm install -g cnpm –regisy=https://registry.npm.aobao.org （安装cnpm比npm更快安装插件） npm install + 插件（模块名）安装…
-
vuepress插件开发不完全指南 最近用 vuepress 把社区的 typeScript 翻译文章打包成了一个 在线文档 ，不过有一些插件社区没有或者实现的不符合自己定制需求，所以决定自定义实现一个，这篇文化以掘金 复制代码 功能为例子。 先看一下开发完成的界面 先看一下官方给出的架构图 是不是感觉有点头疼，这里记不住没有关系，我们…
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
