去年(19年10月)在某技术沙龙上分享了《小程序工程化探索》后，陆续有网友联系到我询问一些实现方面的细节，虽然常年顶着黑眼圈修着“福报”，但还是决定抽出时间写一个小程序工程化系列，一是希望能帮到部分同学，二是希望能提升自己的总结与表达能力，由于是一个系列，所以每篇文章会尽量聚焦一个点，篇幅不会很长。闲话少述，本篇是小程序工程化系列第一篇，我将会详细介绍如何利用 Webpack 实现对小程序代码的文件依赖分析。
Json是一种轻量级的数据交换格式，具有数据格式简单，读写方便易懂等很多优点。用它来进行前后端的数据传输，大大的简化了服务器和客户端的开发工作量。
在日常使用 Node 进行开发的时候，会使用到一些文件系统、路径操作等基础 API，这里整理一下，方便大家理解和直接使用。
环境搭建 申请账号 开发小程序的第一步，你需要拥有一个小程序帐号，通过这个帐号你就可以管理你的小程序。 点击 https://mp.weixin.qq.com/wxopen/waregister?ac
JSON和JSONP虽然只有一个字母的差别，但其实他们根本不是一回事儿：JSON是一种数据交换格式，而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议。
我们可以看到有很多分类音乐榜单，我们看看他到底是怎样写的右击查看源码 body内容就下面几行代码，其他的数据都是通过js加载的
第3步： 保证以上都安装后 电脑命令窗口：CMD 运行第2步目录运行加载node 依赖：
需要引用xml2js模块，写了两个方法 json 转 xml 与 xml 转 json 的方法
3.进入用户目录，找到.bashrc文件，文件末尾添加以下代码（例如/usr/.bashrc）
使用场景：使静态页面获取json文件内容（更具体些，比如echars表想获取本地json数据），这里以读取data.json为例
小程序的开发与传统的web前端开发极其相似，想必各位技术宅们关心的是如何去开发一个小程序，这里我简单介绍一下如何简单上手开发小程序。
一直以来，前端工程中的配置大多都是 .js 文件或者 .json 文件，最常见的比如：
上一节通过HTTP的GET操作，我们获取了天气相关的信息。但相关信息是以JSON格式发下来的，所以需要对数据进行解析。解析之前先明确几点：
4、可读性较强，虽然比不上 XML 那么一目了然，但在合理的依次缩进之后还是很容易识别的；
在互联网时代，数据是金钱的来源。然而，要从海量的网页中提取需要的数据并不容易。本文将带你了解如何使用Node.js编写简易爬虫程序，帮助你轻松获取并处理JSON数据，让你不再为数据发愁。
本文仓库 https://github.com/lxchuan12/read-pkg-analysis.git，[1]
数字货币因其技术去中性化和经济价值等属性，逐渐成为大众关注的焦点，同时通过恶意挖矿获取数字货币是黑灰色产业获取收益的重要途径。本文简析通过蜜罐获取的XMR恶意挖矿事件：攻击者通过爆破SSH获取系统权限，配置root用户免密登录,并下载及执行XMR 挖矿程序，及XMR 网页挖矿程序。XMR挖矿程序耗肉鸡CPU/GPU资源，网页挖矿程序耗访问肉鸡服务器JS 网页的客户端资源 。
新建src/assets/lottie/文件夹，并将bodymovin_light.min.js文件和设计师给的动画json文件统一放到src/assets/lottie/文件夹中。
今天看jd-base脚本中的日志，发现有些项目我自己没有提供互助码，脚本会自动去助力作者的互助码。然而有些项目的互助码是每日变化的，根本没有可以在配置文件内去设置我自己的互助码。所以决定修改脚本实现自动记录和查询我自己账号的互助码，以方便我自己的几个号互相助力。
在实际开发中，经常会遇到导入Excel文件的需求，有的产品人想法更多，想要在前端直接判断文件内容格式是否正确，必填项是否已填写
codesandbox能在线运行代码，显然他也实现了上述步骤，具体来说，codesandbox内置了2个在线服务：
特别地，如果在HTML中添加如data-foo-bar的属性，在JS中需要通过camelCase的形式访问到值：
微信小程序插件是对一组js接口，自定义组件或页面的封装，用来嵌入微信小程序中，用来被开发者调用。
微信小程序-代码结构介绍
来记录下学习（踩坑）的过程，这篇文章的代码都在https://github.com/Maricaya/nextjs-blog-1啦。
本文档将带你一步步创建完成一个微信小程序，并可以在手机上体验该小程序的实际效果。 开发准备工作 获取微信小程序的 AppID 登录 https://mp.weixin.qq.com ，就可以在网站的“
本篇文章记录了学习微信小程序时遇到的一些问题和知识点，学习材料是coderwhy老师的视频。
我们都知道Nodejs遵循的是CommonJS规范，当我们require('moduleA')时，模块是怎么通过名字或者路径获取到模块的呢？首先要聊一下模块引用、模块定义、模块标识三个概念。
const Jarvis = require("webpack-jarvis"); plugins: [ new Jarvis({ watchOnly: false, port: 3001 // optional: set a port }) ];
这是一个练习项目宿舍管理小程序，我们可以清晰地看到在文件夹miniprogram下存在的几个文件夹。 第一个文件夹images主要是存放一些小程序中所需的图片；
什么是跨域？ 概念：只要协议、域名、端口有任何一个不同，都被当作是不同的域。 URL 说明 是否允许通信 http://www.a.com/a.js http://www.a.com/b.js 同一域名下 允许 http://www.a.com/lab/a.js http://www.a.com/script/b.js 同一域名下不同文件夹 允许 http://www.a.com:8000/a.js htt
http://lol.qq.com/web201310/info-heros.shtml
2018即将过去，2019即将来临，前端技术不断在在更新，学的东西越来越多。我们只有不断的学习，才不能被淘汰。在前后端分离的一个时代，后端提供接口，前端调用接口，逻辑判断，每个都是独立的工作。如果自己在空余的时间，想学习新的知识，却没有好的接口，只能写写假的json数据。或者网上开源的数据库，mock，野狗数据库，firebase，或者使用本地的json-server搭建本地数据库使用也是完全没有问题的，也可以正常的实现数据的接口请求。
最近公司需要做一个电商平台店铺统计的系统，大致的需求是将某电商平台的多个店铺数据全部进行收集，放到公司内部自己的系统里进行管理和分析。为了获取店铺在电商平台的数据，就必须要解决电商平台的登录Cookie问题，拿到登录的Cookie后用接口模拟请拿到数据。为了图方便省事，于是写了一个小小的浏览器插件，专门用于获取登录Cookie，以下简单的对插件作一些介绍。
通过Vue CLI可以方便的创建一个Vue项目，但是对于实际项目来说还是不够的，所以一般都会根据业务的情况来在其基础上添加一些共性能力，减少创建新项目时的一些重复操作，本着学习和分享的目的，本文会介绍一下我们Vue项目的前端架构设计，当然，有些地方可能不是最好的方式，毕竟大家的业务不尽相同，适合你的就是最好的。
模块是Node.js里面一个很基本也很重要的概念，各种原生类库是通过模块提供的，第三方库也是通过模块进行管理和引用的。本文会从基本的模块原理出发，到最后我们会利用这个原理，自己实现一个简单的模块加载机制，即自己实现一个require。
通过上一篇我们已经完成了注册及开发环境的搭建，今天我们来开发我们的第一个微信小程序 微信小程序开发注册流程
HMR - Hot Module Replacement，当 webpack 开启 HMR 功能后，代码修改时 webpack 会重新打包，并将修改后的代码发送到浏览器，浏览器替换老的代码，保证了页面状态不会丢失，在不刷新整个页面的前提下进行局部更新。
1.从https://github.com/cornflourblue/node-role-based-authorization-api下载或克隆教程项目代码 2.通过从项目根文件夹（package.json所在的位置）中的命令行运行npm install来安装所有必需的npm软件包。 3.通过从项目根文件夹中的命令行运行npm start来启动api，您应该看到消息 Server listening on port 4000。您可以使用诸如Postman之类的应用程序直接测试api，也可以使用下面的单个页面的示例应用程序来测试它。
在实际的开发过程中，我们经常用别人开发的脚手架，以节约搭建项目的时间。但是，当 npm 没有自己中意的脚手架时，我们不得不自己动手，此时学会开发前端 CLI 脚手架的技能就显得非常重要。搭建一个符合大众化的脚手架能使自己在项目经验上加个分哦！
微信小程序自九月份推出内测资格以来，经历了舆论热潮到现在看似冷清，但并不意味着大家不那么关注或者不关注了。我想不管是否有内测资格，只要是感兴趣的开发者已经进入潜心耕耘产品的阶段了，至少是静下心来思考与学习。如果对微信小程序的前途和定位有什么疑惑，可以看看这篇文章。
使用浏览器打开 https://mp.weixin.qq.com/ 网址，点击右上角的“立即注册”即可进入到小程序开发账号进行注册。
如上图所示，一个微信小程序由.js、.json、.wxml、.wxss四种文件构成：
在实际的开发过程中，我们经常用别人开发的脚手架，以节约搭建项目的时间。但是，当npm没有自己中意的脚手架时，我们不得不自己动手，此时学会开发前端CLI脚手架的技能就显得非常重要。搭建一个符合大众化的脚手架能使自己在项目经验上加个分哦！
经『手撕Vue-CLI』编译模板『上』已经将大概流程编写好了，接下来就是将模板中的变量替换成用户输入的内容。
Filter过滤器：客户端在请求服务器资源前和返回响应，会通过过滤器，以拦截请求完成特殊功能。登录校验、统一编码校验等一些通用操作放置到过滤器。 定义类实现接口Filter（javax.servlet），复写方法（init（服务器启动调用），doFilter（写入FilterChain.doFilter进入方法放行，之后的代码为返回响应执行的信息），destory（服务器关闭前执行）），配置拦截路径（@WebFilter（/*为所有资源都拦截））。 web.xml配置（WEB_INF下），配置filter标签下的filter-name，filter-class。配置filter-mapping标签下url-pattern，filter-name。也可直接用注解@WebFilter配置即可。 配置详解：拦截路径配置（具体资源路径、目录/xxx/*、后缀*.jsp，所有资源/*等）。 配置符合请求方式访问资源前进行的拦截（REQUEST浏览器直接请求，FORWARD转发访问资源，INCLUDE包含访问资源，ERROR跳转资源，ASYNC异步访问资源），使用注解的dispatcherType（可传入数组）。 也可配置web.xml的dispatcher标签拦截符合条件的资源被访问方式。 过滤器链（多个过滤器），资源进入通过的过滤器和返回的顺序相反。使用注解：过滤器执行的先后使用类名字符串比较（如AFilter，BFilter等）顺序执行。使用web.xml：filter-mapping的先后顺序执行 设置登录校验，可以在Filter中对指定页面校验session值判断放行和跳转等。敏感词汇过滤：使用装饰模式、代理模式等来增强request。在代理模式中使用代理对象代理真实对象达到增强真实对象，代理中增强返回值为。 静态代理使用类文件描述代理模式，动态代理在内存中形成代理类。代理对象和真实对象实现相同接口，使用Proxy的newInstance获取代理对象（传入如：lenovo. getClass(). getClassLoader(), lenovo. getClass(). getInterfaces(), new InvocationHandler( )，然后重写invoke），使用代理对象获取真实。 proxy为代理对象，method为代理对象被调用的方法，args为被调用时传递的参数。invoke中写入Object obj=method.invoke(xxx,args);return obj方式增强真实对象。通过修改代理传入的参数，返回值，和方法体，进行增强和修改。
百度于2020年12月12日发送了一则令人叹息的消息提醒：普通收录工具-自动推送入口下线。已经快要一年了，这个工具也没有再次上线。虽然push.js仍然能够访问，但是接口早已关闭，所以已经没什么用。为了再次重现这个功能，并且在前端显示文章是否收录，推送成功，推送失败，我决定利用已有知识，重写自动推送功能，实现访问文章即可自动推送文章到百度站长。
开发小程序的第一步，你需要拥有一个小程序帐号，通过这个帐号你就可以管理你的小程序。
Ajax(Asynchronous JavaScript And XML)：异步的 JavaScript 和 XML。
点击任一英雄头像，进去该英雄的详情页，里面存放着该英雄的信息和皮肤图片，所以要获取该英雄皮肤就需要从前面的url中进入该详情页：
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
