- 博客(25)
- 收藏
- 关注
原创 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
156
原创 阻止默认事件,事件捕获
阻止默认事件:e.preventDefault()e.returnValue = false (IE)阻止冒泡:e.stopPropagation()e.cancelBubble = true (IE)
2023-04-21 15:13:30
164
原创 vue知识点小计(不定时新增)
1、判断一个对象里面的字段有没有空的const checkEmpty = (row: any) => { const result = Object.keys(row).some((key) => row[key] === '') return result }
2023-04-12 11:46:38
160
原创 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
108
转载 获取最近 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
852
原创 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
574
转载 vscode插件
Git History查看git日志、文件历史、比较分支或提交。当我们需要查看文件的历史,可能会借助另外一个Git UI工具查看,耶,只要点击文件的右上角图标就能看到历史代码还有代码差异性。Path Intellisense 路径智能提示当我们需要引入某个文件或者图片,文件夹层级可能很多,我们可以通过这款插件来提示我们当前下的文件有哪些。Code Runner运行代码片段或多种语言的代码文件,支持C、Java、JavaScript、PHP、Python等只需要点击鼠标右键,选择 Run C
2022-04-25 10:37:19
180
原创 Vue 引入路径正确的,但有波浪线: differs from already included file name
引入正确,有波浪线,虽然不影响使用,但是看着挺闹心的。解决办法1.把后缀.vue去掉2.改成@view引入虽然解决了,但是没搞清楚这个问题为什么产生。
2022-04-21 11:19:12
2110
3
原创 可选链 Optional chaining(?.)
可选链 Optional chaining介绍可选链操作符( ?. )允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符,不同之处在于,在引用为 null 或者 undefined 的情况下不会引起错误,该表达式短路返回值是 undefined。与函数调用一起使用时,如果给定的函数不存在,则返回 undefined。当尝试访问可能不存在的对象属性时,可选链操作符将会使表达式更短、更简明。在探索一个对象的内容时,如果不能确定哪些属性必定存
2022-02-18 14:43:56
475
原创 常见的请求状态码
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
364
转载 Vue中computed和watch的区别
计算属性 computed1、支持缓存,只有依赖数据发生改变,才会重新进行计算2、不支持异步,当computed内有异步操作时无效,无法监听数据的变化3、computed 属性值会默认走缓存,计算属性是基于它们的响应式依赖进行缓存的,也就是基于data中声明过或者父组件传递的props中的数据通过计算得到的值4、如果一个属性是由其他属性计算而来的,这个属性依赖其他属性,是一个多对一或者一对一,一般用 computed5、如果computed属性的属性值是函数,那么默认会走get方法;函数的返回
2022-02-18 14:23:38
87
原创 打开新窗口,每次都在原有新窗口打开
**打开新窗口,每次都在原有新窗口打开。**window.open(‘https://element.eleme.cn/#/zh-CN/component/table’, ‘scrollbars=yes,resizable=1,modal=false,alwaysRaised=yes’);
2021-12-03 14:22:17
985
原创 小程序请求封装
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
110
原创 后台传二进制图片数据前端怎么展示
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
1227
原创 el-tooltip
1、在使用el-tooltip时,点击里面的内容时,内容上会有一个框。解决办法:在内容的样式上加个’outline: 0px;’
2021-09-30 11:44:49
1022
原创 element ui el-select选择器 value为0时获取不到
最近在用 element ui el-select选择器的时候发现value值为0**(number )**的时候change事件返回的是undefined
2021-09-30 11:43:49
2572
原创 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
78
原创 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
211
转载 前端跨域问题
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
494
转载 跨域问题后台设置
【服务端设置】服务器端对于CORS的支持,主要是通过设置Access-Control-Allow-Origin来进行的。如果浏览器检测到相应的设置,就可以允许Ajax进行跨域的访问。① Java后台/* * 导入包:import javax.servlet.http.HttpServletResponse; * 接口参数中定义:HttpServletResponse response */ // 允许跨域访问的域名:若有端口需写全(协议+域名+端口),若没有端口末尾不用加'/'respon
2021-06-24 11:32:26
512
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人