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

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

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

 2021-04-08 蝈蝈要安静 阅读 (63) 评论(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 蝈蝈要安静 阅读 (145) 评论(0)喜欢 (0)

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

Widgets APIWordPress网站开发

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

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

add_theme_support()WordPress功能增强

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

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

CustomizeWordPress自定义选项

 2021-01-10 蝈蝈要安静 阅读 (483) 评论(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

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

webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。在使用 WebPack 前你需要先了解 NodeJS 及 NPM。

webpackwebpack-cliwebpack-dev-server基本配置

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

关于npm，官网上是这么说的。 npm 由三个独立的部分组成： 网站（registry） ：是开发者查找包（package）、设置参数以及管理 npm 使用体验的主要途径。 注册表（registry）： 是一个巨大的数据库，保存了每个包（package）的信息。 命令行工具（CLI）：通过命令行或终端运行。开发者通过 CLI 与 npm 打交道。

NodeJSnpm包管理工具

 2020-12-30 蝈蝈要安静 阅读 (263) 评论(0)喜欢 (0)

前端时间做了个 网易云音乐播放器>>>1:1高仿网易云音乐 Windows 桌面版 ，在线预览地址点这里>>> 音乐播放器。这两天准备把用到的功能抽离出来，封装成一个个小组件，方便以后使用。今天暂时先分享一个虚拟播放器的组件。

Vue组件虚拟播放器

 2020-12-09 蝈蝈要安静 阅读 (460) 评论(0)喜欢 (0)

如题，如何通过CSS 代码调整滚动条样式？ 答：使用 CSS 伪类选择器 ::-webkit-scrollbar  PS：::-webkit-scrollbar 仅仅在支持WebKit的浏览器可以使用

CSSCSS效果滚动条样式