if(0)判断直接不执行 if(i) //此时为if(0) , 0为假, 不满足, 不会执行里面代码if (0) { // 表达式为数值0、null、undefined、false、空字符串时,条件不成立 // 不执行} if (!0) { // 非0数值条件成立,如-1、-2、-3、1、2、3... // 执行} ...
vue组件通信之Bus全局使用 bus定义到全局:app.jsvar eventBus = { install(Vue,options) { Vue.prototype.$bus = vue }};Vue.use(eventBus);在组件中,可以使用$emit, $on, $off 分别来分发、监听、取消监听事件:分发事件的组件methods: { todo: function () { this.$bus.$emit('todoSth', params); //pa
Vue组件通信之Bus 理解:兄弟之间的传值1.新建一个jsimport Vue from 'vue'const bus = new Vue()export default bus2.在父组件引入组件import CardApplet from '@/views/home/child/CardApplet'import Clipboard from '@/views/home/child/Clipboard '3.子组件CardApplet传值给Clipboard 子组件Car...
前端基础面试问题 1、什么是H5;有哪些特点;H5是指的是HTML超文本标记语言(HTML)的第五次重大修改,HTML的第五代。特点:语义化标签是网页加载速度更快,如header,footer,nav,section,article,aside,增加了音频,视频标签,取代了falsh,如audio,videocanvas标签,可在页面绘制图形或者动画支持手机和平板的响应式布局2、什么是响应式;针对不用的屏幕显示不同的网页布局,比如说大屏幕手机、小屏幕手机、平板能够适应不同的屏幕来显示网站。3、ht
forEach() 方法循环后 return false不生效 方法1:var lock = true;var data=[1,2,3,4,5];data.forEach(function(val,index){ if(index==1){ lock = false; } if (!lock) return false;});方法2:改用for循环
子组件动态添加、删除 父组件<template><div> <child-page v-for="(item,index) in items" :key="index" :index="index" :items="items" :lock="lock" :qrCodeId="qrCodeId" @
快速点击,异步接口请求,怎么展示最后一次请求数据 1.定义数字变量data() { return { num: 0 } },2.接口方法处理 mArticleSelectList(ids) { let that = this this.num ++; let a = this.num; let data={} api_home.posterList(data) .then((res) => { conso..
npm install安装项目太慢或者卡住了怎么办 最近接的vue新项目习惯性的用npm install去安装,但是安装了好几次都停在了同一个地方感觉特别浪费时间,然后同事给我发了个yarn。结果安装的速度像做了火箭一样嗖嗖嗖,为了满足我的好奇心,对yarn开始了一顿百度看到个把npm 和yarn作比较的文章记录记录链接:https://www.cnblogs.com/xuzhudong/p/9342430.html...
webpack的安装与使用(二) 一,webpack 1,打包输出管理 index.html根据项目的推进可能需要引入多个功能模块,那么在这主程序要引入多个bundle包,所以我们需要对每个功能模块打包,并引入 2,多个功能模块打包 创建功能模块 print.js, alert.js 在webpack.config.js中修改代码: ...
webpack的安装与使用(一) 一,webpack安装 两种安装方式 1)全局安装 命令:npm install --global webpck 可在全局环境下使用webpack 注意: 不推荐,全局安装会锁定版本,如果在使用不同 webpack版本的项目中,可能导致构建失败 2)本地安...
highcharts的基本运用与分析 一、highcharts 1.简介 highcharts 是一个纯js编写的图标库,能够简单便捷的在web网站上添加交互性的图表,支持:直线图,曲线图,面积图,柱状图,饼状图,散点图等18中不同类型的图表 优点: 免费开元,兼容性好,纯js开发,图表类型丰富,具有动态性,图表导出和打印功能,坐标轴设置,图表缩放,支持外部数据加载 ...
前端模块的基本操作与介绍(二) 一、seajs config 配置信息 用于配置seajs的一些选项参数,接收一个对象,该对象的属性值,就是我们的配置选项 1. alias 定义模块别名 当我们引入一些基础库时,经常会涉及到版本升级(版本号发生改变),此时在每个模块中修改版本号风险是比较大的,如果使用alias定义这个模块,使用时引用别名,更新时改变需要修改的版本即可 ...
前端模块化基本操作与介绍(一) 一。前端模块化-seajs 1,提出问题 为什么要用前端模块化 1)防止全局变量污染,重名 2)当引入工具库时,工具库中的变量名与我们定义的属性或方法重名 3)当我们使用一些工具库时,我们需要手动的将工具库依赖写入到页面 4)通用组更新了前...
sass 一、sass 1.解决中文报错 在ruby中找到engine.rb文件,在该文件require XXXX 后边写上: Encoding.default_external = Encoding.find('utf-8') 2.作用域对混合以及继承的影响 sass中: 定义在作用域内部的混合,在外部无法访问...
less与sass 一、LESS 1.字符串方法 escape(str):将字符串做url转码 参数是需要转码的字符串,将空格,等号 等字符转义 e():表示对字符串不做编译 replace():替换字符串中的子串 参数1:源字符串 参数2:被替换的字符串 参数3:替...
less(一) 一、LESS 1.条件判断 在less中我们可以通过条件判断实现渲染不同的样式,有点像switch,不是通过if实现的,而是when实现 在when方法中添加条件时,不需要单位 当判断相等时,使用=实现,没有==和=== 判断多个条件时使用and关键字,配合when使用 when and 判断非语句,使用...
typescript(二) 一、typescript 1,for of forEach() for in & for of //for of 忽略数组属性,但可以跳出循环 for(var x of arr1){ if(x>2) break; console.log('for of',x); ...