前端
文章平均质量分 67
kk楷楷
天外来物
展开
-
Vue3中使用Tinymce富文本编辑器(版本最新)
Vue3使用tinymce富文本编辑器原创 2023-01-31 16:57:30 · 4983 阅读 · 20 评论 -
JS正则表达式获得img标签属性、img标签和span标签之间的互相转换。
JS正则表达式获得img标签属性、img标签和span标签之间的互相转换。原创 2023-01-19 17:11:14 · 1457 阅读 · 0 评论 -
在Vue3项目中使用VueCropper裁剪组件(裁剪及预览效果)
Vue3封装裁剪组件原创 2022-12-28 11:26:48 · 10816 阅读 · 22 评论 -
Vue3 + Ts + Vite移动端适配教程 -- 简单上手
vue3项目移动端适配方案原创 2022-06-19 15:48:54 · 1781 阅读 · 0 评论 -
解决政务微信ios移动端无法设置顶部title名称
需求场景:政务微信ios端无法修改title属性,在路由守卫设置了属性仍然无法解决解决方案:提示:使用dom操作修改title属性,将方法添加在路由导航守卫中。setDocumentTitle(title) { // 因为在政务微信中ios系统无法通过document修改title,故采取使用document.getElementsByTagName('title') let tagTitleDom = document.getElementsByTagName('title原创 2022-04-24 14:18:57 · 409 阅读 · 0 评论 -
JS算法刷题笔记——day04(牛客前端大挑战第11题)
刷题笔记目录前言一、牛客前端大挑战11题——将字符串转化为驼峰形式二、思路总结前言牛客网有挺多前端知识的干货,大家快冲!一、牛客前端大挑战11题——将字符串转化为驼峰形式css 中经常有类似 background-image 这种通过 - 连接的字符,通过 javascript 设置样式的时候需要将这种样式转换成 backgroundImage 驼峰格式,请完成此转换功能以 - 为分隔符,将第二个起的非空单词首字母转为大写-webkit-border-image 转换后的结果为 webki原创 2021-07-05 11:28:06 · 377 阅读 · 0 评论 -
JS算法刷题笔记——day03(LeetCode入门题)
刷题笔记目录前言一、力扣第28题:实现strStr()总结前言力扣28题,使用js解法实现strStr()一、力扣第28题:实现strStr()给你两个字符串 haystack 和 needle ,请你在 haystack 字符串中找出 needle 字符串出现的第一个位置(下标从 0 开始)。如果不存在,则返回 -1 。代码如下:var strStr = function (haystack, needle) { let str = haystack; let r原创 2021-07-03 22:13:34 · 203 阅读 · 0 评论 -
Vue + Spring Boot 项目实战:人事管理系统——(4)前端性能基础优化
项目目录前言步骤1.按需导入2.路由懒加载3.BootCDN4.压缩图片总结前言 好消息好消息!!!人事管理系统项目完结撒花了,实在是可喜可贺。前后端都是自己一个人写的,工作量确实大了不少,不过还是在预期下完成了这个项目。在完成项目后,确实有些问题还困扰我,不过还是让我对vue框架有了一定的理解。今天这一期就是前端性能优化的博文,接下来就一起看看!步骤1.按需导入直接引入相信不少人在使用ElementUI的时候,都是按照官网这样的写法import 'element-ui/lib/them原创 2021-06-13 20:37:38 · 823 阅读 · 3 评论 -
Vue + Spring Boot 项目实战:人事管理系统——(3)回收站页面及方法实现
回收站管理目录前言基本思路一、前端页面的编写1.编写用户回收管理vue页面2.封装api接口3.回收站实现方法二、后端接口的方法实现1.编写回收用户实体类2.控制层3.1服务层3.2服务层实现类4.Dao层5.xml编写6.最后一步(重要)6.1UserController6.2UserMapper6.3UserService6.4UserServiceImpl6.5xml7.页面实现总结前言项目基本快完成了,最近在忙学习其他的,就没来得及写文章,今天就来更新!!!基本思路原创 2021-05-31 21:44:03 · 1271 阅读 · 6 评论 -
CSS学习笔记——动画进阶(八音盒动画效果)
八音盒动画制作: 通过学到了CSS3动画以后,发现通过动画也是可以制作八音盒,话不多说,走起!Demo代码:HTML片段<body> <section> <div></div> <div></div> <div></div> <div></div> <div></div> <div>原创 2021-05-18 21:19:53 · 471 阅读 · 0 评论 -
CSS学习笔记——精灵图(sprite)
CSS学习笔记目录一、什么是精灵图?二、精灵图的优点三、精灵图的基本用法1、打开ps导入精灵图2、测量字母的大小及坐标3、效果图4、代码实现总结一、什么是精灵图?所谓精灵图就是图片拼合技术,它就是把多张小图合成一张大图,通过css中的background-position属性,显示精灵图中某一个小图标。精灵图如下:二、精灵图的优点采用了精灵图这一技术可以缓解加载时间过长从而影响用户体验的这个问题。在一定程度上减少了页面的加载速度,也一定程度上缓解了服务器的压力。使用精灵图可以有效减少服务原创 2021-05-06 11:00:57 · 26615 阅读 · 0 评论 -
CSS学习笔记-—学会用PS切图和取色—day03(基本用法)
CSS学习系列文章目录HTML和CSS学习笔记——day01HTML、CSS学习笔记——day02css4.2.4参考手册.zip(免费下载)文章目录CSS学习系列文章目录一、PS测量图片和取色1.打开标尺,测量图片像素大小2.对颜色进行取色3.使用总结二、通过PS进行切图总结一、PS测量图片和取色在前端开发中,我们基本都需要用到PS(photoshop)去完成页面的大部分美工效果,比如图片的像素大小、对小icons的切图等等内容,所以学好ps也是十分重要的呢!1.打开标尺,测量图片像素大小原创 2021-05-04 10:38:45 · 235 阅读 · 0 评论 -
HTML、CSS学习笔记——day02
CSS学习目录前言一、文本text样式1.基本语法1.引入库1.引入库1.引入库1.引入库二、CSS三大特性(重叠性、优先级、继承性)1.重叠性1总结总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、文本text样式1.基本语法font-size:设置字体大小font-family:设置字体系列font-style:原创 2021-05-02 21:39:10 · 144 阅读 · 0 评论 -
HTML和CSS学习笔记——day01
学习CSS目录前言一、关于背景图片1、常用语法2、语法总结二、元素的三种显示模式1、常用语法2、语法总结三、复合选择器1、常用语法2、总结总结这几天一直在忙着重新复习CSS基础知识,发现好多知识点都遗忘了,赶紧写个文章记录一下这几天的学习情况。不过话说回来了,前阵子的项目还没来得及更新,如果一天不是24小时该有多好。前言CSS是前端开发中不可缺少的一个基础知识,所以当前打下基础对我们未来的工作或者学习一定有很好的积极因素。一、关于背景图片背景图片基本在每一个项目中都要使用到,那么以下就是一些常见的原创 2021-05-02 01:08:53 · 122 阅读 · 0 评论