我的旧主题是基于初学前端时写的 Fuji 主题构建的大改版，而在历经多次小修小补之后终于进入了维护不动的的状态。无论是 Hugo 模板本身，还是相配的 JS 和 CSS 都进入了完全的混乱状态。趁着近期有一点时间，是时候来一次重构了。
本文主要探讨了 Webpack Tree Shaking 的基本概念，而非深入其底层代码实现。相关的代码示例可以在 这里[1] 查看。
前面 3 篇文章讲了 Selenium 的一些基本操作，利用这部分技能，大部分网站的自动化都能顺利完成。
做自动化过程中，会发现有的按钮点击不了，或者点击没有反应，也没有报错，或者不能处理滚动条等场景，我们可以通过JavaScript定位来解决这些问题。
在某些场景下，我们希望能监视 DOM 树的变动，然后做一些相关的操作。比如监听元素被插入 DOM 或从 DOM 树中移除，然后添加相应的动画效果。或者在富文本编辑器中输入特殊的符号，如 # 或 @ 符号时自动高亮后面的内容等。要实现这些功能，我们就可以考虑使用 MutationObserver API，接下来阿宝哥将带大家一起来探索 MutationObserver API 所提供的强大能力。
写入口函数防止页面上的标签还没有被渲染出来，js代码就执行了 不同于js，JQuery可以有多个入口函数
Vue.js，这个JavaScript框架在开发者圈子里可谓是大名鼎鼎，以其简洁和灵活著称，让开发者们能够高效地构建出既有趣又动态的网页应用。不过，就像任何技术一样，它也有自己的学习曲线和可能的陷阱。
上一篇文章讲解了链表的相关知识，并用代码实现了一个链表结构。那么本文将介绍一下另一种特殊的链表结构，叫做 双向链表。 顾名思义，普通的链表都是从 head 开始往后遍历结构内的元素，那么双向链表就是既可以从头开始遍历，又可以从结构的末尾开始遍历。
从项目中由浅入深的学习vue,微信小程序和快应用 (1) 从项目中由浅入深的学习react (2) 从项目中由浅入深的学习typescript (3)
vue2版本中文文档：https://v2.cn.vuejs.org/v2/guide/
根据需求需要将老项目中的 WebView 替换成 WKWebView，期间查阅了不少文档和资料，之前也发布了几篇 WKWebView 相关的优秀文章。
在底层的实现上，Vue将模板编译成虚拟DOM渲染函数。结合响应式系统，Vue能智能计算出最少需要重新渲染多少组件，并把DOM操作次数减到最少。
virtual dom，即虚拟 dom，虚拟 dom 对应的是真实 dom，使用 document.CreateElement 和 document.CreateTextNode 创建的就是真实节点。
jQuery UI CSS Framework是jQuery UI中的一个样式框架，可以利用jQuery Theme roller 来生成自己想要的css样式效果。我们可以利用jQuery UI的一些框架来开发出基于jQuery UI CSS Framework效果的插件来。 jQuery UI中两大核心的css文件是ui.core.css和ui.theme.css.这两个css样式贯穿整个基于jQuery ui的界面上，并且可以通过jQuery ui ThemeRoller来生成自己的样式。 .ui-he
（1）登录受信任网站A，并在本地生成Cookie。（如果用户没有登录网站A，那么网站B在诱导的时候，请求网站A的api接口时，会提示你登录）
最近看企鹅群 ，发现li的value有个‘好玩’的默认“规则”，搜索一番发现是Property 与Attribute 的缘故，无奈最初不清楚，最后搜到如下一篇文章，算是了解了点。现偷偷运输过来，供大家欣赏（最后附有原文以及其他”可能”有帮助的）。
SQL注入： 所谓SQL注入，就是通过把SQL命令插入到提交的Web表单或输入域名或页面请求的查询字符串，最终达到欺骗服务器执行恶意的SQL命令，导致数据库中的信息泄露或者更改。 防范： 1.永远不要信任用户的输入,将用户输入的数据当做一个参数处理： 使用参数化的形式，也就是将用户输入的东西以一个参数的形式执行，而不是将用户的输入直接嵌入到SQL语句中，用户输入就被限于一个参数。 2.避免提示详细的错误信息： 当用户输入错误的时候，避免提示一些详细的错误信息，因为黑客们可以利用这些消息，使用一种标准的输入确认机制来验证所有的输入数据的长度、类型、语句、企业规则等。 3. 加密处理： 将用户登录名称、密码等数据加密保存。加密用户输入的数据，然后再将它与数据库中保存的数据比较，这相当于对用户输入的数据进行了“消毒”处理，用户输入的数据不再对数据库有任何特殊的意义，从而也就防止了攻击者注入SQL命令。 4.确保数据库安全： 锁定你的数据库的安全，只给访问数据库的web应用功能所需的最低的权限，撤销不必要的公共许可，如果web应用不需要访问某些表，那么确认它没有访问这些表的权限。如果web应用只需要只读的权限，那么就禁止它对此表的 drop 、insert、update、delete 的权限，并确保数据库打了最新补丁。
在上一篇文章“如何及时发现网页的隐形错误”中我们讲了，前端有哪些常见的异常，以及如今监控获取这些异常的方法，今天我们就来讲讲我是如何来监控我的JavaScript异常的。
观察者模式，它定义了一种一对多的关系，让多个观察者对象同时监听某一个主题对象，这个主题对象的状态发生变化时就会通知所有的观察者对象，使得它们能够自动更新自己。
如何在PYTHON中移去文件的只读属性, 用chmod命令stat.S_IWRITE
uni-app 是一个使用 vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。
csrf攻击(Cross-site request forgery):跨站请求伪造;
CSS Working Group 简称 CSSWG, 在近期的会议中决定将 if() 添加到 CSS Values Module Level 5 中。
| 导语 在过去，浏览器沙箱（sandbox）主要应用在前端安全领域，随着应用架构复杂，微前端方案的出现，js运行环境沙箱在浏览器中的需求越来越多。特别是近几年比较火的微前端领域，js沙箱是其比较核心一个技术点，是整个微前端方案的实现的关键点之一。 微前端对于沙箱的诉求 沙箱在微前端架构中不是必须要做的事情，因为如果规范做的足够好，是能够避免掉一些变量冲突读写，CSS 样式冲突的情况。但是如果你在一个足够大的体系中，仅仅通过规范来保证应用的可靠性面临较大的风险，还是需要技术手段去治理运行时的一些冲突问题
本教程操作环境：windows7系统、jquery3.6.1版本、Dell G3电脑。
在HTML中每一个元素都有一个属性对象style，该对象包括了该元素的全部的css样式。这样的CSS样式称为内嵌样式，例如以下
模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。因此我们可以使用方法，来进行运算并返回数据：
如果想按照Vue-CLI2的方式初始化项目需要安装2.x的模板，在终端键入如下命令（注意指定版本号）：
Power Fx 是一门语言，虽然它被推荐的场景是低代码，但我们必须以一门语言角度看待它，才能更好的理解。
JS 中有许多常见的函数，我们可能每天都在使用它们，但是却不知道它们的一些额外功能。JSON.stringify 就是这样的一个函数，今天就来看下它的特殊用法。
题目的答案提供了一个思考的方向，答案不一定正确全面，有错误的地方欢迎大家请在评论中指出，共同进步。
此外还有类似功能的slideDown,slideUp,slideTaggle表示滑动显示或隐藏
且定位不到弹窗（通过查资料可知道，直接给时间控件input属性赋值是最快捷的方法）
目前，国内主流的前端应用框架具有两个：vue.js和react.js，关于vue和react的优劣性，网上众说纷纭。在下就不在此引战。
简单来讲，就是API （也就是服务器接口）没有写好前提下，前端无法进行调试，Mock Server 就是用来模拟Api接口返回JSON数据的服务！
我们可以仿照snabbdom库https://github.com/snabbdom/snabbdom.git自己动手实现一款迷你版Virtual DOM库。
大家好，今天我们来花 1 分钟来学习 DOM 相关的基础操作，内容虽然简单，但是还是有必要归纳总结的，希望这些整理对大家有所帮助。
安装webpack-bundle-analyzer这个插件,然后使用npm run build --report输出项目打包情况,直观的比较哪个bundle文件的大小,有针对性的进行模块化拆分
作为一个前端小白，入门跟着这四个来源学习，感谢作者的分享，在其基础上，通过自己的理解，梳理出的知识点，或许有遗漏，或许有些理解是错误的，如有发现，欢迎指点下。
在 v5 中，官方改造了所有的 Token，使其基于 Seed + Algorithm 可以派生出所有的 Design Token。全新的 Design Token 模型支持多算法 Pipeline，从而大大降低开发者拓展成本。
维护IE678是一件让人头疼的事情，一般我们都会额外加载一个CSS和JS单独处理。值得庆幸的是使用这些浏览器的人也逐步减少，PC端用户已经逐步被移动端用户所取代，如果没有特殊要求的话，一般都会选择放弃对678的支持。
直播是脱离于文字、图片来说，另外一种社交的方式。各大平台也在深耕这一领域，淘宝直播，花椒，映客，Now 直播，企鹅电竞。本人就职于腾讯 Now 直播前端开发，感觉直播能够尝试的领域真的太多太多，但是，Web 在这块一直是一个痛点。由于没有现成操作流的接口，只能简简单单的通过添加 video.src 尴尬的播放几段回放...... 这样造成的后果就是，在 Web 上，我们根本体会不到实时流畅的观看体验。 而且，根据 8 月份腾讯财报内容，直播贡献的收入增长的飞快。现在，我们也想让 Web 体会一把能够实时观看
---- 直播是脱离于文字、图片来说，另外一种社交的方式。各大平台也在深耕这一领域，淘宝直播，花椒，映客，Now 直播，企鹅电竞。本人就职于腾讯 Now 直播前端开发，感觉直播能够尝试的领域真的太多太多，但是，Web 在这块一直是一个痛点。由于没有现成操作流的接口，只能简简单单的通过添加 video.src 尴尬的播放几段回放...... 这样造成的后果就是，在 Web 上，我们根本体会不到实时流畅的观看体验。 而且，根据 8 月份腾讯财报内容，直播贡献的收入增长的飞快。现在，我们也想让 Web 体会一把能
①params：一组包含作为动画属性和终值的样式属性和及其值的集合（动画的目标样式）；
Vue 最佳实践，是参考 Vue 官方风格指南并根据过去 Vue 实际项目开发中的经验总结的一套规范建议。本项目的目的是希望每个 Vue 开发者都能尽快熟悉并上手项目代码，志在帮助 Vue 新手开发者及时避免一些不规范的设计和由此而引发的问题。本建议如有不妥之处，敬请指正！非常欢迎有志同道合的开发者贡献更多、更好的建议。
jQuery 一.jQuery入门 1.javascript类库 JavaScript 库封装了很多预定义的对象和实用函数。能帮助使用者建立有高难度交互客户端页面, 并且兼容各大浏览器。 核心理念是w
Vue.js中最常用的条件渲染方式是使用v-if指令。这个指令用于在DOM中插入或删除元素，基于一个表达式的结果来决定元素是否应该显示。如果表达式的结果为真，则元素会被渲染；如果结果为假，则元素会被从DOM中移除。
tree shaking 是一个术语，通常用于描述移除 JavaScript 上下文中的未引用代码(dead-code)。它依赖于 ES2015 模块系统中的静态结构特性，例如 import 和 export。这个术语和概念实际上是兴起于 ES2015 模块打包工具 rollup。
1.Vue.js的使用方式 1.1、通过cdn方式进行引用 <script src=https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js></script> 1.2、官网下载https://cn.vuejs.org/引入项目 1.3、利用vue脚手架vue-cli创建wue项目 2.介绍 是一套用于构建用户界面的渐进式框架 与其它大型框架不同的是，vue被设计为可以自底向上逐层应用。 vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
