05 2020 档案
摘要：flex布局： 弹性布局（Flexible布局） flex内的元素概念： 1. main start ： 起始位 2. main end ： 结束位 3. main axis ： 主轴 4. cross axis ： 交叉轴 两个重要的概念： 1. 开启flex布局的元素叫flex containe
阅读全文
摘要：我最近在项目中用的比较多的还是flex布局，简单易用，功能强大 我们将一个元素的display属性设置flex，那么就可以将其转化为flex容器，但是，子元素的float，clear，vertical-align将会失效 举个例子： 在app项目中的顶部导航栏，我们进行了flex的布局，该导航栏分为
阅读全文
摘要：/*用递归的方式计算出1-->100的总值*/ function sum(num) { if(num == 1) { return 1; } return num + sum(num - 1); } console.log(sum(100)) 统计重复次数的方法： function chachong
阅读全文
摘要：我是通过git clong 路径 的方式新建一个的 将内容copy过去，然后 git status 查看状态 然后 git add . 添加进去 然后 git commit -m '初始化项目' 然后 git push 就可以了 1.查看工作树是否干净 git status : 查看工作状态 2.创
阅读全文
摘要：首先还是进行安装: npm install postcss-px-to-viewport --save-dev 安装完成之后.我们需要去更改一个js文件 > postcss.config.js文件 如果没有该文件,就自己手动创建一个吧,跟创建vue.config.js一样的 在这个文件中: 如图:
阅读全文
摘要：实现图片的懒加载：当要显示的时候才去加载 第一步：npm安装： npm install vue-lazyload --save 第二步：在main.js中 导入 ： improt VueLazyLoad from 'vue-lazyload' 第三步：安装插件 Vue.use(VueLazyLoad
阅读全文
摘要：fastclick插件可以解决移动端300ms延迟 那么怎么使用它呢？ 很简单：首先是要安装这个插件 例子：npm上的安装： npm install fastclick --save 安装完成之后，在main.js 文件中 1.导入fastclick ： improt FastClick from
阅读全文
摘要：table.render({ cols: [[ {checkbox: true} //多选框 ,{field: 'id', title: 'ID'} ,{field: 'name', title: '名字'} ]] ,done:function(res, curr, count){ tabTitle
阅读全文
摘要：vue的 高级用法 为了减少组件之间代码的重复问题 官方给的例子： 自我理解： 在common文件夹中新建一个mixin.js的文件，在这个文件里我们创建一个mixin对象，在这里我们可以存放其他组件共用的一些内容 可以存放：data,methods,created,mounted,甚至是compo
阅读全文
摘要：这次搞这个轮播图的公共组件，倒是没有被打脸呢 脑子：绝对可以 手：我擦，居然真可以 脑子：啥意思啊？？？ 手：牛B 因为轮播图也是公共组件，所以将轮播图的组件之间copy到components中的common中去 至于使用就更简单了， home组件中，我们打算展示轮播图！。那么首先我们要有数据啊，好
阅读全文
摘要：昨天下午搞了一下午的错。哈哈哈，太佩服自己咯， 脑子：我全会了哟，肯定就是这样没错，道理我都知道了，嗯就是这样 手：emmm，楼上是个sha bi ，我按着楼上的来搞，全是错！！！虽然最后还是靠着楼下把错一点点解决了 今天早上，我又从新搞了下，发现一个可怕的事情，我创建完项目后，第一步就给卡死了！！
阅读全文
摘要：本来我以为,之前搭建过几次了.应该一下就可以了. 没想到,我还是犯了些错误. 挺低级的错误呢 一开始,我重新整了一个工作区.然后我安装vue-router没有全局安装,所以老是出错 恶心+1 后来我找到了为啥.就安装呗,安装倒是挺顺利的,然后我就开始搞目录结构 这个搞完.我打算直接把上次项目中公共的
阅读全文
摘要：举个例子: 我们直接执行了一个 refresh(),这个refresh函数会被执行30次, 这样的话就太过于频繁了,我们就可以将refresh放入防抖函数中去,生成一个新的函数,之后,我们就使用新的函数 这个新生成的函数,并不会非常频繁的调用,如果下一次执行来的非常快,那么会将上一次的取消掉; 上面
阅读全文
摘要：在vue中，我们父子之间通信简单明了： 父组件向子组件传值： props， 在父组件中，用 ：要传递过去的名字 = “ 要传递的值 ”。 在子组件中 使用props:{}接受即可 子组件向父组件传值：$emit. 通过自定义方法， 在子组件中，我们使用this.$emit('方法名'，参数)，向父组
阅读全文
摘要：首先呢,我们要知道,原生的元素都是可以监听点击事件的 例如: <div> <button>等,我们都是可以直接监听点击事件的 但是在vue中, 想要监听组件的点击事件,必须加上修饰符 > @click.native="" 必须加上native才可以哟
阅读全文
摘要：在普通html文件中： 首先我们写一个DIV 创建一个class。如下 <style> .wrapper{ //设置一个固定的高 和背景颜色 height:200px; background-color: sandybrown; }</style><div class="wrapper"> <ul>
阅读全文
摘要：1.目录结构划分（src里面的【源码中的目录结构划分】） assets 文件夹： 资源的意思（用于存放图片等资源） > 1.img文件夹 2.css文件夹 》 1.normalize.css 》在GitHub上面下载下来，作用：统一标准， 2.base.css 》自己创建（body等样式） comp
阅读全文
摘要：第一步，进入GitHub，创建一个新的库 然后复制链接： 然后进入vscode中，在终端中，git clone 复制的链接（https://github.com/LY17java2-gengbiao/supers.git） 这样就会在vscode中生成一个supers项目 将我们新建的 （vue c
阅读全文
摘要：1.Vue作者推荐 2.功能特点： 1、在浏览器中发送XMLHttpRequests请求 2、在node.js中发送http请求 3、支持Promise API 4、拦截请求和响应 5、转换请求和响应数据 关于axios名字的由来： 王老师认为是：axios： ajax i/o system aja
阅读全文
摘要：Modules：可以定义新的模块 官方上说，当我们的应用变的非常复杂时，store对象就有可能变得相当臃肿 为了解决这个问题，Vuex允许我们将store分割成模块（Module）， 在这里，每个模块都拥有自己的state、mutations、actions、getters等 写个例子吧： 首先我们
阅读全文
摘要：Mutation同步函数： 在mutations 中 使用异步操作的话，页面上devtools工具无法跟踪信息。 所以在mutations中的方法必须是同步方法 Action的基本定义 我们强调，不要再mutation中进行异步操作，但再某些情况下，我们确实希望再vuex中使用异步操作（网络请求等）
阅读全文
摘要：state : 单一状态树（单一数据源），主要是用来存放状态的 如： count:0 Getters :类似于单个组件里面的计算属性 mutations : 状态更新的唯一方式： commit mutations 主要分为2部分： 1.字符串的事件类型 increment(state){state.
阅读全文
摘要：先看下Json数据： [{"name":"定/即时采集","code":"TIMER","value":"11111aaa"}, {"name":"设备管理员","code":"MANAGER","value":"2222bbb"}, {"name":"设备位置","code":"LOCA
阅读全文
摘要：在vue中,不使用懒加载的情况下,我们打包后的dist中会有2个文件夹.分别用于存放css 和 js, 在js中,会生成3个js文件: *代表生成的数字字母等 1.app.******.js : 这个js存放的是我们的自己写的逻辑,业务等js代码 2.manifest.*******.js : 这个
阅读全文
