- 博客(14)
- 收藏
- 关注
原创 利用gulp工具对常规web项目进行压缩打包
本文介绍用gulp工具对一个常规的web项目进行打包,达到对项目中的html、css、js文件进行压缩以及优化图片的效果。
2024-01-11 14:29:53 12319
原创 原生JS实现视频截图
本文介绍使用canvas的drawImage进行视频截图,并用toDataURL和toBlob转化为图片地址的方法,且重点介绍了将bold信息转化为图片地址的方法。
2023-11-13 19:56:14 12221
原创 VSCode使用插件Github Copilot进行AI编程
教你如何在VSCode中使用Copilot插件进行AI编程以及使用Copilot Chat插件进行AI对话
2023-11-08 15:01:43 7636
原创 Vue封装电子写字板组件并生成图片地址
利用Canvas在Vue中封装一个电子写字板的组件,通常用于电子签名之类的需求,如下图动画效果所示:一、封装ETablet电子写字板组件新建组件文件components/ETablet.vue<template> <div class="e-tablet"> <div class="sig_canvas_container"> <canvas id="signCanvas"></canvas> <s
2020-10-24 23:07:55 10980
原创 web前端面试重点难点问题
一、vue相关Q:vue的底层原理?A:Vue是采用数据劫持配合发布者-订阅者模式,通过Object.defineProperty来()来劫持各个属性的getter和setter。在数据发生变化的时候,发布消息给依赖收集器,去通知观察者,做出对应的回调函数去更新视图。Q:vue3.0的新特性?A:1.代码结构更清晰2.压缩包体积更小3.Object.defineProperty ............
2020-03-24 22:54:17 12342 3
原创 Vue 项目部署到GitHub Pages并同步到Gitee Pages
本文给大家介绍的是如何将 vue-cli 3.0+项目部署到github pages 并同步到 gitee Pages上。
2020-01-04 18:24:14 12050 5
原创 智能随机分组系统(代码带备注)
现在很多场景下都需要对现有人员进行随机分组,比如老师对班上的同学进行随机分组,以小组形式完成一项作业;再比如公司户外团建活动,对员工进行随机分组,组队玩游戏等等。今天给大家分享的就是一个随机分组案例,用户只需要输入总人数和每组人数,系统就可进行智能随机分组(效果如下图),之所以说智能,是因为该系统具备以下几点智能功能:表单输入框非空验证; 输入框失去焦点时,自动将用户输入的数字进行四舍五...
2019-03-29 15:03:36 12109 3
原创 mint-ui引用iconfont图标
mint-ui引用iconfont图标mint-ui作为一种基于 Vue.js 的移动端组件库,在移动端前端开发中备受欢迎,其特性就不多说了,想了解的博友可上mint-ui官网自行了解。但是,mint-ui提供的字体图标,通过查看mint文档里的iconfont.css,可以看到,只有7个图标引入后可看到对应图标是这样子的这远远不能满足我们开发的需求,那么就需要引入更多的字...
2019-03-11 18:05:55 31915 12
原创 纯js实现省市区三级联动
纯js实现省市区三级联动话不多说,直接上整篇代码&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;html lang=&amp;quot;en&amp;quot;&amp;amp;gt;&amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=
2019-01-23 16:12:24 11498
原创 前端学习笔记(一)—— 常用HTML标签
前端学习笔记(一)—— 常用HTML标签h1-h6:标题标签,从h1到h6字体大小依次减小,h1代表页面最重要的标题,最好一个页面只使用一次。效果如下: 一级标题二级标题三级标题四级标题五级标题六级标题p:段落标签 这是一个段落br:换行标签 这是一段内容这是另一段内容,通过br进行了换行hr:水平线 下面是一条水平线b、i、u、s、stron...
2018-06-30 14:51:27 10260
空空如也
js如何获取音视频的分贝
2023-02-03
TA创建的收藏夹 TA关注的收藏夹
TA关注的人