- 博客(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
870
原创 双向数据绑定原理\响应式原理
实现mvvm的双向绑定，是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。就必须要实现以下几点： 1、实现一个数据监听器Observer，能够对数据对象的所有属性进行监听，如有变动可拿到最新值并通知订阅者 2、实现一个指令解析器Compile，对每个元素节点的指...
2019-10-14 11:29:31
500
原创 keep-alive
：include 、 :exclude和abstract include白名单，会缓存组件，exclude不会缓存，abstract看是否是抽象组件（这个到时候不说，因为害怕被追问抽象组件会不会被缓存），max，缓存上限。 （created）有cache和keys，分别存放vnode节点和对应的key值 cache中存的组件如果超过max，根据lru策略删除key[0]组件 render()会...
2019-10-14 10:07:53
366
原创 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
1208
1
原创 vue源码（1）
flow: vue.js源码目录设计 javascript通常写es6，es6用babel编译 类型检查：编译期检查，运行不检查 之所以yongflow，因为babel和eslint都有对应的 flow插件以支持语法，可以沿用现有的构建配置， 非常小成本的改动就可以拥有静态类型检查的能力 flow工作方式： 类型检查分2种， 类型推断：通过变量的使用上下文推断出变量类型， 根据这些推断...
2019-10-13 19:27:29
174
原创 防抖和节流
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
178
原创 滑块&四位验证码
/* 最外层div包裹里面： drag_text 始终 = 最外层容器宽度（w：346 h：40） {开始验证/验证通过} drag_greenbg width:0 => 306 drag_handler ref=“moveDiv” 滑块 初始两个class样式 handler 和 handle-bg（base64编码的图片） .handler_bg { background:...
2019-10-06 18:24:52
654
原创 解决冲突
1.我新创建api接口文档，对方也给我创建了（名字、结构都一样），所有冲突，不能拉取 （产生冲突 还有可能因为我修改，对面还保留我删去的东西、未修改的什么） 我贮藏的是 修改的，之前有的 新建的文件没有被贮藏 （因为拉取有冲突） 拉取有冲突，我贮藏，再拉取还是有冲突 然后我把 新建的api接口文档提交 （这里好像选择 用我的版本解决冲突） （再拉取应该还是有冲突，因为还有...
2019-09-24 09:35:57
135
转载 el-table改变表头颜色和table列的宽度自定义
https://blog.youkuaiyun.com/qq_41075132/article/details/91445188 https://blog.youkuaiyun.com/yanzisu_congcong/article/details/82220186 https://blog.youkuaiyun.com/Dg_Zing/article/details/87194329（用的这种） Element UI...
2019-09-19 15:48:15
2857
原创 es6初学——数组扩展
Array.from(): 把类似数组的对象 和 可遍历的对象（set 和 map）转换成数组 类似数组的对象： nodeList、arguments 这种有一个特征，有 length属性 可遍历的对象（set 和 map）因为有 遍历器接口（iterrator）所以才可以被转换（扩展运算符 只能转换这种的） array.from 可以接受 第二个参数，像map一样对元素处理，将...
2019-09-17 17:02:36
169
原创 vue、axios跨域
呵呵，看的cdsn一众大佬的文章学会的 分享下跨域的学习路线 学习路线： 附加：axios中文文档 https://www.kancloud.cn/yunye/axios/234845 （简单地提到了同源策略和CORS，具体的跨域问题链接看https://blog.youkuaiyun.com/from_shanghai/article/details/98884657，这篇里有思否一个非常详细的跨...
2019-09-17 11:24:39
134
原创 setFullYear & setMonth
setFullYear： https://codeplayer.vip/p/j7shr setMonth： https://www.w3school.com.cn/jsref/jsref_setMonth.asp
2019-09-17 11:10:27
215
原创 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
226
原创 牛客（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
403
原创 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
1078
原创 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
251
原创 内容撑开高度 以及 按钮居中
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div class="wrapper"> ...
2019-09-06 22:56:37
442
原创 切换标题，显示不同列表数据
<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
583
原创 暂无数据 和 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
292
原创 圆形条（自学）
<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
135
原创 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
1932
原创 搜索关键字、筛选行业、筛选地区
1.template <el-input size="small" class="selectOuter" v-model="selectInput.Keyword" placeholder="请输入企业名称或关键字" > &...
2019-09-01 17:40:09
475
原创 两万行动
problemList.vue: 搜索框用 el-input 选择器用 el-select el-select 内嵌 el-option el-option v-for="item in xxx" 这个xxx 就是数据集 xxx 一般是 行业、地区 可以通过 created(){this.xxx=this.$store.getters. yyy } 来获取 也可以...
2019-09-01 16:50:57
101
原创 echarts初学
C:\Users\Administrator>npm install echarts npm WARN saveError ENOENT: no such file or directory, open 'C:\Users\Administrat or\package.json' npm notice created a lockfile as package-lock.json. You ...
2019-08-18 15:43:09
227
原创 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
128
原创 数组方法
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
130
原创 兄弟组件传值（草稿）
<!-- 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
209
原创 vue-cms 中 vuex的应用 和 vue-cms的遇到的问题
1.main.js 里 new Vuex.store 2.挂载 到 实例（这样 其他组件就可以 取到 store 里的数据） 3.state 里 建立了一个 car对象，里面有 商品id、价格、数量、选中状态 同时 在GoodsInfo.vue 商品信息 这个组件 里 我也创建了 具备这些信息的 goodsInfo 对象 4.store 里 mutations 有 加入购...
2019-08-14 14:51:17
436
原创 安装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
97
原创 鼠标键盘事件
onmouseover 鼠标移入元素时 触发一次，但在元素上移动时不会触发，并且由于 事件冒泡，当鼠标 移入元素内子元素 时也会触发 onmousemove 鼠标在元素上移动时就会触发，每移动一下，就会触发 一次 onkeyup 当用户释放 键盘时 会执行js代码 ...
2019-08-14 14:47:54
162
原创 innerHTML\innerText
document.write 和 innerHTML ： document.write 重绘 整个页面，innerHTML 重绘页面的一部分。 为什么 js中 不推荐使用 innerHTML？ 因为 innerHTML 每次修改内容 都会刷新，慢。（ 不明白 这个“慢”是指要刷新，所以 更新数据慢吗？） <!DOCTYPE html> <html lang="en"&...
2019-08-13 17:29:20
296
原创 iframe 优缺点 & visibility=hidden, opacity=0，display:none
iframe是用 <iframe>标签在页面中嵌套其他页面。 优点： 1.只需要修改<iframe>内容，被嵌套的网页内容就可被一致修改，方便 2.可以用iframe嵌套加载缓慢的第三方内容如图标和广告 3.可以把嵌入的网页完整显示出来 缺点： 1.阻塞页面的 onload 2.和 主页面 共享连接池，浏览器对 相同域的 连接有限制，所以 导致 加载缓慢 3.iframe ...
2019-08-13 15:09:35
1558
原创 axios初学（1）——get、post请求 发送数据
vue.js 本身不支持发送ajax，需要 依赖（vue1.0）vue-resource、（vue2.0）axios jquery（ajax） vue2.0 不推荐 vue-resource axios是一个 基于Promise的http请求客户端 用来来发送请求 npm安装 $ npm install axios bower安装 $ bower install axios 通过cdn &...
2019-08-10 15:53:55
1069
原创 封装ajxa 新的笔记
function Ajax(){ //第一步：创建xhr对象 //根据实际情况，通过不同方式创建xhr var xhr=null; if (window.XMLHttpRequest) { xhr=new XMLHttpRequest(); }el...
2019-08-09 06:13:54
167
原创 vue复习（1）
1.框架 和 库的区别： 框架：一套 完整的解决方案，对项目的 侵入性较大。项目 如果更换框架，需要重新架构 整个项目。 库（插件）：提供某个功能，对项目 的侵入性较小。如果 某个库，无法完成某些需求，可以 很容易切换到 其他库。 2.MVC：后端的 分层开发概念。 MVVM：前端的 视图层概念。view model viewmodel。 v-cloak v-text v-htm...
2019-08-09 06:13:38
208
原创 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
138
原创 chrome报错
Unchecked runtime.lastError: Could not establish connection. Receiving end does not exist.
2019-08-09 06:12:34
299
原创 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
567
原创 vue-cms(2)
src dist .babelrc package.json webpack.config.js README.md dist 里有： bundle.js index.html: div.#id <script src="bundle.js"> src 里有： 组件 图片 装库的lib 组件分： 货物 新闻 图片 subcomponents...
2019-08-09 06:12:03
469
原创 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
4482
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人