- 博客(76)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 v-if 踩坑
一个个写的时候，v-if + this 可以：<van-action-sheetv-model="show"title="请选择上市进程":actions="actions"@select="onSelect"><divclass="sb"@click="change":class=...
2019-12-06 15:20:36
728
原创 双向数据绑定原理\响应式原理
实现mvvm的双向绑定，是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。就必须要实现以下几点：1、实现一个数据监听器Observer，能够对数据对象的所有属性进行监听，如有变动可拿到最新值并通知订阅者2、实现一个指令解析器Compile，对每个元素节点的指...
2019-10-14 11:29:31
396
原创 keep-alive
：include 、 :exclude和abstractinclude白名单，会缓存组件，exclude不会缓存，abstract看是否是抽象组件（这个到时候不说，因为害怕被追问抽象组件会不会被缓存），max，缓存上限。（created）有cache和keys，分别存放vnode节点和对应的key值cache中存的组件如果超过max，根据lru策略删除key[0]组件render()会...
2019-10-14 10:07:53
265
原创 axios原理
axios是一个基于promise的http请求库，可用于浏览器和node。const axios=require('axios')axios.defaults.baseURL = 'http://xxx.com/api'axios.interceptors.request.use(resolveFn1, rejectFn2)axios.interceptors.response.use(...
2019-10-14 09:08:26
1055
1
原创 vue源码（1）
flow:vue.js源码目录设计javascript通常写es6，es6用babel编译类型检查：编译期检查，运行不检查之所以yongflow，因为babel和eslint都有对应的flow插件以支持语法，可以沿用现有的构建配置，非常小成本的改动就可以拥有静态类型检查的能力flow工作方式：类型检查分2种，类型推断：通过变量的使用上下文推断出变量类型，根据这些推断...
2019-10-13 19:27:29
130
原创 防抖和节流
https://www.jianshu.com/p/1d3675ca7ac2（不错https://www.jianshu.com/p/b5fcb9a04b17( 没看https://zhuanlan.zhihu.com/p/51608574(和第一篇相似 我觉得这两个节流都错了随便写写吧。防抖（debounce只执行一次事件触发的函数，一旦停下来，隔一段时间（并...
2019-10-07 15:49:48
130
原创 滑块&四位验证码
/*最外层div包裹里面：drag_text 始终 = 最外层容器宽度（w：346 h：40） {开始验证/验证通过}drag_greenbg width:0 => 306drag_handler ref=“moveDiv” 滑块 初始两个class样式 handler 和 handle-bg（base64编码的图片） .handler_bg { background:...
2019-10-06 18:24:52
551
原创 解决冲突
1.我新创建api接口文档，对方也给我创建了（名字、结构都一样），所有冲突，不能拉取（产生冲突 还有可能因为我修改，对面还保留我删去的东西、未修改的什么）我贮藏的是 修改的，之前有的 新建的文件没有被贮藏（因为拉取有冲突）拉取有冲突，我贮藏，再拉取还是有冲突然后我把 新建的api接口文档提交 （这里好像选择 用我的版本解决冲突）（再拉取应该还是有冲突，因为还有...
2019-09-24 09:35:57
82
转载 el-table改变表头颜色和table列的宽度自定义
https://blog.csdn.net/qq_41075132/article/details/91445188https://blog.csdn.net/yanzisu_congcong/article/details/82220186https://blog.csdn.net/Dg_Zing/article/details/87194329（用的这种）Element UI...
2019-09-19 15:48:15
2727
原创 es6初学——数组扩展
Array.from():把类似数组的对象 和 可遍历的对象（set 和 map）转换成数组类似数组的对象：nodeList、arguments这种有一个特征，有 length属性可遍历的对象（set 和 map）因为有 遍历器接口（iterrator）所以才可以被转换（扩展运算符 只能转换这种的）array.from 可以接受 第二个参数，像map一样对元素处理，将...
2019-09-17 17:02:36
112
原创 vue、axios跨域
呵呵，看的cdsn一众大佬的文章学会的分享下跨域的学习路线学习路线：附加：axios中文文档 https://www.kancloud.cn/yunye/axios/234845（简单地提到了同源策略和CORS，具体的跨域问题链接看https://blog.csdn.net/from_shanghai/article/details/98884657，这篇里有思否一个非常详细的跨...
2019-09-17 11:24:39
95
原创 setFullYear & setMonth
setFullYear：https://codeplayer.vip/p/j7shrsetMonth：https://www.w3school.com.cn/jsref/jsref_setMonth.asp
2019-09-17 11:10:27
162
原创 es6初学——正则表达式
string: match()、replace()、search()和split()String.prototype.match调用RegExp.prototype[Symbol.match] String.prototype.replace调用RegExp.prototype[Symbol.replace] String.prototype.search调用RegExp.pr...
2019-09-12 17:59:42
160
原创 牛客（js）
let arr=new Array("tim", "kim", "jim")创建 Array 对象的语法var arr=[1,2,3]; var arr=new Array(1,2,3); var arr=new Array(12); 如果只有一个数，代表数组的length是12个var arr=new Array(0); 清空数组页面有一个按钮b...
2019-09-12 14:45:46
301
原创 element ui改变下拉列表
<el-form-item label="选择政策" prop="policy" > <el-select v-model="form.policy" @change="getOptions" :popper-append-to-body="false"> ...
2019-09-12 12:39:18
1014
原创 newcoder
1.function reserve(str){str=str.split(' ');str=str.reverse()console.log(str.join(' '))}reserve("it's a dog")2.两数之和/*** @param {number[]} nums* @param {number} target* @return {nu...
2019-09-10 21:11:40
189
原创 内容撑开高度 以及 按钮居中
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> </head><body> <div class="wrapper"> ...
2019-09-06 22:56:37
365
原创 切换标题，显示不同列表数据
<div class='data-show-head'> <span :class="dataFlag==1?'active':'no-active'" @click='getData(1)'>企业预警信号</span> <span :class="dataFlag=...
2019-09-01 22:22:23
514
原创 暂无数据 和 titleData tableData、上传问题、下载模板
<div slot="empty"> <img src='../../../assets/images/table-no-msg.png' style='margin-top:2rem'/> <div>暂无数据</div> ...
2019-09-01 21:25:35
239
原创 圆形条（自学）
<div class="circle-bar"> <div class="circle-bar-left"></div> <div class="circle-bar-right"></div> <!-- 遮罩层，显示百分比 --> <div class="mask">...
2019-09-01 21:03:04
95
原创 element ui中slot
input:https://element.eleme.cn/#/zh-CN/component/input<i slot="suffix" class="el-input__icon el-icon-date"></i>自定义模板使用scoped slot自定义输入建议的模板。该 scope 的参数为item，表示当前输入建议对象。scope.$ind...
2019-09-01 17:50:19
1808
原创 搜索关键字、筛选行业、筛选地区
1.template <el-input size="small" class="selectOuter" v-model="selectInput.Keyword" placeholder="请输入企业名称或关键字" > &...
2019-09-01 17:40:09
388
原创 两万行动
problemList.vue:搜索框用 el-input选择器用 el-selectel-select 内嵌 el-optionel-option v-for="item in xxx" 这个xxx 就是数据集xxx 一般是 行业、地区 可以通过created(){this.xxx=this.$store.getters. yyy } 来获取也可以...
2019-09-01 16:50:57
73
原创 echarts初学
C:\Users\Administrator>npm install echartsnpm WARN saveError ENOENT: no such file or directory, open 'C:\Users\Administrator\package.json'npm notice created a lockfile as package-lock.json. You ...
2019-08-18 15:43:09
189
原创 vue 零碎集合
一个main.js（js文件）:可以创建 Vue实例new Vue({})直接 就是 这么一行，不需要 var xxx = new Vue({});一个index.html （html文件）：可以创建 Vue实例<div id="#app"></div><script>var xxx = new Vue({})</script&g...
2019-08-18 11:05:52
84
原创 数组方法
let arr=[1,2,3,4,5,6,7]; console.log(arr.forEach((v, i) => v*2)); console.log(arr); arr.forEach((v, i) => { if (v > 1) { console.log(v); } }); // 根据函数的用法来 既然是遍历，那就 遍历...
2019-08-17 17:30:58
84
原创 兄弟组件传值（草稿）
<!-- vue兄弟组件 间传值借助中央事件总线1：在外部 建一个Bus.js，放在 assets文件夹下Bus.js:import Vue from 'Vue';//平常写 都是 import Vue from 'vue'export default new Vue;//创建 空的Bus 组件//vue-music App.vue 是export default ...
2019-08-17 11:35:54
156
原创 vue-cms 中 vuex的应用 和 vue-cms的遇到的问题
1.main.js 里 new Vuex.store2.挂载 到 实例（这样 其他组件就可以 取到 store 里的数据）3.state 里 建立了一个 car对象，里面有 商品id、价格、数量、选中状态同时 在GoodsInfo.vue 商品信息 这个组件 里 我也创建了 具备这些信息的 goodsInfo 对象4.store 里 mutations 有 加入购...
2019-08-14 14:51:17
371
原创 安装vue-cli 和 使用
Vue 全家桶：vue知识、vue-router、vue-cli、vuex、vue-resource（共 5个）vue-cli 构建工具 降低 使用 webpack 难度， 支持 热更新，有 webpack-dev-server支持相当于 启动了 一个 请求服务器，给你 搭建了 测试环境，只关注 开发全局 安装 vue-cli 之后命令行：》e:》cd 项目...
2019-08-14 14:50:33
74
原创 鼠标键盘事件
onmouseover 鼠标移入元素时 触发一次，但在元素上移动时不会触发，并且由于 事件冒泡，当鼠标 移入元素内子元素 时也会触发onmousemove 鼠标在元素上移动时就会触发，每移动一下，就会触发 一次onkeyup 当用户释放 键盘时 会执行js代码...
2019-08-14 14:47:54
108
原创 innerHTML\innerText
document.write 和 innerHTML ：document.write 重绘 整个页面，innerHTML 重绘页面的一部分。为什么 js中 不推荐使用 innerHTML？因为 innerHTML 每次修改内容 都会刷新，慢。（ 不明白 这个“慢”是指要刷新，所以 更新数据慢吗？）<!DOCTYPE html><html lang="en"&...
2019-08-13 17:29:20
199
原创 iframe 优缺点 & visibility=hidden, opacity=0，display:none
iframe是用 <iframe>标签在页面中嵌套其他页面。优点：1.只需要修改<iframe>内容，被嵌套的网页内容就可被一致修改，方便2.可以用iframe嵌套加载缓慢的第三方内容如图标和广告3.可以把嵌入的网页完整显示出来缺点：1.阻塞页面的 onload2.和 主页面 共享连接池，浏览器对 相同域的 连接有限制，所以 导致 加载缓慢3.iframe ...
2019-08-13 15:09:35
1302
原创 axios初学（1）——get、post请求 发送数据
vue.js 本身不支持发送ajax，需要 依赖（vue1.0）vue-resource、（vue2.0）axios jquery（ajax）vue2.0 不推荐 vue-resourceaxios是一个 基于Promise的http请求客户端用来来发送请求npm安装$ npm install axiosbower安装$ bower install axios通过cdn&...
2019-08-10 15:53:55
999
原创 封装ajxa 新的笔记
function Ajax(){ //第一步：创建xhr对象 //根据实际情况，通过不同方式创建xhr var xhr=null; if (window.XMLHttpRequest) { xhr=new XMLHttpRequest(); }el...
2019-08-09 06:13:54
123
原创 vue复习（1）
1.框架 和 库的区别：框架：一套 完整的解决方案，对项目的 侵入性较大。项目 如果更换框架，需要重新架构 整个项目。库（插件）：提供某个功能，对项目 的侵入性较小。如果 某个库，无法完成某些需求，可以 很容易切换到 其他库。2.MVC：后端的 分层开发概念。MVVM：前端的 视图层概念。view model viewmodel。v-cloakv-textv-htm...
2019-08-09 06:13:38
88
原创 vue-cms 没写组件内容概述
dist 里 index.html：index.html： <body background-color> div.#id <script src="bundle.js"></body>根目录下 index.html：<body background-color> div.#id </body>App.vue:...
2019-08-09 06:13:01
98
原创 chrome报错
Unchecked runtime.lastError: Could not establish connection. Receiving end does not exist.
2019-08-09 06:12:34
197
原创 promise习题
1.setTimeout(()=>{ console.log('setTimeout')})let p1 = new Promise((resolve) => { console.log('Promise1') resolve('Promise2')})p1.then((res) => { console.log(res)})console.log(1)...
2019-08-09 06:12:23
511
原创 vue-cms(2)
srcdist.babelrcpackage.jsonwebpack.config.jsREADME.mddist 里有：bundle.jsindex.html: div.#id <script src="bundle.js">src 里有：组件 图片 装库的lib组件分：货物 新闻 图片 subcomponents...
2019-08-09 06:12:03
367
原创 this.$ref获取元素 和 子组件
<div id="#app"> <div> <input type="button" name="" value="获取元素内容" @click="getElement"> <h1 ref="myh1">我是h1</h1>//ref 获取元素 是在获取的那个元素上，肯定是承载元素的 标签上，写 ref="xxx" xxx...
2019-08-09 06:11:47
4366
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人