- 博客(32)
- 收藏
- 关注
RSS订阅原创 React.StrictMode
React.StrictMode的作用主要是检查提示，比如react不推荐使用的一些属性，或者一些Hook，你代码里还有，那么就会提示
2021-08-17 17:37:22
493
原创 aspectFill和aspectFit区别
aspectFill和aspectFit区别aspectFill：会选取长宽里面较小的一个作为依据 填充整个容器aspectFit：会选取长宽里面较大的一个作为依据 填充整个容器
2021-07-14 12:01:37
1645
原创 react
两种路由模式BrowserRouter 和 HashRouter(#)reactreact-router-dom路由链接实现切换组件<Link className="list-group-item" to="/home">Home</Link>但是上面这个标签需要包裹里面一般组件和路由组件路由组件默认传递的有东西NavLink<NavLink className="list-group-item" activeClassName="active" to=
2021-07-13 13:33:40
70
原创 react路由组件传递参数的三种方式
react路由组件传递参数的三种方式params 参数 路由链接(携带参数)：<Link to="/demo/test/123"></Link> 注册路由(接收)注册路由(接收)：<Route path="/demo/:name/:id" component={Test}/> 接收参数 接收参数：this.props.match.paramssearch参数路由链接(携带参数)<Link to="/demo/test?nam
2021-07-07 10:43:23
187
原创 删除和更新对象数组里面的值
从对象数组中删除指定id所在的项目const todos = [ { id:1, message:'1' }, { id:2, message:'2' }, { id:3, message:'3' }]const newTodos = todos.filter(item=>item.id!==3)更新对象数组中 某一个项里面的属性const todos = [ { id:1, message:'1'
2021-07-02 15:14:50
454
原创 给组件绑定多个v-model
如果需要给组件绑定多个v-model,需要使用sync. <hello-world :name.sync="user.name" > </hello-world>会将上面的代码 解析成 <hello-world :name="user.name" @update:name = "user.name = $event" > </hello-world>实现类似v-model 的 :value、@input 功能...
2021-06-14 21:35:23
709
原创 使用referrer处理图片403
不发动referrerimg标签添加referrerPolicy=“no-referrer”<img src="xxx" referrerPolicy="no-referrer" />或者 在mete里面添加content=“no-referrer”<meta name="referrer" content="no-referrer">
2021-06-14 20:50:19
202
原创 http缓存
http缓存强制缓存1，expires：会在response Headers里面设置过期时间（expires），将本地浏览器本地时间和expires进行比对，超过时间就会拉去新资源，不到就是使用缓存(不推荐)//例如浏览器请求资源时，给响应的headers设置expires，就能在浏览器看到这个参数expires:new Date('2021-06-03 20:52:00').toUTCString()2，Cache-Control：通过设置过期时间，max-age=xxx秒的形式，来让浏览器
2021-06-03 22:59:07
65
原创 async里面的return的理解
结论：async函数return的是一个promise对象，也就是说，会将你想返回的数据，包裹在一个promise的resolve里面*想在fun3里面取得fun1里面的resolve数据，下面的写法是错误的//原本这样写(这样写是错误的)function fun1() { return new Promise((resolve,reject) => { resolve('fun1') })}async function fun2() { const fun1Data
2021-06-02 09:41:46
6201
原创 node mysql第二个参数数组什么作用？
const sql = `select * from user where id=? and name=?`const sqlArr = [12,'zhang']connect.query(sql,sqlArr)/* 会被解析成connect.query(select * from user where id=12 and name='zhang')*/
2021-06-01 09:33:05
147
原创 el-table表格里面有一条横线
表格里面 有一条横线，出现原因：是自定义了表格头.使用了固定列（fixed），定宽。添加样式文件<style >.el-table__fixed-right{ height: 100% !important; }</style>
2021-05-28 09:14:56
1831
原创 el-table 合计部分展示问题
只需要在summary-method方法体里面添加上 this.$nextTick(() => { this.$refs.table.doLayout() })让table重新计算布局
2021-04-09 11:13:14
339
原创 关于表格里面动态嵌入el-input，无法自动获取el-input 焦点的问题
需求：点击添加，生成空白行，表格行里面嵌入el-input。当我点击在运输件数里面点击enter键，下一行的el-input自动获取焦点原有方法：动态绑定ref,然后通过this.$refs.xxx.focus获取焦点。关键代码template关键代码：<el-table-column label="运输件数" width="90" align="center"> <template slot-scope="scope">
2021-04-09 08:41:41
1269
2
原创 echarts dataset的理解
文档原文：option = { legend: {}, tooltip: {}, dataset: { // 提供一份数据。 source: [ ['product', '2015', '2016', '2017'], ['Matcha Latte', 43.3, 85.8, 93.7], ['Milk Tea', 83.1, 73.4, 55.1], [
2021-02-20 22:00:18
436
原创 i++和++i
++i加号在前面 说明是先增加后赋值i++ 加号在后面，说明是先赋值 然后在增加但是，这两个区别在于，进行赋值的时候的区别，不赋值的时候，就单纯的值而言，没有区别function test(){ let i=0; i++;}function test(){ let i=0; ++i;}//上面两个作用的++i和i++的作用是一样的function test(){ let i=0; let j=i++//j=>0;}fun
2020-08-13 10:44:01
9568
原创 @click不起作用，同时报错
点击报错：_vm.gotoExpense is not a functionError: _vm.gotoExpense is not a functionat http://127.0.0.1:24333/appservice/common/vendor.js:1186:23at Array.forEach ()at http://127.0.0.1:24333/appservice/common/vendor.js:1171:23at Array.forEach ()at Je.hand
2020-07-30 10:52:22
512
原创 Vue中的事件修饰符
事件修饰符.stop：阻止点击事件冒泡.prevent：防止预设行为，等同于preventDefault() 比如说a标签的跳转.capture：与事件冒泡的方向相反，事件捕获由外到内.self：只会出发自己范围内的事件，不会包含子元素.once：只执行一次，如果在click上面添加了.once修饰符，那么按钮就会只执行一次...
2020-07-30 10:31:17
105
原创 导出execl
使用js-xlsx下载npm i js-xlxs -S导入import XLSX from 'xlxs'数据格式为数组里面嵌套对象tableData=[ { humidity: 0 humidityIn: 64 lat: 30.5599731 lng: 120.7531459 name: "63002529" temperature: 19.8 temperat
2020-07-10 08:47:55
202
原创 js的函数的返回值
js中的大部分函数都会默认返回一个underfined.也就是说,当我们定义一个函数的时候，再函数的末尾的地方会有一个return underfinendfunction test() { //隐藏的return underfined，直到我们再函数里面手动的return 一个数字的时候，才能把return 覆盖。同时之所以函数会运行到结尾之后不会往下运行，就是因为函数末尾后面有一个return underfined}还有一点点小的知识点上面我们定义的test函数，当我们写成
2020-06-09 13:27:39
854
原创 vue的provide和inject的理解
最近使用了别人的一个插件，看到别人用了provid和inject,感觉很有意思，mark一下具体的东西，注意事项可以看官方的文档,我们只是讨论一下,provide和inject的常规用法首先我们知道，父子组件传值的话，使用的是prop，但是要是爷孙组件传值的话，用什么？有人讲用bus或者用vuex的，这当然行，但是vue提供了另外一种针对于爷孙或者其他的直系传值的方法，就是provide和inject。注意，必须是直系的嵌套关系才能够使用//祖先组件里面<template> &l
2020-06-03 20:25:17
937
原创 rouer-view的理解和使用
什么是嵌套路由？就是说，我们在一个component里面去放置了另外一个组件，这个组件的内容会根据不同的路由显示不同的东西。说白了就是大组件里面套用了一个小组件，但是这个小组件呐，不是我们写死的，而是根据不同的路由进行显示的。借用官方的一张图/user/foo/profile /user/foo/posts+------------------+ +-----------------+| User
2020-05-30 19:29:36
1882
2
原创 元素大小超出包裹元素，可能出现的原因以及对应的解决方案
今天整里完flex，突然想到了以前遇见的一个问题，挺有意思的的，今天整里出来以前写小程序的时候遇到过一种情况，就是当我在一个页面中，给一个按钮设置宽度100%的时候，按钮的宽度总是会超出父元素的包裹框（子元素为了美观，设置了padding）当时想的是，手动计算宽度，后来上网看了原因是因为当我们给子元素设置padding的时候，我们的元素的实际跨度其实是元素的真实的宽，加上去我们padding的宽度2*css3引入了一个box-sizing：border-box。可以解决出现的这种问题box-siz
2020-05-28 00:20:34
489
原创 flex弹性布局
一直在写管理后台，直接封装的组件。今天回忆flex的属性的时候，居然忘了几个属性，趁此回忆一下flex，强烈建议去看看阮老师的文章，讲的非常的详细，还有图，该文章只供自己回忆使用具体的可看阮老师的博客：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html还有就是阮老师的grid网格布局教程：http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html设置在项目容器上面的属性
2020-05-28 00:04:08
187
原创 router-view不渲染
原因：将component写成了compontent希望对你有帮助。下面是过程，留待以后自己阅读，可不看今天在写嵌套路由的时候，出现了一个很有趣的东西。router-view不渲染。编辑器没代码报错，浏览器也没有报错。排查了一下，首先跟自己写的全局前置路由没有关系。其次 浏览器插件里面显示这个时候，大概就知道问题出在哪了，就是出在了路由上面，路由引入不正确。首先查看main.js里面，发现正确引入了router。其次就开始排查router文件，网上有讲将routes写成了router的
2020-05-27 01:09:53
1133
2
原创 require和exports,module.exports。import和export,export default
##require和import首先需要明确的是：他们都能帮助我导入一些模块他们的适用范围不一样，require通常来说是用在node中的，在浏览器方面，却不支持。import是es6定义的一个语法标准，具有普适性。先讲讲require的用法(import会搭配export讲)首先我们要知道，require导入的是一个对象(如下，我们在test1.js中导入test2.js)//test2.js文件内是空的//test1.jslet a = require('./test2.js')
2020-05-26 15:06:55
232
原创 js中变量引发的思考（一）
js中的变量是松散类型的。也就是说：var msg;//注意：这个时候，msg的值是一个undefinedmsg = '123';msg = 123;上面我们定义的msg变量，连续的两次进行赋值，一次是赋值为字符串，一次是数字，这个在js中是完全的合法的。var 操作符定义的变量，会成为定义该变量作用域中的局部变量，也就是说，在该函数作用域的外边是无法访问该变量的，因为这个变量，在函数退出的时候就会被销毁。也就是说：function test(){ var msg = '123';
2020-05-25 10:19:09
213
原创 三次握手和四次挥手的过程原因，通俗的解释
三次握手，四次挥手三次握手的过程和原因通俗的讲，就是通信的双方在发送数据之前，必须要建立一个连接，就是将客户端和服务端的内存里面保存一份关于对方的端口号和ip地址之类的一些数据(客户端和服务端，每一个程序，都会占用当前机器的一个端口号)**第一次握手：**客户端发送一个网络包（这个网络包就是一个初始化连接的序列号）服务端接受到了这个序列号的时候，服务端可以得出结论就是，客户端的***发送能力***和服务端的***接收能力***是正常的，还能获取一些客户端的的一些信息，比如说ip地址端口号之类的。但
2020-05-24 22:45:13
1288
原创 自定义的请求拦截
// 引入axiosimport axios from ‘axios’import store from ‘…/store’// 创建一个axios的实例 请求的真整地址就会拼接到baseURL后面/*例如，如果我们在其他地方使用了我们export default的instance 的时候，所有的客户端请求都回先经过欧文们*自定义的请求拦截器所有的接口返回值都会先经过我们自定义的返回拦截器*/const instance = axios.create({baseURL: ‘封装的请求
2020-05-23 21:05:50
267
原创 解决子组件改变传递的值，父组件的值也会跟着改变的情况
今天在没事重新翻阅 vue的开发文档的时候，发现一个很好玩的东西，很开心，也感觉有必要记录一下，也给大家分享一下，避免大家踩坑文档说：注意在 JavaScript 中对象和数组是通过引用传入的，所以对于一个数组或对象类型的 prop 来说，在子组件中改变变更这个对象或数组本身将会影响到父组件的状态。这句话咋一看好像是说vue的组件传值不在准守但想数据流这个规则，其实不是这样的，上面讲了，是引用数据类型，不在遵守这个规则。为什么？这就要说说vue的组件传值对于引用数据类型来说，是一个 浅拷贝。
2020-05-22 16:22:32
4514
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人