平时写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>，可是要实现效果这又是无可奈何或者大大减小工作量的方法。
吐槽：虽然JSX出发点是好的，而且写起来也很简单，但是对于要在JS中写类HTML格式的内容，我的内心是排斥的，感觉非常不习惯。这不是我熟知的web开发啊！有种在开发app的感觉，一个个自定义的组件。
<script src="https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.min.js"></script>
指令 (Directives) 是带有 v- 前缀的特殊 attribute。指令 attribute 的值预期是单个 JavaScript 表达式。指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。 例如：
v-if可以和v-else-if、v-else一起使用，但要求结构不能被“打断”
网易云音乐 小米移动端 多页应用：与单页应用相对应的，不同的功能通过不同的页面来实现
依稀记得几年前朋友圈流行的辨色小游戏，找出颜色不同的矩形。前些天突发奇想，打算自己手写一个类似的游戏，话不多说，先上 Demo . --项目源码
参照项目命名规则，有复数结构时，要采用复数命名法。例：docs、assets、components、directives、mixins、utils、views。
最近遇到一个项目，是对element-ui进行了二次封装，做了一些自己的组件库，其中很多实现都是render函数配合template模板实现的，还有就是表单这块是一块比较复杂的业务逻辑，里面用到了jsx语法，我也抽时间研究了jsx在vue中怎么使用，所以记录下自己写的demo，后面好进行查漏补缺。
vue组件之间的传值大致分为三种：父组件给子组件传值，子组件给父组件传值，兄弟组件之间传值 本文主要介绍vue组件之间简单的数据传递，如果组件之间传递的数据比较复杂，建议使用vue的状态管理模式 vuex
react使用也有一段时间了，大家对这个框架褒奖有加，但是它究竟好在哪里呢？ 让我们结合它的源码，探究一二！（当前源码为react16，读者要对react有一定的了解）
原型继承 要弄清一点： 修改父级对象中的alue值会同时修改 子对象中的alue值，但是反过来就不行了，
根据公司业务要求而定，一般： 主流程测试：Chrome 30+、IE9+； 完整测试： Chrome 21、IE8+、360浏览器、微信webview/QQ手机浏览器。
①find_element(pre).click 有效，说明iframe切换成功了
大家好，我是一个闲着没事热衷于重复造轮子的不知名前端，今天给大家带来的是一个代码在线编辑预览工具的实现介绍，目前这类工具使用很广泛，常见于各种文档网站及代码分享场景，相关工具也比较多，如codepen、jsrun、codesandbox、jsbin、plnkr、jsfiddle等，这些工具大体分两类，一类可以自由添加多个文件，比较像我们平常使用的编辑器，另一类固定只能单独编辑html、js、css，第二类比较常见，对于demo场景来说其实已经够用，当然，说的只是表象，底层实现方式可能还是各有千秋的。
原理:子组件里面利用 props 获取父组件方法直接调用,从而改变父组件的值 注意: 此方法和 props 大同小异,都是 props 的应用,所以在源码中没有举例
Object.defineProperty()方法是整个vue2的核心，包括数据劫持、数据代理、计算属性都会用到这个方法，后面用到时具体再讲。数据代理就是通过一个对象代理对另一个对象中属性的操作（读/写），今天先回顾一下该方法的使用。
在项目当中我们总会遇到这样的页面：页面顶部是一个表单筛选项，下面是一个表格展示数据。表格下方是一个分页器，这样的页面在我们的后台管理系统中经常所遇到，有时候可能不止一个页面，好几个页面的结构都是这种。如图：
说明：目前用的比较多的目录列表程序有H5ai、Directory Lister，其中H5ai是最强大的，各种格式图片，电影都支持查看，这里再推荐个小z<大佬写的一个目录列表程序Zdir，使用PHP开发，部署很简单。 截图
在平时的日常开发中，我们可能会遇到这样的需求，点击一个导航链接，页面会定位到一个元素或上去。如下图vue官网所示，我点击左侧导航栏链接，右边会定位到相应的位置。
通常 AngularJS 应用程序将模块和控制器包含在 JavaScript 文件中。
复制代码上面的代码的效果是，当我们输入firstName后，wacth监听每次修改变化的新值，然后计算输出fullName。
前言 Vue提供了各种各样的通讯，其中包括兄弟间的通讯和非兄弟间的通讯以及后代之间的通讯，接下来就让我们一一解析吧。如果有喜欢的话可以点赞👍或者关注一下。 目标 学习Vue中的组件化通讯方式。 通讯方式 props 功能说明 父组件和子组件传递数据 目录结构 components ├── Parent.vue ├── Child.vue 复制代码 代码结构 父组件中使用子组件并传给子组件值。foo="foo" <template> parent01
同时，Vue 实例是一个 ViewModel，它包含的选项包括表示元素的模板、要安装的元素、方法和初始化时的生命周期钩子。
克隆节点是DOM的常见操作，jQuery提供一个clone方法，专门用于处理dom的克隆:
由于我需要将一段文本中的链接全部清理掉，网上并没有找到相应的工具，还不如自己做一个。
创建节点 $(function () { // var box = document.getElementById("box"); // // var a = document.createElement("a"); // box.appendChild(a); // a.setAttribute("href", "http://web.itcast.cn"); // a.setAttribute("target", "_blank"); // a.innerHTML
过滤就是一个数据经过了这个过滤之后出来另一样东西，可以从中取得你想要的，或者给那个数据添加点什么装饰，那么过滤器则是过滤的工具。例如，从[‘abc’,‘abd’,‘ade’]数组中取得包含‘ab’的值，那么可通过过滤器筛选出来‘abc’和‘abd’；把‘Hello’变成‘Hello World’，那么可用过滤器给值‘Hello’后面添加上‘ World’；或者把时间节点改为时间戳等等都可以使用过滤器。
在React17之前，我们写React代码的时候都会去引入React，不引入代码就会报错，而且自己的代码中没有用到React，这是为什么呢？带着这个问题我们向下学习；
原文：https://juejin.im/post/6844903632815521799
React 在如何组织结构方面非常开放。这正是为什么我们有责任保持项目的整洁和可维护性。
在微信开发H5页面的时候，往往借助于WeUI或者Jquery WeUI等基础上进行界面效果的开发，由于本人喜欢在Asp.net的Web界面上使用JQuery，因此比较倾向于使用 jQuery WeUI，本篇随笔结合官方案例和自己的项目实际开发过程的经验总结，对在H5页面开发过程中设计到的界面控件进行逐一的分析和总结，以期能够给大家在H5页面开发过程中提供有用的参考。
这篇文章主要参考了 Vue.js 核心成员Guillaume Chau在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。
递归简单的来说就是程序自己调用自己，就像下面这幅图一样，一直循环往复。就像我们经常听到的小和尚的故事，从前有座山，山里有座庙，庙里有个老和尚和一个小和尚，有一天老和尚对小和尚讲故事，故事内容是：从前有座山，山里有座庙，庙里有个老和尚和一个小和尚，有一天老和尚对小和尚讲故事，故事内容是：从前有座山，山里有座庙，庙里......
<1> jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多 javascript高手加入其team。
自定义 React Hook 是一个必要的工具，它可以让你为 React 应用程序添加特殊的、独特的功能。
本人学生 🐶, 平时在外面没事接点小项目小赚一笔补贴生活费. 之前一直都是使用Vue2.x的版本做项目, 暑假刚刚学习了Vue3想着新项目就直接用Vue3上手. 效果展示 好了, 话不多说先给大佬们看看效果样式: 📷 组件难点 因为下拉框可能会在某些情况下被挡住, 所以这里的下拉框被挂载到了body标签上, 并且下拉框中的选项往往是以<slot>插槽的形式编写, 这里就会困扰到很多小白, 搞不明白怎么样才能在 下拉框 与触发下拉按钮 之间关联响应式事件与数据. 组件的使用 <tk-select selec
Vue 在插入、更新或者移除 DOM 时，提供了多种不同方式的应用过渡效果。包括以下工具：
本文的面试题目是比较新的前端题目,适用于初中级的面试者,题目都是面试中高概率的题,也真诚的希望大家能够找到一个好的公司,希望这些真的对大家有用!谢谢,我会不断更新,希望大家能学到知识,进入心仪的公司.
在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。
现在的各种开源项目中使用 Vue 的越来越多了，作为一个后端程序员不会点 Vue 也都玩不转了。所以抽空学习了一下 Vue 的简单用法，整理成笔记，方便有需要的同学一起学习。
大部分内容我们仍然可以借鉴普通接口调试层的内容，所以打开P_apis.html，找到那个登陆态的div，开始进行添加内部控件，但是也不能全都照搬过来，有一些就不需要，比如接口名字。而因为这个接口一个项目基本也就设置一次，所以优化便利性这种事的优先级不高，精力还是留给那些使用频率高的功能上吧
Refs 提供了一种访问在render方法中创建的 DOM 节点或者 React 元素的方法。在典型的数据流中，props 是父子组件交互的唯一方式，想要修改子组件，需要使用新的pros重新渲染它。凡事有例外，某些情况下咱们需要在典型数据流外，强制修改子代，这个时候可以使用 Refs。
Dear，大家好，我是“前端小鑫同学”，😇长期从事前端开发，安卓开发，热衷技术，在编程路上越走越远～ 写作背景： 现在其实做的不错的开源 UI 库有很多，我还没有真正的实践过多造一个轮子也没太大必要，但是学习编写的思路和过程还是很有必要的，正好看到慕课的一个视频就顺便总结一下组件库开发的流程，顺便熟悉一个打包的配置和流程。 搭建基础结构： 使用VueCli创建默认模板： 创建名为it200-ui的项目：vue create it200-ui； 使用默认Vue2模板即可，我们只考虑搭建UI库的思路不考虑
我们之前也学习过后端的框架 Mybatis ，Mybatis 是用来简化 jdbc 代码编写的；而 VUE 是前端的框架，是用来简化 JavaScript 代码编写的。 Vue基于MVVM(Model-View-ViewModel)思想，实现数据的双向绑定，将编程的关注点放在数据上。
本功能属于番外，不是必须的。长度大概3章节。难度不高，也算给大家休息一下。
了解浏览器器插件，这里专指 Chrome Extension（CE）的基本知识和运行原理
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
云直播
