上一页 1 2 3 4 5 6 ··· 18 下一页
摘要: 前段时间准备换工作,去面试,被问到有没有自己实现过图片压缩,很尴尬,确实没有。于是,刚好有时间,就自己简单记录一下 html: <input type="file" accept="image/*" @change="changeFile($event)" /> js: changeFile(e) 阅读全文
posted @ 2021-05-06 11:00 超哥20 阅读(294) 评论(0) 推荐(0) 编辑
摘要: 动态赋值本地图片的src,本来以为可以在请求接口之后增加一个参数,使用require拼接引入,结果不行,于是看了一下网上的资料,原来要在html中将图片当成模块来引入,再绑定 <img :src="require('../../assets/images/test.jpg')" alt="pictu 阅读全文
posted @ 2021-04-17 09:39 超哥20 阅读(2025) 评论(0) 推荐(0) 编辑
摘要: 1、首先需要了解一下为什么需要语义化 ①:易修改、易维护 ②:无障碍阅读 ③:搜索引擎友好,利于SEO ④:面向未来的HTML,浏览器在未来可能提供更丰富的支持 2、结构语义化 ①:<header>元素,两种用法:一种使标注内容的标题,另一种是标注网页的页眉(一般不在内容中使用) ②:<nav>导航 阅读全文
posted @ 2021-04-15 17:32 超哥20 阅读(159) 评论(0) 推荐(0) 编辑
摘要: 1、vue2使用Object.defineProperty方法实现响应式数据,vue3使用proxy实现响应式数据 Object.defineProperty的缺点: 无法检测到对象属性的动态添加和删除 无法检测到数组的下标和length属性的变更 解决方法: vue2提供Vue.$set动态给对象 阅读全文
posted @ 2021-04-14 15:44 超哥20 阅读(8275) 评论(0) 推荐(0) 编辑
摘要: AMD规范这个词好久之前一直有看到,可是一直没有去了解是什么,今天突然想起CommonJS,于是一起做一下了解 1、由来: node应用由模块组成,采用的就是commonjs模块规范。每个文件就是一个模块,有自己独立的作用于、变量、方法等。commonjs规范规定,每个模块内部,module变量代表 阅读全文
posted @ 2021-03-17 16:59 超哥20 阅读(184) 评论(0) 推荐(0) 编辑
摘要: 刚好最近做个pc端官网项目,内容展示不是很丰富,于是就想着给加点效果,就在数字展示上面做了手脚 <label id="num1" data-to="3000" data-speed="1500">0</label><label>+</label> numAdd("num1"); //数字叠加效果 f 阅读全文
posted @ 2021-01-28 11:37 超哥20 阅读(235) 评论(0) 推荐(0) 编辑
摘要: 合并多维数组,网上有挺多例子,可惜都不是我需求的模样,于是自己花了点时间整理了一下出来 思路比较清晰,看到多维,想到的方法便是降维,于是,利用了对象键值对的关系用来做判断 直接上代码了:例子只考虑了两个列表都有数据的情况,其他情况就加一下简单判断就行了 let arr1=[ { name:"测试1" 阅读全文
posted @ 2021-01-11 16:28 超哥20 阅读(1333) 评论(0) 推荐(0) 编辑
摘要: 使用vue的过程一直在试错跟优化,今天就发现自己使用的一个坑,关于css引入的 以前的写法是在assets/css/下面建一个app.scss文件,用于引入所有assets/css/下的所有样式文件 然后再app.vue中引入: @import '@/assets/css/app.scss'; 一开 阅读全文
posted @ 2020-12-21 14:18 超哥20 阅读(120) 评论(0) 推荐(0) 编辑
摘要: 1、局部样式与全局样式 局部样式:一般都是使用scoped方案: <style lang="scss" scoped> ... </style> 全局样式:variable.scss 全局变量管理;mixins.scss 全局Mixins管理;global.scss 全局样式 其中variable. 阅读全文
posted @ 2020-12-08 14:19 超哥20 阅读(664) 评论(0) 推荐(0) 编辑
摘要: 1、css一行文本超出... overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 2、多行文本超出显示... display: -webkit-box; -webkit-box-orient: vertical; -webki 阅读全文
posted @ 2020-11-30 16:33 超哥20 阅读(172) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 ··· 18 下一页