2021-06-07 蝈蝈要安静 阅读 (124) 评论(0)喜欢 (0)

前端技术发展到今天，用户通过终端浏览到应用内容的方式一般包含两种： 客户端渲染(CSR)：客户端请求数据及 JS 内容，在客户端渲染成标准的页面呈现出来 服务端渲染(SSR)：服务端从本地拿到数据，然后先渲染好页面再发送到客户端呈现给用户

SSRVue服务器端渲染

 2021-06-06 蝈蝈要安静 阅读 (109) 评论(2)喜欢 (0)

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

Vuevue-clivue-routervuex

 2021-05-15 蝈蝈要安静 阅读 (245) 评论(0)喜欢 (0)

ECharts 是一个基于 JavaScript 实现的开源商业级数据图表库（Enterprise Charts），可用于生成一些诸如：折线图、柱状图、饼图、散点图、K线图、雷达图、热力图、仪表盘、数据地图、河流图等行业数据图形。ECharts 最初由百度团队开源，2018年初捐赠给Apache基金会，成为ASF孵化级项目，2021年初 Apache 官方宣布 ECharts 项目正式毕业并退出 5.0 版别。

ECharts数据图标库

 2021-05-09 蝈蝈要安静 阅读 (173) 评论(0)喜欢 (0)

正则表达式(Regular Expression)是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合验证用户给出的指定字符是否合规的一种手段。正则表达式在几乎所有语言中都可以使用，各语言间略有差别，但大体上是一致的。这里简单整理下常用正则的使用方法。

RegExp正则校验正则表达式

 2021-04-14 蝈蝈要安静 阅读 (247) 评论(0)喜欢 (0)

所谓同源策略，是指浏览器只允许 JavaScript 读取相同【协议、域名、端口】下的数据以保证用户的信息安全，防止恶意网站窃取数据。其限制的内容主要包括：Cookie、LocalStorage 和 IndexDB 中数据的读取；AJAX 请求的发送；DOM 元素的获取等。该安全策略 1995 年由网景公司（Netscape）提出。

CORSJSONP代理服务器反向代理同源策略跨域请求

 2021-04-08 蝈蝈要安静 阅读 (278) 评论(0)喜欢 (0)

AJAX 即 Asynchronous JavaScript and XML，是一种创建交互式网页应用的网页开发技术。该技术 2005 年由 Jesse James Garrett 提出，AJAX 不是新的编程语言，而是对现有技术（XMLHttpRequest(核心)、HTML，JS，CSS，DOM，XML，XSLT等)的整合。值得注意的是，尽管 X 在 AJAX 中代表 XML，但由于 JSON 的诸多优势，目前 JSON 的使用比 XML 更加普遍。

AJAXAxiosFetchAPIjQueryPromiseXMLHttpRequest

 2021-03-14 蝈蝈要安静 阅读 (476) 评论(0)喜欢 (0)

WordPress 可以将一些常用的模块封装成一个个的小工具，并提供对应的配置选项，这样我们可以通过拖拽的方式自定义摆放各种小工具实现网页的布局。Widgets API 即是用于用户自定义小工具的一个类，该 API 定义在 wp-includes/widgets.php 文件下。

Widgets APIWordPress网站开发

 2021-03-01 蝈蝈要安静 阅读 (418) 评论(0)喜欢 (0)

add_theme_support() 用于增强一些 WordPress 未启用的功能，该函数必须在主题的 functions.php 文件中调用，如果需要挂载到其他钩子函数中，则必须通过 after_setup_theme 在主题安装后加载功能。

add_theme_support()WordPress功能增强

 2021-02-19 蝈蝈要安静 阅读 (350) 评论(0)喜欢 (0)

Customizer 是面向对象进行配置的，该 API 主要包含四种类型： Panel：面板将多个节整合到一起方便管理 Section：每个节里包含多种自定义选项方便各选项归类 Setting：自定义控件的默认设置与数据库中字段相关联，注意应在 control 前调用 Control：控件是最终显示给用户自定义选项，注意应在 setting 后调用

CustomizeWordPress自定义选项

 2021-01-10 蝈蝈要安静 阅读 (797) 评论(0)喜欢 (0)

使用 npm 命令 npm i webpack webpack-cli webpack-dev-server -D 常规安装并配置好 package.json 后，运行 npm run server 会报一个错误 Cannot find module 'webpack-clibinconfig-yargs'。网上针对此错误信息统一的解释是：版本冲突导致，使用 npm install webpack@4.43.0 webpack-cli@3.3.12 webpack-dev-server@3.11.0 -D 安装低版本即可。这是没错的，但总不能因噎废食，不用新版本吧。后来发现 webpack-dev-server 的 Issues 中有这么篇文章>>> Error: Cannot find module 'webpack-cli/bin/config-yargs' 。所以说，如果要使用新版本，应该使用 webpack serve 命令，而不是 webpack-dev-server 命令

config-yargswebpackwebpack-cli