![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 50
于离别之朝束起约定之花
萌新
展开
-
【前端笔记】简单记录一个修改图片颜色的办法
当遇到像菜单栏这样的场景,激活前图片和文字是默认样式,激活后图片要和文字一样有激活后的颜色,那么图片的颜色要怎么改呢。3、完成,目前感觉最简单的方式就是这个(兼容?IE都死了还兼容,实在要兼容就整2张图片吧),张旭鑫大佬写的一个颜色转换工具。2、使用转换后得到的代码。原创 2023-01-14 15:14:51 · 429 阅读 · 0 评论 -
【前端笔记】git的使用
git使用,git常用命令原创 2022-11-18 14:55:34 · 462 阅读 · 0 评论 -
【前端笔记】小记一次Antd Vue 1.x (for vue2.x) icons组件按需引入的实现
Antd vue 1.x图标组件按需引入原创 2022-11-16 16:42:36 · 1080 阅读 · 0 评论 -
【前端笔记】Vue + Element UI开发小技巧,持续更新。。。
这块是根据自己实际情况分享的,可能有人觉得不会碰到这种奇怪需求,也可能有人会说:要动态值不放在meta中放路由上呗等等。适合场景:不能提前定义好值进行使用的情况(比如自己情况就是详情页封装的面包屑需要动态变更header的名称)在编写组件时,不可避免的要根据需要传递各种值给组件,如果一个个的绑定传递就会显得很麻烦。可能有部分人会碰到一种需求是根据页面动态修改标题,普遍的方案是在router的meta配置中新增。因为element的。只能监听到浅层(也就是第一层)数据,无法做到监听其属性内属性的变化(设置。原创 2022-11-04 10:49:34 · 309 阅读 · 0 评论 -
npm本地发包过程
这个命令,并不会在npm上里撤销已有的包,但会在任何人尝试安装这个包的时候得到deprecated的警告。如果是自行测试上传的包,可以使用上面的方式,如果是发布给别人用的,建议用此命令。如果发布的包只打算放在公司的私有镜像库中,需要先设置一下。发布包后需要验证的话,可以使用下面的命令。登录后进入到要发布包的项目根目录。原创 2022-10-28 11:18:03 · 1048 阅读 · 0 评论 -
【前端笔记】for...in和for...for的区别
使用场景上:for…in用来迭代对象,for…of用来迭代数组。对象没有属性所以无法使用for…of,但是数组因为也是对象,所以可以使用for…in迭代过程上:for…in会迭代自身原型链上的可迭代属性和方法,for…of不会迭代结果上:for…in获取到的是键,for…of获取到的是值。原创 2022-09-24 12:09:20 · 453 阅读 · 0 评论 -
【前端笔记】手写Promise,跟着教学轻松理解Promise
/ 定义promise的状态 const PENDING = 'pending';// 接收一个函数作为参数 constructor(executor) {// 初始状态为pending this . status = PENDING;// new Promise后立即执行,接收2个参数 executor(resolve , reject);} // 获取结果的函数 then() {} }根据第二个示例我们可以看到p3中抛出错误也是被rejected。原创 2022-09-18 15:00:05 · 489 阅读 · 0 评论 -
【资源分享】Echarts中国地图、世界地图JSON数据(包括省市、经纬度、世界地图国家名称中英对照)
之前做数据可视化需求时需要用到中国地图和世界地图的数据,但苦于网上的资源参差不齐(谷歌和百度都一样),"历尽磨难"终于收集到了合适的资源,特地分享出来(毕竟CSDN很多免费资源居然要付费下载)因为直接资源分享会被ban,所以单开一贴分享GitHub上的地址,GitHub上不去的可以百度搜索下改host很轻松的。原创 2022-09-14 22:41:41 · 5531 阅读 · 8 评论 -
【前端面试题】实现一个EventEmitter
EventEmitter类似于Vue中的事件总线。接下来以Vue事件总线的方式进行解释,方便理解。函数接收2个参数,第一个参数是事件名称,第二个参数的执行的回调函数。函数接收2个参数,第一个参数是事件名称,第二个参数是要传递的参数。函数接收2个参数,第一个参数是事件名称,第二个参数的执行的回调。函数接收2个参数,第一个参数是事件名称,第二参数是要卸载的函数。首先,我们使用Class搭建起这个函数(普通函数也可以)函数监听到就会执行相应的回调函数。函数有了,接下来实现派发事件的。原创 2022-09-14 22:32:29 · 725 阅读 · 0 评论 -
【前端面试题】var、let、const的区别是什么
ES6之前只有全局作用域和函数作用域,函数作用域中通过var声明的变量不会挂载到window上,除非是没有使用var声明,浏览器就会自动在全局作用域下声明一个相同变量名称。原创 2022-09-11 18:08:20 · 143 阅读 · 0 评论 -
【前端面试题】劫持页面所有a标签,在跳转前进行操作
缺点是不是所有的事件都支持,而且如果页面dom层级嵌套过深,某一元素阻止了事件冒泡就会出现不可预知的问题。优点是不用给每个元素都绑定事件,而且无论是动态新增、删除的元素都可以绑定上事件,节省事件注册,节省内存。// 获取模板元素,只有点击的是a标签才劫持。只要能判断是a标签就行,这里用的localName。confirm返回一个布尔值,点了确定为true,否则为false。事件委托,就是将事件绑定绑定到其父元素上,由父元素触发。// 阻止默认事件,避免点击跳转。// 获取到a标签上的链接。原创 2022-09-10 16:11:57 · 702 阅读 · 0 评论 -
【前端面试题】补全函数,使其按顺序执行
根据以上代码,补齐fun和sleep函数,使得fun执行后打印结果为:start -> 1s后输出1 -> 2s后输出2 -> 3s后输出end。原创 2022-09-10 15:57:17 · 362 阅读 · 0 评论 -
【前端笔记】Vue2中路由history和hash模式的区别
在前端进行页面访问时,浏览器会发起http请求获取当前页面的资源。因为项目是通过路由跳转的,webpack帮忙处理了这种情况。但在生产环境中没有这些配置,当我们访问/xxxx/xxx时,浏览器会去请求下载这个url的资源,但是实际并不存在这个url的资源,所以就会出现404的现象。原创 2022-09-09 17:02:08 · 400 阅读 · 0 评论 -
【前端笔记】Cookie、LocalStorage、sessionStorage的区别
Cookie、LocalStorage、sessionStorage的区别原创 2022-09-09 17:00:41 · 139 阅读 · 0 评论 -
【前端笔记】什么是跨域,怎么解决跨域
由于浏览器的同源策略影响,当请求源与请求地址存在协议、域名、端口有任何一个不同时,就会引起跨域注意:跨域是浏览器引起的。原创 2022-09-09 16:58:34 · 218 阅读 · 0 评论 -
Element按需引入并且自动导入组件
项目开发时,为了减少打包体积,我们一般会进行各种优化,比如组件库的按需引入。因为很多情况下我们用到的可能就是表单组件和一些特殊情况需要的组件,全量引入是最不理想的情况。按需引入的话又需要我们手动注册要使用的组件,虽然可以使用循环等方法注册,但这也不是最好的方法。最理想的情况是,我们开发像全量引入时那样使用组件库组件,组件根据我们的使用自动按需引入并注册。就是能帮助我们做到这些事的插件。原创 2022-09-07 12:19:27 · 2119 阅读 · 14 评论 -
从输入URL到页面呈现中间发生了什么?
当我们在浏览器的地址栏中输入URL到页面渲染,中间具体发生了什么?原创 2022-09-06 22:13:56 · 339 阅读 · 2 评论 -
【学习笔记】简单模拟实现Call、Apply、Bind
使用方式和call一样,唯一区别就是除第一个改变this指向的参数外,apply的剩余作为一个数组整体传入。bind与call和apply的区别是bind回返回一个函数,执行该函数会修改this的指向。call,强制将this的指向修改为传入的第一个参数,剩余的参数将作为调用函数的参数传入。原创 2022-09-03 12:44:49 · 125 阅读 · 0 评论 -
【学习笔记】防抖与节流
一句话概况防抖就是将多次操作合并为一次操作。用代码的话来说就是:开启一个定时器,在规定时间内如果触发多次事件则清空定时器重新计时,否则才执行。节流类似于番剧,雷打不动的固定一周更新一集(大概)。...原创 2022-08-08 22:49:01 · 77 阅读 · 0 评论 -
【学习笔记】HTTP中的简单请求和复杂请求
复杂请求发出前会先发出一个OPTIONS请求,称为预检请求。预检请求的作用是将实际请求的一些内容发送给服务器,询问服务端是否接受。服务器接收到OPTIONS请求后会在响应头中告诉浏览器服务器当前允许接收的信息。注:当客户端要携带cookie时,origin的值必须为准确的url,不能为*预检请求头中会包含下面这些字段。预检响应头中会包含下面这些字段。...原创 2022-08-07 12:37:48 · 774 阅读 · 0 评论 -
js将时间戳转换为yyyy-mm-dd hh:mm:ss日期
const formatDate = time => { let date = new Date(time); return date.toJSON().substr(0, 19).replace('T', ' ').replace(/-/g, '-');};原创 2020-08-10 11:42:25 · 1457 阅读 · 2 评论 -
分享一个js获取图片原始尺寸的方法。亲测,好用!!!
首先,大部分人和网上能搜索到的获取图片分辨率或尺寸的方法,应该都是这样: let url = 'url'; function getUrlInfo(url) { let image = new Image(); let w,h; image.src = url; // 如果有缓存,读缓存 if(image.complete){ w = image.width; // 图片宽度 h = iamge.height; // 图片高度原创 2020-05-25 16:49:07 · 4286 阅读 · 8 评论 -
关于layui表格重载后日期选择器失效的问题
最近发现有人遇到一个关于layui的问题,表格重载后表格里的日期选择器点击没反应了,自己用layui的时候没接触到这些,但是为了以后做打算,我也帮忙看了下,通过各种搜集信息终于找到了解决办法。首先,理解为表格重载时相当于重新渲染了一次table组件,重在表格,所以为了日期选择器能正常使用,需要在表格重载后在渲染一次日期选择器。table.reload();//重在表格;laydate.r...原创 2019-10-07 19:20:52 · 2720 阅读 · 0 评论 -
点击遮罩层内容以外的区域关闭遮罩层
最近的一个项目,设计稿上有个地方是弹出层,但是没有看见关闭按钮或者关闭图片,这让我很疑惑,这要怎么关闭?用户体验不会变差么?但想了想无所谓了,大不了以后再改,加个按钮或者图片点击隐藏而已,于是我就按着设计稿上的做了,今天特地分享出来(默认样式因为是单独一个css文件,太长,就用 * 强制清除默认样式了,但是推荐不这样用,至于为什么可以百度)。接下来贴代码,首先是css的:* { ...原创 2019-09-24 17:58:31 · 2036 阅读 · 0 评论 -
input自定义文件上传样式
自己最近有个需求是需要用到input的文件上传的,但是原生的input框太丑了,而且框架的也达不到需求,所以努力了一段时间,结合网上各种例子,终于做出来了一个感觉还不错的文件上传的input框,特地分享出来.首先来看看默认的,是真的丑啊接下来是我改良的虽然自己做的是上传图片的,但是并没有什么影响,具体效果就是点击上传按钮后文件名会显示到左边的input输入框里,接下来放代码HTML&...原创 2019-09-04 18:25:03 · 1975 阅读 · 0 评论