指令 (Directives) 是带有 v- 前缀的特殊 attribute。指令 attribute 的值预期是单个 JavaScript 表达式。指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。 例如：
请注意，本文编写于 2071 天前，最后修改于 173 天前，其中某些信息可能已经过时。
了解浏览器器插件，这里专指 Chrome Extension（CE）的基本知识和运行原理
因为普通注册事件方法的不足，jQuery又创建了多个新的事件绑定方法bind() / live() / delegate() / on()等，其中最好用的是: on()
最近在做一个项目的时候，需要实现一个功能就是点击一个按钮，将内容复制到剪贴板。传统的复制页面内容到剪切板主要方法是通过 Flash，但是在现代浏览器中，Flash 逐渐没落，慢慢被淘汰，搜索了一圈，发现 clipboard.js 是目前实现该功能最轻便的工具。
1. 从Google Code加载jQueryGoogle Code上已经托管了多种JavaScript类库，从Google Code上加载jQuery比直接从你的服务器加载更有优势。它节省了你服务器上的带宽，能够很快的从Google的内容分布网络(CDN)上加载JS类库。更重要的是，如果用户访问那些发布在Google Code上的站点后它会被缓存下来。 这样做很有意义。有多少站点使用了没有被缓存的相同jQuery副本，而这些很容易做到,引入:
JS 要获取某段文字最好是触发，onselect 事件，这个就能获得选中的内容。
在实际工作中，有时候会遇到这样的需求，页面上有一个链接，不需要选中链接内容，只需要点击复制按钮，就可以把链接内容复制到剪切板。这时候可以使用clipboard插件来实现。以下是一个简单的demo。 首先可以通过npm install clipboard --save-dev 来安装该插件 <!DOCTYPE html> <head> <meta charset="UTF-8"> <title>clipboard示例</title> <script src="lib/clipboard
路由，其实就是指向的意思，当我点击页面上的home 按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮 => home 内容， about按钮 => about 内容，也可以说是一种映射。 所以在页面显示中，有两个部分，一个是需要点击的部分，一个是点击之后，显示点击内容的部分。 点击之后，怎么做到正确的对应，比如，我点击home 按钮，页面中怎么才能显示home的内容。这就要在js 文件中配置路由。 路由中有三个基本的概念
对于其他浏览器，google了半天，发现不太好搞，比如 对于firefox，要让网站的js有使用剪切板的权限是要用户授权的 http://kb.mozillazine.org/Granting_JavaScript_access_to_the_clipboard
克隆节点是DOM的常见操作，jQuery提供一个clone方法，专门用于处理dom的克隆:
微信已经成为我们日常聊天联系基本的必备工具，所以小菜我首先介绍一下如何调用微信的分享功能。其实除了可以在微信上分享到朋友圈和发送给好友，微信的分享接口还提供了分享到QQ和分享到腾讯微博等，就是在页面的config接口注入权限验证配置好就ok！
首先打开P_cases.html,找到这个设置按钮，给它加入onclick：
在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。
<1> jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多 javascript高手加入其team。
何谓高阶组件？类比高阶函数的定义：将函数作为参数的函数就是高阶函数，那么，将组件作为参数的组件就是高阶组件。
replaceWith()与replaceAll()都会替换所有匹配的元素为指定元素。
http://down.htmleaf.com/1801/201801271505.zip
Cusdis 是一个界面清爽、注重隐私的轻量级 (~5kb gzip) 评论系统，可以很方便地与 React、Vue 或其他博客系统结合，并且还提供了一个后台来管理所有的评论。
jQuery 功能比较有限，想要更复杂的特效效果，可以借助于 jQuery 插件完成。
jQuery 功能比较有限，想要更复杂的特效效果，可以借助于 jQuery 插件完成。 这些插件也是依赖于jQuery来完成的，所以必须要先引入
jQuery 功能比较有限，想要更复杂的特效效果，可以借助于 jQuery 插件完成。 这些插件也是依赖于jQuery来完成的，所以必须要先引入
自定义标签通过扩展一个HTMLElement或HTMLElement的子类来定义一个新的html标签，是通过原生js实现的组件化。
感谢糖果屋Akilar店长的帮助——Akilarの糖果屋 ---- ---- Hexo-Butterfly添加天气插件 效果如图所示： 就是JS插件的字体大小我不会调，稍微有一点瑕疵，不过影响不大。 我用的是心知天气的天气插件(其他天气插件同理)。 首先，先到心知天气的官网注册一个账号——心知天气。 登录，申请一个免费版，然后在产品的下拉栏中选择天气插件，然后点击立即免费使用。 然后，在下面选择显示参数。 点击生成代码并复制。 打开主题文件目录 找到并打开nav.pug 将下面这行代码放
平时写CSS，感觉有很多多余的代码或者不好实现的方法，于是有了预处理器的解决方案，主旨是write less &do more。其实原生css中，用上css变量也不差，加上bem命名规则只要嵌套不深也能和less、sass的嵌套媲美。在一些动画或者炫酷的特效中，不用js的话可能是用了css动画、svg的animation、过渡，复杂动画实现用了js的话可能用了canvas、直接修改style属性。用js的，然后有没有想过一个问题：“要是canvas那套放在dom上就爽了”。因为复杂的动画频繁操作了dom，违背了倒背如流的“性能优化之一：尽量少操作dom”的规矩，嘴上说着不要，手倒是很诚实地ele.style.prop = <newProp>，可是要实现效果这又是无可奈何或者大大减小工作量的方法。
最近接到一个项目，其中有一个小需求我觉得可以稍微沉淀一下，首先是d3.js的简单应用，还有就是swiper的调试费了一定的时间
这是这次系列文章的第一篇，我自己封装了一个用vue实现的拖拽排列卡片组件，并且发布到npm，详细地记录下来了整体制作过程。总共有三篇文章，介绍组件的制作思路和遇到的问题，以及在发布到npm上并下载使用的过程中，发生了什么问题并如何解决。
原理:子组件里面利用 props 获取父组件方法直接调用,从而改变父组件的值 注意: 此方法和 props 大同小异,都是 props 的应用,所以在源码中没有举例
后端有后端路由，根据路由返回特定的网页，代表者是传统的mvc模式，模板引擎+node。前端也有前端的路由，我们用三大框架做spa的时候，总是和路由离不开关系。主要有两种方法：基于哈希路由、基于history
在写了 这个 29.7 K 的剪贴板 JS 库有点东西！ 这篇文章之后，收到了小伙伴提的两个问题：
最近遇到一个项目，是对element-ui进行了二次封装，做了一些自己的组件库，其中很多实现都是render函数配合template模板实现的，还有就是表单这块是一块比较复杂的业务逻辑，里面用到了jsx语法，我也抽时间研究了jsx在vue中怎么使用，所以记录下自己写的demo，后面好进行查漏补缺。
同时，Vue 实例是一个 ViewModel，它包含的选项包括表示元素的模板、要安装的元素、方法和初始化时的生命周期钩子。
在日常业务开发，比如复制后增加版权信息，点击复制，等场景中需要进行复制粘贴的操作，以下是几种实现方案。
Sublime Text有一个缺点，当你想使用浏览器浏览你的html页面的时候，你需要在你的文件上点击鼠标右键，选择Open In Browser才可以浏览器浏览，而这是用默认浏览器浏览，如果想用第二个浏览器都没办法. 所以，可以通过SideBarEnhancements这个插件来更方便的浏览
但是现在问题来了，我们这是一个现成的react页面，是一个详情页，页面的内容是多个接口返回填进去的：
本文原文链接地址 http://aehyok.com/Blog/Detail/48.html
练习9： ² 点击button 打印radio checkbox select 中选中项的值 <script type="text/javascript" src="../jquery-1.8.3.min.js"></script> <script type="text/javascript"> $(function(){ // 点击button 打印radio checkbox select 中选中项的值 $("#mybutton").click(function(){ // 打印选中性别的值 $("in
原生小程序开发方式与vue有些类似，所以用过vue的前端er会很容易上手。但是原生的开发体验实在糟糕，在前端组件化的今天用原生开发组件显得很无力。对于习惯vue开发方式的前端er来说mpvue再合适不过了。mpvue可以将H5代码打包成小程序代码，目前mpvue还做不到一套代码多端运行（毕竟各个端有自己的差异性，小程序没有document和window，所以那些第三方移动端组件库并不能适用于小程序），但是已经大大减少了开发的工作量。
换了新公司，工作中使用的技术栈也从Vue换到了React，作为一个React新人，经常的总结和思考才能更快更好的了解这个框架。这里分享一下我这两个月来使用React总结的一些性能优化的方法。因为目前公司的项目是全面拥抱hooks的，所以只会涉及function组件写法，不包含class组件写法的相关内容。「注意：本文只涉及到一些业务开发层面的代码优化，很多通用的优化思想，比如虚拟列表，图片懒加载，节流防抖，webpack优化等等内容都不会涉及到。」
jQuery，一个 JavaScript 库，极大地简化了 JavaScript 编程，很容易学习。它是一款同prototype、Note.js等一样优秀的js开发库类，特别是对css和XPath的支持，使我们写js变得更加方便！如果你不是个js高手又想写出优秀的js效果，jQuery可以帮你达到目的！
相信大多数博客作者都或多或少有过这样想法: 现在各种平台这么多,想要实现全平台发布就要到处复制粘贴,等我有空一定做统一平台一次性全部解决!
在 MongoDB Atlas | MongoDB 申请 MongoDB 帐号 选免费的, 其他全默认选项
上一期堡堡给大家讲解了简单的页面交互效果 - 点击块，让块动起来，让我们更清晰的了解JS逻辑和DOM的结合。如果想具体了解点击块，让块动起来，可以回复“交互”到“HTML5学堂”公众号。而今天我们主要讲解JS简单页面交互实战 - 点击按钮实现求和功能。 Tips：由于上一期的文章篇幅过长，微信的文章有字数要求，所以小编把部分的内容（作用域）放到这一期进行讲解。 继上一期的内容 - 作用域 作用域 我们知道函数就是把多条语句封装起来，那封装起来了，在其它地方能否访问的到？具体看下面的实例。 实例： var n
HTML中与javascript交互是通过事件驱动来实现的，例如鼠标点击事件、页面的滚动事件onscroll等等，可以向文档或者文档中的元素添加事件侦听器来预订事件。想要知道这些事件是在什么时候进行调用的，就需要了解一下“事件流”的概念。
关于验证码的使用场景还是非常多的，很多网站上的验证码可谓是五花八门，下面是我使用Vue.js实现滑动拼图验证码做的一个笔记。
小轻相信，许多人对网页是很感兴趣并且是很想学习的。当初创立小轻网及小轻论坛网页就是为了帮助大家学习一些技术经验，同时也学会如何去找资源。今天，我们给原有网页加一些部件，达到装饰和增加功能的作用。
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
