对于一些前端的样式和js效果，我们非常希望可以将这些代码片段保存起来，然后分享给那些想要使用这些样式特效的人，庆幸的是，网络上已经有很多这样的网站了，今天我们就来盘点一下这些非常好用的网站。
用elementUI搭建后台界面；不错的选择； 配合vue,这里不得不说跨域调试； 目前webpack是时下流行的打包工具。也叫前端自动化解决方案； 第一个坑就是：修改了js记得重新编译下； 之前遇到一个问题相同的http请求axios为什么获取不到data数据。一度怀疑是后端服务的问题。但是后端服务通过地址栏 可以直接访问到api;
我们在上一篇文章中已经知道了从模版字符串到返回虚拟Node的render函数需要经历三个阶段：
Handlebars的layout文件和partials文件，可以是我们很轻松的组织一些公共的页面或代码片段，使得前端视图可维护性非常高。
#3 Image Preview 图像预览 #4 TODO Highlight 这个插件能够在你的代码中标记出所有的 TODO 注释，以便更容易追踪任何未完成的业务。在默认的情况下，它会查找 TODO 和 FIXME 关键字。当然，你也可以添加自定义表达式。 #5 Project Manager 多项目切换工具
欲善其工必先利其器，本文以vscode编辑器为例子，分享一下笔者常用的vscode工具及技巧，同时也欢迎高手不惜赐教，分享更多的使用技巧，提高工作效率和编程幸福感。本文分为两个部分，常用插件和使用技巧,欢迎点赞(pai zhuan)。
阅读优秀源码的好处有好多，如能学习一些技术知识，编码技巧，组织代码的方式，提高理解能力等等。
0x00 背景 最近看到一个好玩的xss社区，准备通过几个经典的关卡来剖析一下XSS，本文仅提供经典案例。 试玩链接：http://tr.secevery.com/xss_platform/co
用于判断参数的值是否是对象，这里运用了Object 构造函数创建一个对象包装器，如果是对象类型，将会原值返回。
我们先来看一张流程图：接下来我会根据流程图的顺序依次对其中重要环节依次进行讲解，请看下文。
现在的问题是，Lesson页面加载后，单击“上一课”、“下一课”，浏览器地址栏改变，页面不重载，显示仍然是初次载入后的数据。
在前端日常开发中，正常会遇到这中场景，需要将html代码片段转为JS中的变量，方便JS代码中调用，常规的操作就是手工复制用加号连接，但是这个操作着实费时，完全就是体力活，也没有啥技术含量，因此就有了HTML在线转换JS工具，它可以在线将html代码转换成js代码，您只需要将需要转换的代码放置于代码框内,然后点击对应的转换按钮。简单、实用、方便、快捷、无干扰。
https://gitee.com/ishouke/front_end_plugin/blob/master/jquery-3.2.1.min.js
给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色
1、创建方法：Tools（工具）- > New Snippet（新代码片段）,会看到以下结构
为什么需要刷PV？提升排名，提升权重，提升收录，以前我通过Go操作无头浏览器进行刷PV，并且执行页面Js。今天我在想是否可以通过Java来刷我新上线的某网站，同时我也不想依赖谷歌浏览器，于是找到了一个纯Java实现的包，坐标位置如下：
Postman Tests在请求中添加JavaScript代码来协助验证结果，如：成功或失败状态、预期结果的比较等等。 通常从pm.test开始。它可以与断言相比较，验证其他工具中可用的命令。 接下来创建一个包含Tests的请求： Step 1） 创建一个Get请求 1、切换到Tests选项，右边是代码片段选项。 2、从右边的代码片段选项里面选中 “Status code: Code is 200” 3、JS代码就自动出现在窗口中
上篇向大家介绍完了基础功能篇，这次分享的是Chrome开发工具中最有用的面板Sources。 Sources面板几乎是我最常用到的Chrome功能面板，也是在我看来决解一般问题的主要功能面板。通常只要是开发遇到了js报错或者其他代码问题，在审视一遍自己的代码而一无所获之后，我首先就会打开Sources进行js断点调试，而它也几乎能解决我80%的代码问题。Js断点这个功能让人兴奋不已，在没有js断点功能，只能在IE（万恶的IE）中靠alert弹出窗口调试js代码的时代（特别alert一个object根本不会理你），那样的开发环境对于前端程序员来说简直是一场噩梦。本篇文章讲会介绍Sources的具体用法，帮助各位在开发过程中够愉快地调试js代码，而不是因它而发疯。首先打开F12开发工具切换到Sources面板中:
大家好，在前两篇文章里 127个常用的JS代码片段，每段代码花30秒就能看懂（一）和 127个常用的JS代码片段，每段代码花30秒就能看懂（二），我分享了前42段代码，今天我继续分享第三部分，希望对你的日常工作有所帮助。
但工欲善其事必先利其器，以下是本人为前端开发收集的常用的vscode插件，有需要的话赶紧mark起来吧~
这种方式可以将Ajax请求重新封装成自定义的方法，并将以上代码嵌入里面则一劳永逸。
可以直接将代码粘贴到控制台中去查看效果：（以下代码片段将延迟两秒打印出 “Hi”）
某游戏站麻将数据逆向，该页面数据在网页源码中无法找到，源码上没有，网页调试是存在数据的，数据是js文件驱动生成，需要JS加密逆向分析，逆向思路和方法知道借鉴和参考，可以说本篇是步步踩坑！
Hooks技术最早是由React团队的Sophie Alpert和Dan Abramov在2018年提出来的。最初是为了解决React类组件中状态逻辑复用的问题提出来的。在React使用类组件时，为了复用状态逻辑，需要使用高阶组件或者Render Props等方式，这些方式会增加代码的复杂度和维护成本。而Hooks技术是使用特定函数来“钩到”React的state和生命周期等特性的技术。它可以让我们在函数组件中使用state以及其他的React特性，替代传统的类组件或高阶组件等方式。
JavaScript每天都在出现大量的框架和工具，而React是除了上次我们提到的Vue和Ember之外另一款比较流行的框架。但因为新的工具每天都在不断的出现，开发者在尝试时总会有些不知所措。
此 JS 片段将展示如何在不使用任何循环的情况下重复字符串。我们将使用 JS 构建的方法来重复（），通过在其中传递一个数字，该数字将充当您需要循环次数的数字。
由于移动设备的显示屏幕相对于桌面显示器来说小很多，在桌面显示器上能够正常显示的内容，到了移动设备中就不正常了。为了实现移动端和桌面端的相互跳转，我们可以通过JavaScript来判断当前的设备是否是移动设备，然后执行相应的代码。
前面一篇WebUI的文章讲述的WebUI插件的下载，开启，在UE中创建，加载网页等。 本文继续讲述通过WebUI，UE和网页实现双向通信的实现思路。
Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能，它很快就受到了大家的喜爱。
js混淆工具是一种能够将js代码转换成难以阅读和理解的代码的工具，通常用于保护js代码的安全性和版权，防止被恶意修改或盗用。js混淆工具可以通过以下方式实现代码的混淆：
各种命名风格，各种冗余代码，各种缩进风格，各种奇葩注释和各种没有注释，眼中有码，心中无码，只有心累两个字，项目的整洁度会受到很多客观因素的影响，为了自己的身心健康，我们应该试图将这种影响降到最低。简单地说，统一格式和风格的代码让人更加赏心悦目，更不容易让你产生想摔键盘的冲动;用一个B格更高的词语，叫做“熵减”，也就是降低团队产出代码的无序性，如果你想在未来成为一名合格的前端架构师，这将是你的工作目标。
https://code.visualstudio.com/docs/editor/userdefinedsnippets
如今，Visual Studio Code无疑是最流行的轻量级代码编辑器。它确实从其他代码编辑器那借鉴了很多，最主要是从Sublime和Atom那里。然而它的成功关键是源于能提供更好的性能和稳定的表现。另外，它还提供了如代码智能提示等开发者非常需要的功能。而这些功能，曾经只在像Eclipse或者Visual Studio 2017这样的完整集成开发环境(IDEs)中才有。
读完前面的文章，相信大家已经能对Vue3的响应式原理有比较深入的掌握。但仅仅掌握响应式原理是不够的，我认为Vue3有3大支柱。
Vue3是一个编译时和运行时相结合的框架。所谓编译时就是把我们编写的模版代码转化成一个render函数，该render函数的返回结果是一个虚拟Node，而运行时的核心工作就是把虚拟Node转化为真实Node进而根据情况对DOM树进行挂载或者更新。前面的文章已经分析了虚拟Node转化为真实Node的核心流程，但有些细节并没有讲，原因是这些内容和本文的主题Block Tree和PatchFlags相关，没有这些背景知识很难去理解那些内容。
语言相关 插件 备注 Chinese (Simplified) (简体中文) 中文语言包 功能相关 插件 备注 Auto Rename Tag 自动重命名配对的标签 Auto Close Tag 自动闭合HTML/XML标签 Surround 用于在代码块周围添加包装器片段 vscode-icons 好看的文件图标（icon） Bracket Pair Colorizer 彩虹括号，已内置 给括号加上不同的颜色，便于区分不同的区块（现在已内置在vscode中） 通过设置（搜索Bracket Pairs）
Visual Studio Code（也称为VSCode）是一种轻量级但功能强大的跨平台源代码编辑器, 借助对TypeScript 和Chrome调试器等开发工具的内置支持，越来越多的开发都都喜欢使用它。
在JavaScript这门语言中，闭包是它的核心基础之一，可以说是一个特色了，但是很多从事前端工作的程序员并没有真正的理解它！
Bootstrap时间日历插件bootstrap-datetimepicker配置与应用小结
从整体上看，registerApplication一共做了4件比较重要的事情。首先，是对参数进行处理，对应代码片段1中的关键点1，参数处理函数sanitizeArguments有几十行代码，具体怎么处理的，逻辑相对简单，这里就不描述了。对参数的合理处理，给用户提供了更多的灵活性，可以通过不同形式来传递参数，然后将不同格式的参数处理成统一格式。同时，对参数进行了校验。这种写法很常见，在我们日常编程中可以借鉴。其次，是将微应用保存到数组apps中，apps是一个全局变量，会存放所有的注册过的微应用。这个数组很重要，微应用的各种状态都保存在这里，实际上single-spa的核心工作就是对apps中保存的微应用进行管理和控制。再次，是调用ensureJQuerySupport函数对JQuery的某些监听事件进行拦截，下文中进行详述。最后，是调用reroute函数，主要是加载微应用，下文中会进行详述。
Visual Studio Code（简称 VSCode）凭借其占用内存小、文件加载快、稳定性好、插件丰富等等特点，从众多 IDE 中脱颖而出，受到了广大开发人员的青睐。工欲善其事，必先利其器。选择适合自己的 VSCode 插件，能够让你的开发效率突飞猛进。VSCode 插件市场 上面插件百花齐放，但实际开发过程中问题复杂且多变，有时候并不能找到完全满足你实际开发需求的插件，那就自己动手 DIY 一个吧。VSCode 提供以下扩展能力：代码自动补全、自定义命令/菜单/快捷键、悬浮提示、自定义跳转、主题定制、自定义 WebView 等等。你可以根据自己的需要随意组合使用。
VS Code可以通过名为代码片段的功能像编辑器中插入一段指定的文本，具体操作步骤为首选项->用户代码片段->新建全局代码片段。
在web开发当中我们经常需要进行需要在线浏览PDf内容，在线嵌入动态pdf，传统的解决方法安装客户端PDF阅读器，如果是在谷歌是可以在线浏览的，因为他自身就带了一些插件，以前遇到这样的问题往往是费时又费力，很不好解决，
前言: 好久没有更新博客了, 最近想复习下 之前学过的JS的相关内容, 也算是自己的一种总结. 知识长时间不用就会忘记, 多学多记多用!! 下面的程序都可以在下面的网站进行在线调试: http://
变量的作用域是在定义时决定而不是执行时决定的，也就是说词法作用域取决于编译阶段，通过静态分析就能确定，因此词法作用域也叫做静态作用域。
核心的代码片段就 6 行，利用动态创建 textarea，和 document.execCommand 命令就实现了：
对沙箱机制的具体应用，本质上就是对沙箱容器的控制，至于什么是沙箱容器，我们直接看代码：
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
