- 博客(25)
- 收藏
- 关注
RSS订阅原创 css-------
两行代码居中HTML<div class="hero"> <div class="hero-wrapper"> <h2>CSS is awesome</h2> <p>Yes, this is a hero section made for fun.</p> <a href="#">See more</a> </div>&l
2023-05-29 10:34:15
120
原创 阻止默认事件，事件捕获
阻止默认事件：e.preventDefault()e.returnValue = false (IE)阻止冒泡：e.stopPropagation()e.cancelBubble = true (IE)
2023-04-21 15:13:30
122
原创 vue知识点小计(不定时新增)
1、判断一个对象里面的字段有没有空的const checkEmpty = (row: any) => { const result = Object.keys(row).some((key) => row[key] === '') return result }
2023-04-12 11:46:38
136
原创 vue里的router跟 route
1.this.$ router2.this.$ router.go(n)，该方法采用一个整数作为参数，表示在历史堆栈中前进或后退多少步，类似window.history.go(n)。 this.$ router.go(1)前进一步this.$ router.go(-1)后退一步3.this.$ router.push()2.this.$ routethis.$ route 访问当前路由 ；this.$ route 表示当前路由对象，每一个路由都会有一个 route 对象，是一个局
2022-07-08 09:58:47
100
转载 获取最近 30 天的日期（不包括今天）
获取最近 30 天的日期（不包括今天）格式只有天想要格式为年月日的参考原文链接：http://www.childsay.com/js-last-30-dates.html其实也就在在push的时候把年月加上 比如dates.push(`${endYear}-${endMonthString}-${item}`);const _ = require('lodash');const dayjs = require('dayjs');const last30dates= ()=> {
2022-05-13 11:54:10
836
原创 echarts地图下钻效果
先看效果图，第二张是因为数据差距过大导致。可调再看代码import * as echarts from 'echarts';import mapJson from '../utils/福州市.json';import mapJson1 from '../utils/三明市.json';import mapJson2 from '../utils/福建省.json';let selected='福建省'export default { init (id, res, city=sele
2022-05-12 09:57:39
560
转载 vscode插件
Git History查看git日志、文件历史、比较分支或提交。当我们需要查看文件的历史，可能会借助另外一个Git UI工具查看，耶，只要点击文件的右上角图标就能看到历史代码还有代码差异性。Path Intellisense 路径智能提示当我们需要引入某个文件或者图片，文件夹层级可能很多，我们可以通过这款插件来提示我们当前下的文件有哪些。Code Runner运行代码片段或多种语言的代码文件，支持C、Java、JavaScript、PHP、Python等只需要点击鼠标右键，选择 Run C
2022-04-25 10:37:19
171
原创 Vue 引入路径正确的，但有波浪线： differs from already included file name
引入正确，有波浪线，虽然不影响使用，但是看着挺闹心的。解决办法1.把后缀.vue去掉2.改成@view引入虽然解决了，但是没搞清楚这个问题为什么产生。
2022-04-21 11:19:12
2073
2
原创 可选链 Optional chaining（？.）
可选链 Optional chaining介绍可选链操作符( ?. )允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符，不同之处在于，在引用为 null 或者 undefined 的情况下不会引起错误，该表达式短路返回值是 undefined。与函数调用一起使用时，如果给定的函数不存在，则返回 undefined。当尝试访问可能不存在的对象属性时，可选链操作符将会使表达式更短、更简明。在探索一个对象的内容时，如果不能确定哪些属性必定存
2022-02-18 14:43:56
415
原创 常见的请求状态码
5xx （2种）500 Inter Server Error：表示服务器在执行请求时发生了错误，也有可能是web应用存在的bug或某些临时的错误时；502：可能是nginx配置错误（只针对本人，其它的项目不确定）503 Server Unavailable：表示服务器暂时处于超负载或正在进行停机维护，无法处理请求；4xx （4种）400 Bad Request：表示请求报文中存在语法错误；401 Unauthorized：未经许可，需要通过HTTP认证；403 Forbidden：服务器拒绝该
2022-02-18 14:42:29
339
转载 Vue中computed和watch的区别
计算属性 computed1、支持缓存，只有依赖数据发生改变，才会重新进行计算2、不支持异步，当computed内有异步操作时无效，无法监听数据的变化3、computed 属性值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的，也就是基于data中声明过或者父组件传递的props中的数据通过计算得到的值4、如果一个属性是由其他属性计算而来的，这个属性依赖其他属性，是一个多对一或者一对一，一般用 computed5、如果computed属性的属性值是函数，那么默认会走get方法；函数的返回
2022-02-18 14:23:38
64
原创 打开新窗口，每次都在原有新窗口打开
**打开新窗口，每次都在原有新窗口打开。**window.open(‘https://element.eleme.cn/#/zh-CN/component/table’, ‘scrollbars=yes,resizable=1,modal=false,alwaysRaised=yes’);
2021-12-03 14:22:17
889
原创 小程序请求封装
const GET = 'GET';const POST = 'POST';const PUT = 'PUT';const baseURL = 'url';//写上自己的请求基础路径function request(method, url, data, headerParam) { return new Promise(function (resolve, reject) { const cookie = wx.getStorageSync('cookie') || '' l
2021-09-30 12:01:27
89
原创 后台传二进制图片数据前端怎么展示
1、首先在请求的时候配置里面加上responseType: ‘arraybuffer’ ，这点很重要例如：const serviceDown = axios.create({ baseURL: window.config.api, headers: { 'Content-Type': 'application/json;charset=UTF-8'}, responseType: 'arraybuffer' })2、然后在请求拿到返回的ArrayBuffer对象数据后转成b
2021-09-30 11:58:42
1150
原创 el-tooltip
1、在使用el-tooltip时，点击里面的内容时，内容上会有一个框。解决办法：在内容的样式上加个’outline: 0px;’
2021-09-30 11:44:49
894
原创 element ui el-select选择器 value为0时获取不到
最近在用 element ui el-select选择器的时候发现value值为0**（number ）**的时候change事件返回的是undefined
2021-09-30 11:43:49
2463
原创 bind，apply，call三者的区别
bind，apply，call三者的区别apply方法apply接收两个参数，第一个参数是this的指向，第二个参数是函数接收的参数，以数组的方式传入。示例：回调函数绑定this指向：var name="张三";var obj={ name:"李四", fun:function(time,addr){ console.log(this.name+" is "+time+" born from "+addr); }};var fun=obj.fun;setTimeout(functi
2021-06-29 16:27:46
69
原创 element ui 表格+sortablejs行拖拽排序
element ui 表格+sortablejs行拖拽排序首先要在项目中本地安装 sortablejs：执行 ：npm install sortablejs --save可以挂载到vue下面，就可以全局使用了在main.js中import Sortable from 'sortablejs';Vue.prototype.$Sortable = Sortable或者在要实现表格拖拽的.vue文件中 引入 sortablejs：import Sortable from ‘sortablejs
2021-06-24 12:00:16
194
转载 前端跨域问题
1、跨域是指跨域名的访问，以下情况都属于跨域：跨域原因说明示例域名不同www.jd.com 与 www.taobao.com域名相同，端口不同www.jd.com:8080 与 www.jd.com:8081二级域名不同item.jd.com 与 miaosha.jd.com协议不同（http/https）如果域名和端口都相同，但是请求路径不同，不属于跨域，如：www.jd.com/itemwww.jd.com/goods2、跨域解决方法【1】设
2021-06-24 11:33:15
460
转载 跨域问题后台设置
【服务端设置】服务器端对于CORS的支持，主要是通过设置Access-Control-Allow-Origin来进行的。如果浏览器检测到相应的设置，就可以允许Ajax进行跨域的访问。① Java后台/* * 导入包：import javax.servlet.http.HttpServletResponse; * 接口参数中定义：HttpServletResponse response */ // 允许跨域访问的域名：若有端口需写全（协议+域名+端口），若没有端口末尾不用加'/'respon
2021-06-24 11:32:26
504
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人