❤的博客

工作记录二 组件篇 1. 在前端ui组件中的聚焦或者失焦事件中拿不到event，.capture用法 @focus.native.capture="selectFocus($event)" @blur.native.capture="selectBlur($event)" 会覆盖掉原有组件的失焦事件 2. ref的一些小细节 组件内部有多个同名ref引用时 没有父子关系 <template> <h2 ref="test">test1</h2

webpack打包原理 原始目录结构 |---src //文件夹 |---|---js //文件夹 |---|---|---index.js |---|---|---a.js js文件中的内容 //index.js let str = require('./a.js') console.log(str); //a.js module.exports = "xixi" webpack.config.js const path = require('path') const HtmlWebpackP

小小Cookie，大大能量 cookie，这个仅有4kb的小曲奇也是有大体量。朋友的项目遇到了问题，原因是在线上环境设置cookie发送请求，请求头中的Cookie属性带着所设置的cookie，但是在本地调试的时候却发现并不携带。 什么是cookie 详情请看这里 cookie属性 属性名 描述 name Cookie的名称，Cookie一旦创建，名称便不可更改 value Cookie的值，如果值为Unicode字符，需要为字符编码。如果为二进制数据，则需要使用BASE64编码

Echars结合maptalks显示地图3D柱状图 参考链接：Echart 基于maptalks3D地图实现3D柱状图。 需要的环境 maptalks 需要引入maptalks.js和maptalks.css，这里插一嘴 ，如果你遇到了把地图引入之后滚动鼠标管轮不能方大缩小地图的话就换一下maptalks版本。我选用的0.46.0版本。 tips <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/maptalks@0.46.0

css篇 css避免选中 img{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ user-select: none; } css鼠标穿透 pointer-events:none css文本超出省略号 overflow: hidden

vue 插槽 网上有很多帖子再说插槽的问题= =，emmm我这里只是实践之后的记录。用于自己复习用的，当然包括最近一段时间的开发任务 插槽的作用 让用户可以拓展组件，去更好地复用组件和对其做定制化处理 默认插槽 // 父组件 <template> <slot-default>这是传入的</slot-default> </template> <script> import slotDefault from "./slot"; expo

vue监听dom大小改变 需求描述：layout左边菜单栏收缩，右边的content区域的swiper宽度没有改变（没有图，朋友的问题，大体画一下） 类似于点击折叠左边目录会变小，右边内容区域会变大，但是swiper在刚开始的时候就确定了宽度，所以我的想法是监听右边宽度大小去updata一下。但是我用vue的watch监听$refs.swiper.offsetwidth失败了！！！！但是宽度确实是在改变的很费解，先说一下解决方法把 1、使用element-resize-detector var e

Content-type常见类型以及axios的应用 1、application/x-www-form-urlencoded 浏览器的原生form表单 提交的数据按照 key1=val1&key2=val2 的方式进行编码，key和val都进行了URL转码 POST [http://www.example.com](http://www.example.com) HTTP/1.1 C...

图片在鼠标位置以数遍滚轮滚动放大缩小 1、元素距离浏览器左边的间距求解` getOffsetLeft: function(obj) { var tmp = obj.offsetLeft; var val = obj.offsetParent; while (val != null) { tmp += val.offsetLeft; ...