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