自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 资源 (1)
  • 收藏
  • 关注

原创 Tinymce的使用,下载包到本地方式

本地使用tinymce富文本编辑器,完整的使用方式,包括汉化、自定义图标、上传图片视频、打包后找不到文件的相关配置等

2024-01-04 17:19:31 3811 6

原创 使用svg实现环形进度条效果,环内显示百分数

svg实现环形进度条效果,可动态修改数据,颜色,大小,环宽等,利用js动态控制scss变量等

2024-01-03 14:23:00 905

原创 了解CSS圆角:border-radius

是css的一个属性,主要用来给元素的外边框绘制圆角效果,通过这个属性,可以实现椭圆、叶子、花瓣等各式各样的圆角效果。可设置四个方位的圆角,每一个圆角可以理解成都是由其x轴和y轴形成的椭圆的1/4弧。

2023-07-13 16:33:47 7298

原创 Tinymce 实现图片和视频上传

使用Tinymce 实现图片和视频上传功能

2023-05-31 16:41:57 4244 3

原创 github克隆项目时遇到的一系列问题的解决方式

github克隆项目时遇到的一些问题的解决方法

2023-04-25 14:50:20 927

原创 uniapp设置应用桌面角标部分手机无效

plus.runtime.setBadgeNumber(),设置桌面角标在部分手机无效的原因

2023-04-22 15:57:21 2309 2

原创 uniapp调用手机系统软键盘,页面窗口被顶起,布局定位失效

解决uniapp调用系统软键盘,页面被顶起来的问题

2023-04-17 14:38:53 3248 8

原创 uniapp 实现切换选项卡跳到对应的锚点位置

uniapp 实现选项卡跳到对应锚点位置,类似h5 单页面a链接导航效果

2023-04-15 16:29:06 641

原创 input输入框限制只能输入整数

input输入框限制只能输入整数

2023-03-10 09:51:49 1127

原创 Vue 踩坑之Vue watch 无法监听到数组或对象值的改变详解

Vue 踩坑之Vue watch 无法监听到数组或对象值的改变详解Vue 提供了一种更通用的方式来观察和响应 Vue 实例上的数据变动:侦听属性详细可点下方链接查看https://www.jb51.net/article/243051.htm

2022-05-30 13:54:40 1083

原创 vue 3以上创建项目及上传git

创建项目cmd 打开小黑窗口输入 vue create 项目名,回车注意:项目名不支持大写,不要用驼峰命名法内容出现后,回车等待(也可以选择手动)上传至git命令:(打开 git bash)git initgit add .git commit -m '信息'git remote add origin 远程库链接git push -u origin "master"注意:在此之前需要创建好远程库...

2022-03-29 14:00:43 410

原创 npm安装及更新vue

安装2.9.6版本npm install -g vue-cli安装最新版本npm install -g @vue/cli更新至最新版本npm install -g @vue/cli注意:如果是从2.9.6版本更新至最新版本,需要先卸载旧版本

2022-03-29 11:58:53 2999

原创 媒体查询失效解决方法

今天写完媒体查询的样式,发现并没有出现自适应效果,查半天发现没有权重问题,也没有写错的问题,最后发现是少了下面这行代码,平时用编辑器会自动写入<meta name="viewport" content="width=device-width, initial-scale=1.0"/>完整点的代码如下<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user

2021-11-04 14:32:08 1366 1

原创 CSS实现多行文本溢出以省略号代替

CSS实现多行文本溢出以省略号代替display: -webkit-box;// 将对象作为弹性伸缩盒子模型显示。overflow: hidden;// 超出的文本隐藏white-space: normal !important;// 溢出不换行(white-space: nowrap;)text-overflow: ellipsis;// 溢出用省略号显示word-wrap: break-word;//用来标明是否允许浏览器在单词内进行断句,这是为了防止当一个字符串太长而找不到它的自然断句点时产

2021-11-04 09:17:12 190

原创 js实现简单商品查询

html代码(进行简单布局)<div class="box"> <!--设置按价格查询输入框--> <label for="jg">价格查询:</label><input type="text" id="jg" class="num1"/><span>-</span><input type="text" id="jg" class="num2"/><button class="btn1">搜索&

2020-11-04 19:20:15 3268 2

原创 单行文字溢出处理

css简单实现下图单行文本溢出部分用省略号代替效果当文本内容过多是,默认会自动换行要变为第一张图的效果,只需要给该行文字所在的标签加三个属性text-overflow: ellipsis;/*显示省略符号来代表被修剪的文本。*/white-space: nowrap;/*文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。*/overflow: hidden;/*内容会被修剪,并且其余内容是不可见的。*/text-overflow 用法white-space

2020-09-17 22:22:08 676

原创 解决UL列表与图片对齐的问题

解决UI列表与图片对齐的问题要求实现效果但是由于UI有默认边距(padding)40px,所以直接图片与列表无法对齐,就会出现下面这种情况:解决办法先清除UI的内外边距再将列表的小点点设置到内部去...

2020-09-14 20:17:36 766

原创 css 给照片加滤镜

css 给照片加滤镜代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>滤镜</title> <style type="text/css"> img{ width: 400px; height: 250px; display: block; margin: 0 auto; transiti

2020-09-13 17:37:42 384

原创 前端基础—初识软件架构

C/S,客户端 / 服务端1.一般我们使用的软件都是C/S架构2.比如系统的中的软件QQ、360、office、XMind3.C表示客户端,用户通过客户端来使用软件4.S表示服务器,服务器负责处理软件的业务逻辑5.特点软件使用前必须得安装软件更新时,服务器和客户端得同时更新C/S架构的软件不能跨平台使用C/S架构的软件客户端和服务器通信采用的是自有协议,相对来说比较安全...

2020-04-10 10:35:00 231

原创 前端基础——盒子模型

盒子模型CSS中将每一个元素都设置为了一个矩形的盒子;将所有的元素都设置为盒子,是为了方便页面的布局;当这些元素都是盒子以后,我们的布局就变成了在页面中摆放盒子2. 盒子构成盒子的可见框大小由内容区、内边距和边框共同决定内容区 1.内容区相当于盒子存放东西的空间; 2.内容区在盒子的最里边; 3.元素的所有的子元素都是放在父元素的内容区; 4.内容区宽度:width; ...

2020-04-09 11:32:07 320

根据git开源项目修改过后的tinymce组件

根据git开源项目vue-element-admin修改过后的tinymce组件,根据我另一篇文章(Tinymce的使用,下载包到本地方式)修改就好,没必要下载,主要我给自己留个备份

2024-01-04

uniapp swiper 图片高度根据图片宽度自适应+通过选项卡跳到锚点位置+滑动到某个要素位置添加事件

uniapp swiper 图片高度根据图片宽度自适应; 通过选项卡跳到锚点位置,类似h5单页面通过a链接导航效果; 滑动到某个要素位置时触发事件,如tab选项卡值更改等

2023-04-15

js数组方法实现简单商品查询.html

js实现简单商品查询,使用数组方法,按价格区间查询和按商品名查询。通过更新数组,添加节点来显示对应查询到的内容。

2020-11-04

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除