minipack是一个小型的打包工具，作者ronami，用来解析打包工具的基本原理。代码中有相当多的注释，理解起来也非常容易。
前端模块化成为了主流的今天，离不开各种打包工具的贡献。社区里面对于webpack，rollup以及后起之秀parcel的介绍层出不穷，对于它们各自的使用配置分析也是汗牛充栋。为了避免成为一位“配置工程师”，我们需要来了解一下打包工具的运行原理，只有把核心原理搞明白了，在工具的使用上才能更加得心应手。
产品经理：我们本次开发三个功能，列表页功能、详情页功能、系统消息功能，分两次上线，先上列表功能，再上详情页和系统消息。
这篇博客的源代码是我的正在写的在线简历,博客是继上一篇写的 完整代码(项目暂未完成) 预览地址
我们获取到了文本以后，如果直接就拿来分析依赖当然也可以，但是处理起来非常麻烦，效率也低下，尤其是文件内容复杂的时候。所以我们需要将文本转化为 js 可直接操作的对象 ast。 前面我们讲到了 babel，它可以将 js 源文件根据我们的需要做内容变更，比如将我们的 es6 编写的源文件转成 es5，其实就是将我们的源文件内容先转为 ast 再去实现后续变更的。它有一个专门负责转换的模块，叫做 baben/parser，前身是 babylon。
随着前端复杂度的不断提升，诞生出很多打包工具，比如最先的grunt，gulp。到后来的webpack和Parcel。但是目前很多脚手架工具，比如vue-cli已经帮我们集成了一些构建工具的使用。有的时候我们可能并不知道其内部的实现原理。其实了解这些工具的工作方式可以帮助我们更好理解和使用这些工具，也方便我们在项目开发中应用。
在需要添加live2d的界面文件，添加代码，这里以hexo-theme-butterfly为例
本文主要介绍如何使用Node.js、Express、MongoDB和EJS来搭建一个基于Web的社区平台，用于帮助用户进行技术交流和分享。具体内容包括如何安装和配置相关模块、如何使用Express实现路由处理、如何使用EJS模板引擎进行页面渲染、如何实现用户认证和授权、如何使用MongoDB存储和查询用户数据、如何使用Markdown扩展和HTML扩展实现富文本编辑，以及如何通过代码示例和详细说明展示如何使用社区平台的各个功能。
运行后会在项目根目录的data文件夹下生成以你QQ号命名的文件夹，其中有一个”qrcode.png”图片，使用手机扫码登录，然后在控制台按下回车，此时会显示登录成功
点击下载 链接：https://pan.baidu.com/s/1TUrgtO3IJfSFOR0DHq-rag 提取码：ryek
我之前写了一篇《如何把 Node.js 项目从 JavaScript 迁移到 TypeScript 的指南》。指南的阅读量超过了七千，不过其实当时我对 JavaScript 和 TypeScript 的了解并不深入，把重心更多地放到特定工具上，而没怎么从全局着手。最大的问题是我没有提供迁移大型项目的解决方案。
场景： 线上运行着稳定版本stable1.0，你在QA上开发新版本dev2.0。突然stable1.0出现bug了，你需求切分支过去修改bug。但是，dev2.0的代码不过完整，还不想提交。肿么办？
React是一个用于构建用户界面的JavaScript库，它可以创建动态和交互式的网页应用。Firebase是一个由Google提供的后端服务平台，它可以快速地开发和部署iOS、Android和Web应用。Firebase提供了一些工具，如身份验证、数据库、存存储、分析等，来构建高质量的应用。
Namespace 命名空间 允许开发人员在一个独特, 应用相关的名字的名称下捆绑所有功能的容器。 Class 类 定义对象的特征。它是对象的属性和方法的模板定义. Object 对象 类的一个实例。 Property 属性 对象的特征，比如颜色。 Method 方法 对象的能力，比如行走。 Constructor 构造函数 对象初始化的瞬间, 被调用的方法. 通常它的名字与包含它的类一致. 例如Object(),String(),Number() Inheritance 继承 一个类可以继承另一个类的特征。 Encapsulation 封装 一种把数据和相关的方法绑定在一起使用的方法. Abstraction 抽象 结合复杂的继承，方法，属性的对象能够模拟现实的模型。 Polymorphism 多态 多意为‘许多’，态意为‘形态’。不同类可以定义相同的方法或属性。
Typecho插件版：Typecho插件版之给博客加上能陪聊的Live2d版伊斯特瓦尔
要实现的效果是订阅消息。消息通知、一次性订阅消息。 订阅消息简介： 订阅消息的能力，可以实现服务的闭环和更优的体验。 订阅消息推送位置：服务通知
首先在使用上，唯一的区别就是需要在script标签上添加一个type="module"的属性来表示这个文件是作为module的方式来运行的。
后台管理系统，是内容管理系统Content Manage System（简称CMS）的一个子集。CMS是Content Management System的缩写，意为"内容管理系统"。 根据自己的业务提供不同模块，如商品管理、订单管理、财务管理等等。
本文章中所用模型解包自药水制作师手机游戏，版权归该官方所有。(没错，我也是来安利这款游戏的)
https://developers.weixin.qq.com/doc/offiaccount/Custom_Menus/Creating_Custom-Defined_Menu.html
跨域是指从一个域名的网页去请求另一个域名的资源。比如从www.baidu.com 页面去请求 www.google.com 的资源。跨域的严格一点的定义是：只要 协议，域名，端口有任何一个的不同，就被当作是跨域 浏览器有同源策略本身是禁止跨域访问的 为什么浏览器要限制跨域访问呢？原因就是安全问题：如果一个网页可以随意地访问另外一个网站的资源，那么就有可能在客户完全不知情的情况下出现cookie泄露的安全问题 为什么要跨域： 既然有安全问题，那为什么又要跨域呢？ 有时公司内部有多个不同的子域，比如一个是location.company.com ,而应用是放在app.company.com , 这时想从 app.company.com去访问 location.company.com 的资源就属于跨域
2020 年下旬，Google Analytics 发布了 v4，数据收集接口迁移为向 analytics.google.com 发送 POST 请求，导致中国大陆不可用。于是因此就计划着开发了 Aofuji Analytics，作为一个超轻量级的自搭建数据收集工具，用于 GA 的简单替代。
前端同学大多习惯使用MongoDb数据库但是MySQL才是正儿八经开发环境中用的多的数据库，那么应该怎么样使用node.js配合MySql写一个完整的后端项目呢？
MongoDB Atlas 是一个在云端的数据库，免去了数据库的搭建、维护，通过其提供的 Web UI 能够让你在 5 分钟之内快速搭建一个 Clusters。Node.js 是一个 JavaScript 的运行时，在 JavaScript 中函数做为一等公民，享有着很高的待遇，通常使用 Node.js 我们可以快速的搭建一个服务，而 ServerLess 是一种 “无服务器架构”，从技术角度来讲是 FaaS 和 BaaS 的结合，FaaS（Function as a Service）是一些运行函数的平台。
链接：https://pan.baidu.com/s/1s7IJIqGnn-cNRAfoS-qG5w 提取码：dhf4 其中包含了看板娘所需的CSS，image,JS,Live2d所需的基本资源。
数据必须存在服务器上,这样任何设备访问服务器都可以得到数据,如果存在客户端的本地,那么其他客户端设备无法读取到.所以数据必须存储在服务器的数据库上
随着web技术的发展，使用场景和需求也越来越复杂，客户端不再满足于简单的请求得到状态的需求。实时通讯越来越多应用于各个领域。
Node.js在2019年走到了第十个年头, npm上面的包数量也超过了一百万. NodeJS自身的下载量也在以每年40%的速度持续增长. 而对于NodeJS最近的另一个里程碑便是它加入了OpenJS基金会, 该基金会旨在提高项目的健康度与可持续性, 同时与JavaScript社区有一个紧密的合作.
1.使用自己手机上的微信打开"EMS中国邮政速递物流"小程序,可以添加到"我的小程序" 2.打开模拟器的微信并登录 3.在模拟器微信的下拉小程序最近使用历史中打开"EMS中国邮政速递物流",如果历史记录中没有就在我的小程序中找一找 4.打开小程序等待加载之后就可以去找源码包了 5.打开RE文件管理器,进入到以下路径查找源码包(可以根据下载时间区分出你想要的源码包)
WebViewJavaScriptBridge 使用一个不可见的 iFrame 来触发消息传递, 应该是为了兼容 UIWebView 和 WKWebView。
场景 在移动端开发中，最为流行的开发模式就是hybmid开发，在这种native和h5的杂糅下，既能在某些需求中保证足够的性能，也可以在某些列表详情的需求下采用h5的样式控制来丰富内容。但是在大型产品的开发中，往往前端的职责不仅仅是h5的编写，还包括基本业务逻辑的实现，比如在h5页面中确定当前用户所在的城市（location），我们可以采用html5规范的Geolocation接口，但是更为通俗的做法是调用native的本地接口，因此这种常规的场景就涉及到了js和native层通信的问题，这在手淘开发中
Mustach语法就是双大括号，所以也有人直接叫双括号语法,我们可以利用其进行基本的拼接和运算
留言列表：（js-div-whiteboard-messages）、无留言提示：（js-div-whiteboard-empty-hint ）、提交新留言：（js-div-whiteboard-input），三个div自上而下垂直排列。
新建InsertValue.html,使用双大括号可以获取data中的值,可以写一些简单的表达式,比如加减乘除
前端网页JavaScript（下文简称Js）和Java互相调用在手机应用中越来越常见，JsBridge是最常用的解决方案。 1. Js调用Java，Java调用Js 在Android开发中，能实现Js调用Java，有4种方法： 1.JavascriptInterface 2.WebViewClient.shouldOverrideUrlLoading() 3.WebChromeClient.onConsoleMessage() 4.WebChromeClient.onJsPrompt() 1.1 Javas
v-model其实是一个语法糖，他的背后本质包含两个操作： 1.v-bind绑定一个value属性 2.v-on指令给当前元素绑定input事件
在开发中涉及到网页与iOS原生交互，于是就想到了WebViewJavascriptBridge 这个开源库。经过最近几天的研究和了解算是熟悉了它的使用和大致的处理过程。以此记录作为自己学习总结习惯的开始，也便于不熟悉它的人能快速使用它。 内容包括三个部分。
今天把实现OC代码和JS代码交互的第三方库WebViewJavascriptBridge源码看了下，oc调用js方法我们是知道的，系统提供了stringByEvaluatingJavaScriptFromString函数
表单输入框对输入内容校验，这是一个很基本的功能，像这种非常普遍的功能，当然是先找下有没有现成的插件可以使用。 这里介绍一款很好用的表单验证插件，formvalidation，实际上也是bootstrap的一个插件，之前叫bootstrapValidator，现在独立出来了。 官网：http://formvalidation.io/
前一篇文章中，我们大致的讲述了一下JavaScriptCore这个库在iOS开发中的应用。在文中最后的阶段，我们提到了WebViewJavaScriptBridge这个库。提到这个库，可能有一些人就要说了，现在都什么时代了，谁还会用这个库啊？全是坑！不错，早在三年前，这个库有过一段辉煌的时光，在苹果除了WKWebView之后，渐渐的使用这个库的人越来越少，尽管这个库也是支持了WKWebView的。 但是一个事物的存在就有他的价值，就算使用也不是那么频繁了，尽管他有很多的坑。但是对于一个开发者来说，我们应该取其精华去其糟粕，现如今出的很多的交互的bridge依旧是有部分交互逻辑沿用了WebViewJavaScriptBridge的思想。 这里就不得不提味精大神的一片文章，这篇文章里面深入浅出的谈了谈现如今Hybrid开发时常用的一些桥方法。有兴趣的可以去关注一下。废话不多说，那么我们今天就从源码开始解析这个库的使用以及原理。
近日，有朋友问我关于WKWebView与JS的交互问题，可我之前一直使用的是UIWebView，也不曾做过WKWebView的交互啊！接下来大家一块学习下WKWebView是怎么实现原生代码和JS交互的。
前几天，我和一位知乎网友讨论这个问题的时候，觉得这非常有意思，所以写了这篇文章作为记录
protobuf.js是一个纯JavaScript实现，支持Node.js和浏览器的TypeScript，它容易使用速度快速，可以直接反射.proto文件，不需要生成任何文件。
在潦草的完成了注册与登录之后，下面开始编写平台的主体部分了。 忘记密码和恢复密码部分在最后完善的时候补上。
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/53541088
使用WKWebView的时候，如果想要实现JS调用OC方法，除了拦截URL之外，还有一种简单的方式。那就是利用WKWebView的新特性MessageHandler来实现JS调用原生方法。
源码： https://github.com/lzyzsd/JsBridge 1 背景 近年来混合框架很火，一些大型的公司如BAT的移动客户端app几乎都采用了混合架构。这样实现有什么好处呢？首先就必须了解采用webview开发和采用原生开发的客户端的优缺点。这里我仅列举个人的观点： 1.1 使用webview: 优点： 便于敏捷开发、便于维护和可以热修复和定制 缺点：UI没原生的美观 1.2 使用原生开发： 优点：当然是可以方便使用原生UI 缺点：无法热修复等 貌似很多公司都采用类似的原理实现，本文
本文实例讲述了thinkPHP框架中layer.js的封装与使用方法。分享给大家供大家参考，具体如下：
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
云直播
