- 博客(20)
- 资源 (1)
- 收藏
- 关注
原创 Tinymce的使用,下载包到本地方式
本地使用tinymce富文本编辑器,完整的使用方式,包括汉化、自定义图标、上传图片视频、打包后找不到文件的相关配置等
2024-01-04 17:19:31
3811
6
原创 了解CSS圆角:border-radius
是css的一个属性,主要用来给元素的外边框绘制圆角效果,通过这个属性,可以实现椭圆、叶子、花瓣等各式各样的圆角效果。可设置四个方位的圆角,每一个圆角可以理解成都是由其x轴和y轴形成的椭圆的1/4弧。
2023-07-13 16:33:47
7298
原创 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组件
2024-01-04
uniapp swiper 图片高度根据图片宽度自适应+通过选项卡跳到锚点位置+滑动到某个要素位置添加事件
2023-04-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人