最近在开发一个公司的投放管理系统的操作日志模块，要查看某条操作日志的请求参数，要将请求的参数以JSON格式的形式展示出来，于是用到了vue-json-viewer这个插件。
模块化机制让我们能够把代码拆分成多个模块（文件），而编译时需要知道依赖模块的确切类型，那么首先要找到它（建立模块名到模块文件路径的映射）
3、使用 mounted: function () { // 按需引入 axios.get(‘https://api.coindesk.com/v1/bpi/currentprice.json’).then(response => { console.log(‘按需引入’) console.log(response.data) }).catch(error => console.log(error)) },
今天有读者跟我反馈一个问题：他在电脑d盘根目录创建了一个：json.py的python文件，打算练习一下json中的两个函数：loads()和dumps()。
按需加载是所有组件库都会提供的一个基础能力，本文会分析ElementUI、Vant及varlet几个组件库的实现并进行相应实践，帮助你彻底搞懂其实现原理。
未进行打包优化的痛点： 随着项目的不断扩大，引入的第三方库会越来越多，我们每次build的时候会对所有的文件进行打包，耗时必定很长，不利于日常开发。 解决思路： 第三方库我们只是引入到项目里来，一般不会经常性的去修改源码，一般都是在src目录下编写业务代码，因此可以把第三方依赖和src分开打包。 每次build的时候我们只需要把之前build好的第三方依赖文件引入到项目中即可，避免了我们每次build的时候都会build第三方依赖。 当第三方依赖发生改变的时候我们只需要把第三方依赖再buil
在 python 中引入 Module 是再常见不过了，那么当我们 import 时它做了什么事情呢？它是如何加载 Module 使用的呢？
我们的打包配置有一个基类文件，并根据不同的打包需求，有不同子类文件——完整组件库打包、单个组件打包、打包示例工程。
其实原本只是想写一些有关于 Package.json 相关的内容，但是最近在关于业务频繁迭代的 Npm 包版本管理方面做了一些尝试，积累了一部分心得，所以刚好也拿出来在文章的后半部分和大伙分享下。
Python除了有自己内置函数，还有标准库以及第三方库。在Python中文网上面，我们可以清晰的看到两个菜单，标准库和第三方库。
书接上文，首先对上次的项目进行改造，参考：https://webpack.docschina.org/guides/asset-management/
国际化支持 1.安装依赖 执行以下命令，安装 i18n 依赖。 yarn add vue-i18n $ yarn add vue-i18n yarn add v1.9.4 warning package-lock.json found. Your project contains lock files generated by tools other than Yarn. It is advised not to mix package managers in order to avoid resoluti
res = requests.post(url='http://httpbin.org/post',data=json.dumps(data))
TS：TypeScript，一种由微软开发的开源、跨平台的编程语言。它是JavaScript 的超集，最终会被编译为 JavaScript 代码。
本周的项目有个需求，需要把打包好的项目，通过直接变更JSON的配置文件，动态的渲染页面。。
requests第三方封装的模块，通过简化请求和响应数据的处理，简化繁琐的开发步骤和处理逻辑、统一不同请求的编码风格以及高效的数据处理特性等而风靡于爬虫市场。
今天具体说一说比较常用的；Mint UI框架的按钮组件，Mint UI是 饿了么团队开发基于vue .js的移动端UI框架，它包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要
来源：葡萄城控件 http://www.cnblogs.com/powertoolsteam/p/Webpack.html Webpack 作为目前最流行的前端构建工具之一，在 vue/react 等 Framework 的生态圈中都占据重要地位。在开发现代 Web 应用的过程中，Webpack 和我们的开发过程和发布过程都息息相关，如何改善 Webpack 构建打包的性能也关系到我们开发和发布部署的效率。 以下是一些关于优化 Webpack 构建性能的几点建议： 一、选择合适的 Devtool 版本 we
Webpack 作为目前最流行的前端构建工具之一，在 vue/react 等 Framework 的生态圈中都占据重要地位。在开发现代 Web 应用的过程中，Webpack 和我们的开发过程和发布过程都息息相关，如何改善 Webpack 构建打包的性能也关系到我们开发和发布部署的效率。 以下是一些关于优化 Webpack 构建性能的几点建议： 一、选择合适的 Devtool 版本 webpack 的 devtool 配置，决定了在构建过程中怎样生成 sourceMap 文件。通常来说eval的性能最高，但
ECharts的JSON地图文件占了很大一部分,大概有1.96MB gzip以后900KB，这一部分是没有办法做处理的。然后ECharts也应该使用按需加载
为了省事,我们可以在项目架构时就把一切都准备好,虽然配置起来有点烦人,但是这样写项目的时候真的很方便很丝滑。
随着前端模块化的兴起，特别在 vue、react等一些热门框架的崛起，越来越多的公司加入了这一阵营。提及前端的模块化（这里主要说的是Javascript语言的模块化），就不得不说 es6标准提出的 export 和 import 两个命令了。当然还有 commonJS里的 module.exports 和 require 这一对组合了，这里暂不介绍这两组命令的具体用法。以后 我会专门写一篇文章介绍这两个命令的用法。我们以 es6中的 export 和 import 为例，介绍一下：
「副作用」的定义是，在导入时会执行特殊行为的代码，而不是仅仅暴露一个export或多个export。举例说明，例如polyfill，它影响全局作用域，并且通常不提供export。 注意，任何导入的文件都会受到tree shaking的影响。这意味着，如果在项目中使用类似css-loader并导入CSS文件，则需要将其添加到 side effect 列表中，以免在生产模式中无意中将它删除：
在之前的开发中主要用的是vue-cli2，最近空闲时间比较多，接下来有新项目，本着偷懒的本能，自己打算搭建一个基础包以备后期开发应用，并对其进行性能优化和配置
1.然后在项目根目录创建一个 config-overrides.js 用于修改默认配置。
externals和DllPlugin都是为了分离模块诞生，通过他们可以将一些第三方模块抽离出来，打包的时候不需将某些三方库一起打包如vue、vue-router
本文仓库 https://github.com/lxchuan12/read-pkg-analysis.git，[1]
Vue引入bootstrap主要有两种方法 方法一：在main.js中引入 此方法导入的bootstrap中对于html，body的一些预设置的css样式可能无效。 一、引入jQuery 在当前项目的目录下（就是package.json），运行命令 cnpm install jquery --save-dev 若是运行报错，则运行cnpm install jquery （cnpm和npm都可以）这样就将jquery安装到了这个项目中。 然后修改webpack.base.conf.js(在build文件下)
谈及如今欣欣向荣的前端圈，不仅有各类框架百花齐放，如Vue， React， Angular等等，就打包工具而言，发展也是如火如荼，百家争鸣；从早期的王者Browserify, Grunt，到后来赢得宝座的 Gulp， 以及独树一帜的 fis3, 以及下一代打包神器 Rollup ；在 browserify,grunt,gulp,rollup,webpack 可以一窥其中部分对比。在本文要探究的是，当前打包工具绝对霸者 Webpack。 Webpack，当前各大主流框架默认配备的打包方案，对其如何使用，已有较
网上的关于django-scrapy的介绍比较少，该博客只在本人查资料的过程中学习的，如果不对之处，希望指出改正；
作为一名 PHP 初级的程序员，目前尚且处于学习 PHP 业务逻辑实现到日常工作中的阶段，但是由于现在想要搭建一个满意的个人博客，并且尝试过很多 hexo 主题后总是会对主题的某些或某个部分不太满意， 所以为了以后可以自己实现相应页面的开发，所以还是想着能够学点前端框架的知识，为以后成为全栈工程师做准备。目前比较流行的前端框架主要有React.js和Vue.js，因为当前公司使用的是React.js开发的，所以也选择React作为学习对象。
在前面的几小节中已经完成了一个todolist的添加,删除的操作,通过把组件的数据放到了Redux中的公共存储区域store中去存储,在Redux中进行状态数据的更新修改
进行重新加载编译。实际就是将浏览器不认识的语法编译成浏览器认识的语法。比如less编译成css，ES6 语法 转成 ES5等等。
Vue3 正式版已经发布一段时间了，和 Vue3 更配的工具 Vite 也已经投入使用了，本文整理了如何将一些常用的工具整合到项目中。
当使用tsc命令进行编译时，如果未指定ts文件，编译器会从当前目录开始去查找tsconfig.json文件，并根据tsconfig.json的配置进行编译。
使用webpack4打包多Html页面的配置是在上面基础上，特别的利用Html-webpack-plugin，这里给出一个配置方案仅供参考：
服务端请求回来的数据都是JSON类型的，为了可以对数据进行遍历，必须要转成Map类型的。
2、引用并使用 在初始化echarts实例前，调用echarts.registerMap方法， 在option的geo属性设置对应值
由于业务需要，近期团队要搞一套自己的UI组件库，框架方面还是Vue。而业界已经有比较成熟的一些UI库了，比如ElementUI、AntDesign、Vant等。
前端国际化：应用要服务于不同的地区的用户，所以应用不能单一语言；应用要能让不同地区的人无障碍使用就需要实现国际化。 目前在各大商城项目中，对于国际化语言的需求越来越高了，其中最多的就是vue项目使用i18n插件实现多语言切换功能，最近有幸我刚好做了这方面的业务，下面是我对vue-i18n国际化语言的一点总结与记录
静态资源处理是前端工程经常遇到的问题，在真实的工程中不仅仅包含了动态执行的代码，也不可避免地要引入各种静态资源，如图片、JSON、Worker 文件、Web Assembly 文件等等。
DripTable 是京东零售推出的一款用于企业级中后台的动态列表解决方案，项目基于 React 和 JSON Schema，旨在通过简单配置快速生成页面动态列表来降低列表开发难度、提高工作效率。
下面会从基本使用开始出发，探究一个loader怎么写，并实现raw-loader、json-loader、url-loader、bundle-loader
1：打开编辑器，导入上一节的创建的项目,开始查看目录结构,manifest.json指定了开始页面index.html，一切的开始都从这里开始。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议
