- 博客(101)
- 资源 (23)
- 收藏
- 关注
RSS订阅原创 react
react你的技术栈主要是react，那你说说你⽤react有什么坑点？1、JSX做表达式判断时候，需要强转为boolean类型，如：render() { const b = 0; return <div> { !!b && <div>这是⼀段⽂本</div> } </div>}如果不使⽤ !!b 进⾏强转数据类型，会在⻚⾯⾥⾯输出 0。2、尽量不要在 componentWillReviceProps ⾥使⽤ setS
2021-01-31 19:48:53
290
原创 vue知识点
Vue2.0中如何检测数组变化？Vue 的 Observer 对数组做了单独的处理，对数组的⽅法进⾏编译，并赋值给数组属性的 __proto__属性上，因为原型链的机制，找到对应的⽅法就不会继续往上找了。编译⽅法中会对⼀些会增加索引的⽅法（ push ， unshift ， splice ）进⾏⼿动 observe。nextTick是做什么⽤的，其原理是什么?能回答清楚这道问题的前提，是清楚 EventLoop 过程。在下次 DOM 更新循环结束后执⾏延迟回调，在修改数据之后⽴即使⽤ next
2021-01-31 19:20:39
122
原创 Git简介
Git 是一种分布式版本控制系统，它可以不受网络连接的限制，加上其它众多优点，目前已经成为程序开发人员做项目版本管理时的首选，非开发人员也可以用 Git 来做自己的文档版本管理工具`在这里插入代码片`常用操作git clonegit configgit branchgit checkoutgit statusgit addgit commitgit pushgit pullgit loggit tag如何使用 Git 拉取代码到提交代码的整个流程。git clone从g
2021-01-31 11:20:41
118
原创 2021关于vue知识-01-31
v-model是如何实现双向绑定的？vue 2.0v-model 是⽤来在表单控件或者组件上创建双向绑定的，他的本质是 v-bind 和 v-on 的语法糖，在⼀个组件上使⽤ v-model ，默认会为组件绑定名为 value 的 prop 和名为 input 的事件。Vue3.0在 3.x 中，⾃定义组件上的 v-model 相当于传递了 modelValue prop 并接收抛出的update:modelValue 事件Vuex和单纯的全局对象有什么区别？Vuex和全局对象主要有两⼤区
2021-01-31 10:59:31
114
原创 操作元素改变内容
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <button>
2021-01-31 01:09:20
56
原创 执行事件步骤
执行事件步骤点击 div 控制台 输出 我被选中 了获取·事件源 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></hea
2021-01-31 00:37:28
166
原创 事件三元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <button id
2021-01-31 00:23:08
135
原创 es6扩展
在这里插入代码片// 获取函数所有形参 // es5 let fun = function(){ console.log(arguments); // 类数组 [...arguments].forEach(item=>{ // 通过...把它转为一个数组 console.log(item); }) } fun(1,2,3,4,5) // es6 // 箭头函数没有arguments对象 // reset 参数返回一个实参的数组的集合
2021-01-30 11:57:44
52
原创 面试题
1.this指向 var fullname ="1"; var obj ={ fullname:"2", prop:{ fullname:"3", //如果改成普通函数 getFullname:()=>{ return this.fullname } }
2021-01-30 01:04:11
150
原创 前端工程化
聊起工程化这方面通常都会从一个项目上入手1.页面性能优化2.webpack性能优化页面性能优化 从网络 加载 触发缓存 CDN HTTP2以及图片格式 优化打包 拆包 tree-shaking 懒加载 异步加载 多线程用户体验 骨架屏 动画 虚拟滚动在react中shouldComponentUpdata PureComponent memo等优化 diff算法手段...
2021-01-30 00:50:54
59
原创 有关$nextTick项目
<template> <div class="hello"> <div ref="msgDiv">{{ msg }}</div> <div v-if="msg1">Message got outside $nextTick: {{ msg1 }}</div> <div v-if="msg2">Message got inside $nextTick: {{ msg2 }}</div>
2021-01-30 00:16:21
55
原创 项目上线相关配置配置 https服务
项目上线相关配置使用pm2管理应用1在服务器安装 pm2 :npm i pm2 -g启动项目 pm2 start 脚本 --name 自定义名称查看运行项目 pm2ls重启项目 pm2 restart 自定义名称停止项目 pm2stop自定义名称删除项目pm2delete自定义名称`***## 在这里插入代码片***配置 https服务http协议都是明文 ，不安全https 服务申请 ssl证书 进入https官网输入自己的邮箱和相关选项验证 DNS（在域名管理后台添
2021-01-26 23:29:08
194
原创 vue通讯e
在这里插入代码片父级向子级通讯(利用props) 父级： data(){ return{ **tit:'加油加油 ！'** } } 子级： props:['tit'] 接收 <val1 :tit="tit"></val1> 子级向父级通讯(利用回调函数) 子级： this.$emit('
2021-01-26 01:24:28
56
原创 Vue 的自我模拟面试
vue的响应系统vue的mvvm框架，当数据模型data变化时，页面视图会响应更新原理对data的·getter/setter方法进行拦截，利用发布订阅的设计模式。在getter中进行订阅，在setter方法中发布通知，让所有订阅者完成响应。在响应式系统中，Vue会为数据模型data的每一个属性新建一个订阅中心作为发布者，而监听器watch、计算属性computed、视图渲染template/render三个角色同时作为订阅者。对于监听器watch，会直接订阅观察监听的属性，对于计算属性c
2021-01-26 01:17:03
98
原创 前端小知识
css 一行文本超出...overflow: hidden;text-overflow:ellipsis;white-space: nowrap;2.多行文本超出显示...display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;3.IOS 手机容器滚动条滑动不流畅overflow: auto;-webkit-overflow-scrolling: touch;
2021-01-25 23:00:04
74
原创 前端小知识点
***## css一行文本超出***overflow:hidden;text-overflow:ellipsis;white-space:nowrap;多行文本超出显示display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp：3；overflow:hidden;***IOS 手机容器滚动条滑动不流畅***overflow: auto;-webkit-overflow-scrolling: touch;
2021-01-25 22:56:57
95
原创 关于koa的起服务
关于koa的起服务第一步：全局安装 koa-generatornpm install koa-generator -g第二步：使用 koa-generator 生成 koa 项目# 项目名字为：myprojectkoa2 myproject# 进入 myproject 项目cd myproject# 安装npm install第四步：启动服务npm start第五步：打开浏览器# 打开下面链接http://localhost:3000/# 页面显示Hello Koa 2!
2021-01-25 20:50:31
381
原创 去掉第三放的el-table的默认背景色父元素穿透
.el-table, .el-table__expanded-cell { background-color: transparent!important; } .el-table th, .el-table tr { border: 0!important; background-color: transparent!important; } .header_time >>> .el-table,.
2021-01-25 14:56:45
720
原创 工作中遇到的问题用第三方如何解决input默认的背景色
```javascri在input中 假如要去掉placeholder的默认背景色则-webkit-box-shadow: 0 0 0 1000px white inset;}
2021-01-25 13:10:24
62
原创 css盒模型
css盒模型box-sizing(有3个值哦)：border-box,padding-box,content-box.标准盒子模型的盒子宽度：左右border+左右padding+width在IE盒子模型中，width表示content+padding+border这三个部分的宽度CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。标准盒模型：一个块的总宽度=width+margin(左右)+padding(左右)+border(左右)怪异盒模型：一个.
2021-01-24 10:45:37
286
原创 GET和POST的区别
get参数通过url传递，post放在request body中。get请求在url中传递的参数是有长度限制的，而post没有。get比post更不安全，因为参数直接暴露在url中，所以不能用来传递敏感信息。get请求只能进行url编码，而post支持多种编码方式get请求会浏览器主动cache，而post支持多种编码方式。get请求参数会被完整保留在浏览历史记录里，而post中的参数不会被保留。GET和POST本质上就是TCP链接，并无差别。但是由于HTTP的规定和浏览器/服务器的限制，导致他
2021-01-24 10:18:58
78
原创 cookie sessionStorage localStorage区别
cookie sessionStorage localStorage区别cookie数据始终在同源的http请求中携带(即使不需要)，即cookie在浏览器和服务器间来回传递cookie数据还有路径（path）的概念，可以限制。cookie只属于某个路径下存储大小限制也不同，cookie数据不能超过4K，同时因为每次http请求都会携带cookie，所以cookie只适合保存很小的数据，如回话标识数据的有效期不同sessionStorage：仅在当前的浏览器窗口关闭有效；localStorag.
2021-01-24 10:17:16
148
原创 http和https区别
https的SSL加密是在传输层实现的。http和https的基本概念http: 超文本传输协议，是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP），用于从WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。https: 是以安全为目标的HTTP通道，简单讲是HTTP的安全版，即HTTP下加入SSL层，HTTPS的安全基础是SSL，因此加密的详细内容就需要SSL。https协议的主要作用是：建立一个信息安全通道，来确保数组的传输，
2021-01-24 10:11:35
393
原创 为什么 Vue 中不要用 index 作为 key
```javascriptVue 中的 key 是用来做什么的？为什么不推荐使用 index 作为 key<ul> <li>1</li> <li>2</li></ul>{ tag: 'ul', children: [ { tag: 'li', children: [ { vnode: { text: '1' }}] }, { tag: 'li', children: [ { vnode: {.
2021-01-23 21:40:26
974
原创 结构
表格 NO.1 LWMS_BORROW_ENTERING_HISTORY 借款合同管理模块历史操作记录 [10]字段名称 字段意义 数据类型S_ID 主键 VARCHAR2(32 BYTE)S_CONTRACT_ID 合同ID VARCHAR2(32 BYTE)S_OPERATE 操作 VARCHAR2(64 BYTE)S_PARAMS 参数 CLOBS_NAME_ID 操作人 VARCHAR2(32 BYTE)D_INSERT_DATE 插入时间 DATES_STATUS
2021-01-23 19:44:37
92
原创 2021vue的基本用法-01-21
vue的基本用法vue的模板语法特性1.vue 的基本步骤需要提供标签vue语法做功能vue提供数据var vm=new Vue({ el:'#app' data:{ msg:"Hello Vue}})el 元素挂载位置data数据模型插值表达式 将数据填充插值表达式做基础的计算vue运行原理叫编译过程模板语法差值指令事件绑定样式绑定分支循环结构...
2021-01-23 17:56:01
171
原创 通用功能开发
封装var _mm={网络请求request :functin(param){var _this =this;$.ajax({ type :parme.method || 'get' url :parme.url || '' dataType :parme.type || 'json' data :parme.data ||'', success:function(res){请求成功if(0==res.status){ typeof parme.succes
2021-01-23 17:54:34
138
1
原创 三级联动
<template> <div class="linkage"> <el-select v-model="sheng" @change="choseProvince" placeholder="省级地区"> <el-option v-for="item in province" :key="item.id" :label="item.value"
2021-01-23 08:20:01
131
原创 202解决vue页面加载时1-01-22
解决vue页面加载时出现{{message}}闪退v-cloak指令和css规则如[v-cloak]{display:none}一起用时，这个指令可以隐藏未编译的Mustache标签直到实例准备完毕。v-cloak 指令可以像css选择器一样绑定一套css样式然后这套css会一直生效到实例编译结束。eg: // <div> 不会显示，直到编译结束。 [v-cloak]{ display:none; } <div v-..
2021-01-22 09:23:12
134
原创 关于独立组件 弹框 带分页
<template> <div class="app-container"> <div class="filter-container"> <el-input v-model="listQuery.name" placeholder="请输入姓名" style="width: 200px;" class="filter-item" @input="query()"/> <el-button class=
2021-01-21 23:04:05
177
原创 el-table样式的变色
<el-table :data="tableData" :cell-style="columnStyle" :header-cell-style="tableHeaderColor" :span-method="objectSpanMethod" border style="width: 100%; margin-top: 20px;.
2021-01-21 13:27:50
365
原创 vue3.0
升级vue-cli4.5npm i -g @vue/cli@next新建vue3.0版本vite 快速安装**npm init vite-app <名字》npm install npm run dev**import {reactive} from 'vuesetup(){ 比如 调一个函数 const data =reactive({ counter:1; }) return {data}}...
2021-01-20 22:40:07
59
原创 左右切换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do
2021-01-20 00:49:00
167
原创 vuex的核心使用
state：{count:0}全局共享数据this.$store.state.全局数据名称例如 this.$store.state.count**想访问谁就写全局数据（谁）**mapState 映射引入 当前需要的全局数据 ,映射 当前的computed计算属性例如import {mapState } from 'vuex'全局数据 映射当前的计算属性computed:{...mapState(['count'])}mutations 用于变更 store的数据**
2021-01-20 00:47:40
75
原创 解构赋值
```javascript```javascript利用·JSON.stringfy和JSON.parse深拷贝let swr ={name:"辅导费",age:23,pets:['打扫']let swycopy =JSON.parse(JSON.stringify（swr）```javascriptconsole.log(swrcopy) // { name: '邵威儒', age: 28, pets: [ '小黄' ] }// 此时我们新增swr的属性```javascrip.
2021-01-19 23:10:53
134
原创 分页组件
分页<template> <div class="filter-container"> <el-input v-model="listQuery.name" placeholder="请输入姓名" style="width: 200px;" class="filter-item" @input="query()"/> <el-button class="filter-item" type=
2021-01-19 21:52:26
92
原创 理论知识点
目录1. 地理定位 42. React生命周期shouldComponentUpdate 43. Vue中，Object.defineProperty方式挂载全局方法优点 44. WebAPP、native、混合开发、小程序、H5页面 45. H5怎么跟native进行通讯 46. 发起一次url的过程 47. JWT（json-web-token）技术来做前后端鉴权。 48. JWT技术：( json-web-token)登录验证 510. vue、react的路由原理? 511. 单
2021-01-19 00:38:09
218
原创 promise
```javascript每一个 Promise 都有两个 函数参数，分别是resolved 成功状态rejected 失败状态`通过查看 Promise 我们可以发现 resolve，reject，all，race是静态方法，then，catch，finally是实例方法``const PENDING = 'PENDING'const RESOLVED = 'RESOLVED'const REJECTED = 'REJECTED'class Promise { const.
2021-01-19 00:32:10
96
原创 jsx
jsx是什么?React 使用 JSX 来替代常规的 JavaScriptJSX 是一个看起来很像 XML 的 JavaScript 语法扩展我们不需要一定使用 JSX，但它有以下优点JSX 执行更快，因为它在编译为 JavaScript 代码后进行了优化它是类型安全的，在编译过程中就能发现错误使用 JSX 编写模板更加简单快速...
2021-01-19 00:25:58
104
埋点方案什么是火山引擎增长分析 DataFinder？
2023-02-03
微信小程序完整代码微信小程序完整微信小程序微信微信小程序完整代码小程序完整代码完整代码代码
2023-01-24
关于vue地图可视化 ，完整项目，可运行
2022-11-13
关于vue2.0气泡组件和图表的组件 中国地图的封装
2022-10-23
vue-element-admin
2022-10-10
关于可视化-图表 地图 动态显示
2022-10-10
后端技术 电子合同+电子签章
2022-10-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人