bojikeqian的博客

1.mustache语法( 也叫双大括号)mustache : 英文是胡须 / 胡子的意思,因为 {{ }} 像人的脸上两边的胡子(自行脑补)用法:在html标签中 插入 {{ 变量名 }} ,来显示自己要展示的数据注意:mustache语法中可以写简单的表达式代码如下:<div id="app"> <!-- mustache语法中可以写简单的表达式 --> <h1> {{firstName + ' ' + lastName}} <

父组件中添加 scoped 属性会影响子组件吗答：不会；在父组件中添加scoped之后，在父组件中书写子组件的样式是无效果的。去掉scoped之后，样式可以覆盖。但这样会污染全局样式。解决方案：使用 /deep/ 深度选择器v-if 和 v-show 区别答：v-if是按条件动态的增删DOM，v-show是设置display的block或nonev-if 有更高的切换开销，v-show 有更高的出示渲染开销。因此如果频繁的切换开销 v-show 使用 v-show 比较好，如果在运行时条件较少改变使

虽然vue3已经出来很久了，但我觉得vue.js的源码还是非常值得去学习一下。vue.js里面封装的很多工具类在我们平时工作项目中也会经常用到。所以我近期会对vue.js的源码进行解读，分享值得去学习的代码片段，这篇文章将会持续更新。一、哪些值得我们学习的地方：1.代码严谨，做了很多值和类型判断的工具类.例如判断已定义、未定义、判断原始类型、判断对象等等。2.源码中多处使用到call，bind，apply，所以学习call，apply，bind很重要，请阅读我的另一篇文章可进行学习：(https://

默认情况下页面将渲染出"default"，当我们第一次点击onChangeIndex函数后将显示"三岁就会写bug",同时打印出’‘update’’,当再次点击则页面不会有变化,但是仍然打印出"update"；当点击onChangeName后页面展示"三岁就会写bug哦",同时打印"update",当再次点击时，则页面无变化同时不会打印"update".那么为什么会这样呢？几个小问题我们之前在分析组件的createComponent和组件的init时候都跳过了部分关于computed的逻辑在组件创.

1.vue是什么Vue.js 是一个轻巧、高性能、可组件化的 MVVM 库，拥有非常容易上手的 API；Vue.js是一个构建数据驱动的 Web 界面的库(数据驱动视图)。2.vue优点轻量级的框架双向数据绑定指令插件化（组件化）轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb；简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习；双向数据绑定：保留了angular的特点，在数据操作方面更为简单；组件化：保留了react的优点，实现了h

174道JavaScript 面试知识点总结（下）[Vue中文社区](javascript:void(0)???? 昨天、文章有许多金典阅读推荐建议点赞加收藏图片来源 | https://github.com/CavsZhouyou/全篇篇幅较长，保障阅读体验，故拆分为上中下3部分发布174道JavaScript 面试知识点总结（上）174道JavaScript 面试知识点总结（中）以下为第三部分URL 和 URI 的区别？URI: Uniform Resource Identifie

最近写了一个vue的表单验证插件，第一次写插件，其中的一些设计模式不够优化，产品逻辑不够成熟，但作为自己的第一个完成的插件，写完了还是觉得小有收获的，特此记录。目标主要目标：将需要绑定验证的表单元素根据绑定的规则进行验证，验证通过则可进行表单提交（规则通过后由用户编写通过后程序逻辑）整体思路具体思路1.vue实例中自定义部分表单验证主要需要三种信息：1.用户自定义规则；2.提示信息；3.验证的时机每条输入的规则可能是多个的，对应的提示信息也不相同，此处均供用户自己填写，形如<inpu

echarts 官方API提供了点击事件chart.on(‘click’)只获取到点击图形的数据；但是发现数据过小导致图形难以点击到的时候凉凉了，解决的时候发现tooltips中的数据与需要获取到的数据相同，具体代码如下：<div id="lineBar_chart" @mousedown="handleMousedown"></div>export default { methods: { handleMousedown(params) {

vue图表用echart$ npm install echarts --save在你要用的XX.vue中引用import echarts from “echarts” <div class="charts"> <div class="className" id="myEchart" style="height:300px;width:400px" ref="myEchart"></div> data:<input type="te

Vue轮播图的代码实现步骤和效果Vue轮播图效果主要用到的技术1.v-bind：属性绑定2.v-for：列表渲染3.v-show：条件渲染4.class的绑定切换5.created钩子6.Vue过渡效果步骤和对比1.写好html和cssPS:这里和jQuery轮播图有所不同，因为Vue使用了列表渲染，所以只需要一个简单的结构的可以了2.初始化一个Vue实例，然后挂在父元素上去，并且设定数据为图片的数组，以及后面计数用的mark，mark的初始值为0（第一张图片）3.分别在放置

https://www.iqiyi.com/v_19rz6j9v50.htmlvue-image-upload-preview项目地址：github基于vue的图片上传和预览插件该组件引用了 mint-ui 和 lrzInstallnpm install vue-image-upload-preview --save-devUsage引入图片上传和预览组件，可按需引入 import {ImageUpload , ImagePreview} from 'vue-image-upload-

vue现在前端工程师常用的框架与angular、react都有有一些相似之处，它同时具备angular和react的优点,轻量级,比较容易上手 。一、安装node环境1、node.js下载地址为：https://nodejs.org/en/,建议选择低一点版本。2、检查是否安装成功。cmd输入：node -vnpm -v显示版本号则成功安装。3、国内基本都在使用淘宝的镜像：http://npm.taobao.org/cmd输入：npm install -g cnpm –registry=