- 博客(24)
- 收藏
- 关注
RSS订阅原创 Canvas保姆级入门教程
x和y为圆心的坐标，radius为半径，startAngle为圆弧或圆的开始位置，endAngle为圆弧或圆的结束位置，anticlockwise是绘制的方向（不写默认为false，从顺时针方向）。可以看到，我们绘制的矩形大小为500x500，当我们设置no-repeat时不会铺满。让我们改成repeat试试，repeat为x轴和y轴均平铺，可以自己尝试一下x-repeat和y-repeat。均为弧度，而不是角度。，其中color就是颜色，offset 则是颜色的偏移值，只为0到1之间的数。
2024-12-25 10:31:01
1008
原创 解决vue项目打包时内存溢出导致打包失败
在package.json文件中的打包命令加入set NODE_OPTIONS=--max_old_space_size=8192即可。
2024-12-16 18:26:53
492
原创 前端项目部署后，自动刷新用户页面
通过轮询的方式，查询script地址。通过比较每次查询到的结果，如果不一样则刷新页面。main.ts直接引用即可。
2024-10-26 11:47:31
353
原创 gsap使用教程
动画 CSS、SVG、画布、React、Vue、WebGL、颜色、字符串、运动路径、通用对象…gsap.from() ：与 gsap.to() 相反，元素从定义状态到初始状态的动画。动画方式：.to()、.from()、.fromTo()、.set()示例power1、power2、power3、power4、back。gsap.to() ：最常使用的，元素从当前状态到定义状态的动画。gsap.fromTo() ：定义开始动画和结束动画。gsap.set() ：直接到定义的结束状态、无动画。
2024-10-07 11:03:48
1696
原创 vite简介
typescript:如果遇到ts文件我们需要使用tsc将typescript代码转换为js代码Vue:安装vue-complier，将我们写的jsx文件或者.vue文件转换为render函数less/sass/postcss/component-style:我们又需要安装less-loader，sass-loader等一系列编译工具语法降级:babel—>将es的新语法转换旧版浏览器可以接受的语法稍微改第一点点东西，非常麻烦。
2024-09-30 16:44:24
912
原创 HTML+CSS面试题整理（持续更新）
• 行内元素在同一行显示，不可以设置宽高，宽高由内容撑开，padding、margin 左右显示准确，上下显示不准确，margin:0 auto,不生效，可以给内联元素添加一个外层的盒子形成一个大的区域，给该盒子设置 text-align:center 的居中属性，添加浮动可以解决内联元素之间的间歇，也能将内联元素的元素类型转换为块元素，例如span b strong i em a u del img。会失效，内联元素设置定位转换成块元素。
2024-06-01 10:55:26
938
原创 vue2面试题（持续更新）
一个组件的 data 选项必须是一个函数，且要有返回object（就是vue对象的data），只有这样，每个实例（vue组件对象）就可以维护一份被返回对象的独立的拷贝，否则，组件复用时，数据相互影响。模板渲染之前-----beforeMount 在页面挂载前调用的 所以在此阶段 页面还没有进行渲染与模板的编译 程序在此时会把数据绑定到页面上 但是页面并没有显示。就是vue对象从创建，到使用，到销毁的过程。实例创建之前-----beforeCreate 数据的观测与事件的初始化 属性的创建 还没有进行。
2024-05-30 13:43:33
968
1
原创 JavaScript面试题
闭包的实现：一个函数内部定义一个变量，嵌套子函数，在子函数中操作这个变量，将子函数作为父函数的返回值，通过定义一个全局变量，和父函数的返回值（子函数）进行绑定，从而延长局部变量的生命周期。3、为什么实例对象可以访问原型对象的属性和方法：实例对象可以访问自己new出来的属性和方法，实例对象在创建时会生成一个__proto__属性，它指向原型对象的所有属性和方法。4、异步代码在执行时，如果遇到需要消耗等待时间的代码，则会先跳过该代码，先执行后续代码，直至代码消耗完等待时间再去执行。4、存储内容的不同。
2024-05-29 18:46:46
830
原创 ssh修改主目录
1、找到ssh服务安装目录默认C:\Windows\System32\OpenSSH。2、找到sshd_config_default文件，编辑，注意修改完需要将#去掉。
2024-05-20 17:10:05
958
1
原创 鸿蒙离线缓存
UIAbilityContext模块提供允许访问特定UIAbility的资源的能力，包括对UIAbility的启动、停止的设置、获取caller通信接口、拉起弹窗请求用户授权等。UIAbilityContext是UIAbility的上下文环境，继承自Context。
2024-05-20 16:50:23
381
1
原创 Event_Loop事件循环
3、其他线程或当前正在执行的任务随时都可以向消息队列中添加任务，并插入到最后一项。如果主线程处于休眠状态，则会通知其继续循环从消息队列一次拿任务执行。2、每一次循环检查消息队列是否有等待执行的惹怒我，如果有则将任务放入渲染主线程中执行。若消息队列没有任务则进入休眠状态。1、在最开始的时候，渲染主线程会进入一个无线循环。如此一来，所有的任务都会依次执行，不会造成阻塞。
2024-04-11 11:47:38
223
1
原创 初识鸿蒙开发
2.3官方文档（https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/environment_config-0000001052902427-V3?2020年9月10日18:18 鸿蒙 OS 的代码正式开放，对应的也开放了有关的文档，开发工具等等，有了这些开发者可以进行demo的开发。2021年6月2日晚，华为正式发布HarmonyOS 2及多款搭载HarmonyOS 2的新产品（其中有，手环，手机，智慧屏）。
2024-04-11 09:44:53
1825
2
原创 Jenkins自动化部署前端项目
将jenkins文件主目录修改为自己的文件目录，用于后续打包存放dist和源代码文件的地址，然后重启jenkins。安装完成后稍等片刻，Jenkins会自动打开登录界面，若没有打开可手动访问localhost:8080。进入Manage Jenkins-->System 将node、npm、nvm的本地环境变量加入。安装完成后修改C:\Program Files\Jenkins下的jenkins.xml文件。安装相关插件--------所有的插件安装都在。安装node版本，进入。安装对应node版本。
2024-04-11 09:19:41
1040
2
原创 前端大屏适配方案
问题：由于ui设计稿为1920*1080，开发时浏览器可视窗口尺寸高度不足1080。从而导致无法按照设计图实际尺寸开发，造成与设计图比例不符。6、配置文档地址：https://www.npmjs.com/package/autofit.js。2、页面引用 import autofit from 'autofit.js'3、初始化，因为需要操作dom，所以在mounted中初始化。1、安装 npm i autofit.js。5、关闭autofit.js带来的影响。解决方案：autofit.js。
2023-12-05 17:44:23
509
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人