- 博客(33)
- 收藏
- 关注
原创 Lighthouse性能优化,看这篇就够了
解决:这个问题是因为图片的尺寸和屏幕显示的尺寸不一致导致,比如数据图片是很大的一张图片,但在网页显示却占很小的像素。要用到img的srcset属性显示不同尺寸的图片。但是我们首页都是用的上传的图片,不知道图片的尺寸。还有些问题比如显示的图片要清晰,图片fit='cover'等,Lighthouse里面都要不合格的原因,和怎么解决,可以点链接进去看看,不过有的需要访问外网才能进。当按钮没有可访问的名称时,屏幕阅读器会将其宣布为“按钮”,这使得依赖屏幕阅读器的用户无法使用该按钮。
2023-12-26 17:39:20
920
原创 localStorage设置过期时间
startTime:new Date().getTime()//记录存储数据的时间,转换为毫秒值存下来。// 如果设置了时间,把obj转换数据类型转换为字符串对象存起来。// 如果没有设置有效时间,直接把value值存进去。expires: expires,//有效时间。// 判断有没有设置expires属性。// 如果有,就需要判断是否到期了。// 直接return。// value:需要存储的数据。// 判断是否设置了有效时间。// 如果没有设置,直接输出。// key:需要存储的数据。
2023-12-12 15:52:14
841
原创 画画心得笔记
5、临摹:画12个格子,定点、画形状。先画一遍外形的粗略草稿,再画细节草稿,再描线。描线改变颜色,打开新窗口对照,滤镜-液化。4、划分形状,定点,草稿、描线2-3遍。长的线条可用断断续续的线条,可以现在原稿上画形,分析形状。透视网站:https://sketchfab.com/feed。先把不好画的角度画好,拉地平线、消失点辅助。2、放大到合适的大小,线条能长就一笔画完。变形-透视画圆,下面的圆比上面的大。变形-扭曲,交叉线获取中心点。3、外轮廓、卡点、加重。地平线、消失点、灭线。
2023-11-25 15:58:13
424
原创 vue3 slot的定义与使用
可以为一个组件定义一个插槽,可以使用该插槽插入其他组件或HTML标签。在上面的代码中,我们将自定义的标题和内容插入到了组件。命名,如果没有传递具体内容到插槽中,则插入默认值。除了具名插槽,Vue3 还支持默认插槽,可以简写为。在上面的代码中,我们定义了两个插槽,分别以。上面的代码中,我们直接将内容插入了组件。标签定义插槽,可以使用。在 Vue3 中,使用。在使用组件时,可以使用。
2023-09-20 16:58:37
479
原创 html生成图片下载
/ 创建a标签 并设置其相关属性,最后触发其点击事件。// canvas base64 转 blob。// blob转URL对象。// 创建a标签,下载图片。调用:takeScreenshot('文件名')
2023-09-01 10:21:12
251
原创 自己用vite搭建项目
/这个path用到了上面安装的@types/node。'@': path.resolve('./src') // @代替src。
2023-09-01 10:15:45
80
原创 docker Unable to calculate image disk size
docker Unable to calculate image disk size
2023-02-14 18:34:24
3955
3
转载 Property ‘code‘ does not exist on type ‘AxioResponse<any,any>‘
Property 'code' does not exist on type 'AxioResponse'
2022-07-20 15:00:46
1923
1
原创 elementui selet多选后会抖动
解决办法:.el-tag--small { height: 25px;}参考:element select多选选项卡页面抖动问题 - 无序 - 博客园
2022-01-25 16:12:24
1491
转载 vue 开发中实现provide和inject的响应式数据监听
// 父组件里provide() {return{isManual: {status :'none',}}},// 改变provide里的对象值this._provided.isManual.status ='0';子组件里正常使用 1 2 3 4 inject: ['isManual']...
2021-12-25 17:46:27
808
转载 判断浏览器版本
判断ie版本 function IEVersion() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断...
2019-04-23 16:32:36
287
转载 JSONP跨域
前端代码$(function () { var user = { "username": "HelloWorld" }; $.ajax({ url: "http://localhost:8080/Changyou/UserInfo", type: "POST", contentType: "appli...
2019-01-04 10:55:22
128
原创 es6 Module 的语法
输出变量var firstName = 'Michael';var lastName = 'Jackson';var year = 1958;export {firstName, lastName, year};// 写法一export var m = 1;// 写法二var m = 1;export {m};// 写法三var n = 1;export {n a...
2019-01-04 10:36:21
229
原创 常用css
/*箭头样式*/border: 2px solid #c8c8cd; border-bottom-width: 0; border-left-width: 0; content: " "; top: 50%; right: 0; position: absolute; width: 5px; height: 5px; -...
2018-09-30 15:46:36
161
1
转载 webpack对html模版的处理
1.首先我们要加公共的base.js加载进来;现把公共的css加载进来在浏览中打开;发现成功加载加载进来其实并不是正直的解决问题 ;问题是在于;我们的html是在我们定义的文件夹下;并不是在dist下: 我们发布的时候只会发dist;还有就是如果那么多版本,不可能每个版本都手写<link rel="stylesheet" href="../../dist/css/...
2018-07-31 09:55:19
1188
转载 js中cookie的使用详细分析
JavaScript中的另一个机制:cookie,则可以达到真正全局变量的要求。 cookie是浏览器 提供的一种机制,它将document 对象的cookie属性提供给JavaScript。可以由JavaScript对其进行控制,而并不是JavaScript本身的性质。cookie概述 在上一节,曾经利用一个不变的框架来存储购物栏数据,而商品显示页面是不断变化的,尽管这样能达
2016-05-31 20:29:01
293
转载 前端工程之模块化
模块化是一种处理复杂系统分解成为更好的可管理模块的方式,它可以把系统代码划分为一系列职责单一,高度解耦且可替换的模块,系统中某一部分的变化将如何影响其它部分就会变得显而易见,系统的可维护性更加简单易得。前端开发领域(JavaScript、CSS、Template)并没有为开发者们提供以一种简洁、有条理地的方式来管理模块的方法。CommonJS(致力于设计、规划并标准化 JavaScript
2016-05-05 10:46:33
920
转载 require.js入门教程
说明:本文只提供快速入门内容,方便快速进入实战状态。更高级的配置,请参考官网文档。当初之所以使用 RequireJS 等工具,是因为想提高js的加载速度,避免不必要的堵塞。但通过一段时间的使用,发现 RequireJS 更重要的作用是作为命名空间使用。一、基本用法RequireJS 官网文章不是中文的,篇幅不少(官方网址:http://requirejs.org)。网上的其
2016-05-04 11:15:03
556
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人