- 博客(23)
- 收藏
- 关注
RSS订阅原创 如何在编译过后的文件中进行样式修改
然后，在正常安装完成过后，就开始进行样式修改，。按照常规思路来，就应该在渲染出来的html结构中进行样式修改。但是一番操作下来不管如何进行样式修改，页面也不会变化。这两天有个需求，如何在编译过后的文件中进行样式修改。因为不是源码，所以并不清楚样式修改是否能够成功。最后一番操作下来，只需要找到相应的js页面，就可以进行样式修改了。首先，得有一个编译过后的前端项目。...
2022-08-05 16:04:25
509
1
转载 vue-cli适配，适用于移动端
转载：https://www.jianshu.com/p/5238e363344f第一步：使用脚手架创建完项目之后，安装插件第二步：然后再index.html里面加上：第三步：在项目根目录下添加.postcssrc.js文件，在里面写上以下代码：第四步：当你切换不同尺寸的屏幕的时候，需要动态改变根字体的大小，一段简单的js插入在head里面：我是在public目录下直接新建的shipei.js,然后将这个js引入到index.html的head里面。shipei.js:第五步：在index.
2022-07-11 13:32:27
375
原创 Vue3+Vuecli局部引入element-plus
按需导入需要使用额外的插件来导入要使用的组件。首先需要安装unplugin-vue-components 和 unplugin-auto-import这两款插件由于项目中采用的是vue-cli脚手架，所以要将下方的代码写入到vue.config.js中使用结果：...
2022-07-08 15:48:01
899
原创 js对象和数组
万事万物皆对象，对象时js的原始类型，任何的数据类型都可以用对象来解释。对象究竟是什么？高级数据容器1.构造函数的创建结果：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ddu5vL6Z-1655544448624)(C:\Users\qwq\AppData\Roaming\Typora\typora-user-images\1654501126639.png)]2.字面创建对象字面量：对象长什么样，我们就怎么去创建对象结构映射结构：键值对结构；对象的属性会对应一个唯一
2022-06-18 17:30:24
571
原创 js事件（事件流、鼠标位置Client等、事件委托、事件冒泡等）
事件：浏览器之中提前定义好的函数，在用户特定的操作下会被调用，这样的浏览器和用户的交互行为（给浏览器一个操作，浏览器给我一个反馈）事件在程序之中是所有特效的起点，编写的功能就是通过事件去触发1.事件源2.事件类型函数是通过函数名来调用的一般函数的调用要结合事件来调用事件：用户与网页交互的重要方式调用方式：方式一：通过html标签调用方式二：js调用例1：直接使用onclick在行内绑定函数例2：直接在id上绑定事件事件对象事件在触发的时候，浏览器会记录很对事件信息，这些事件信息会被存储在一个对象之
2022-06-17 14:29:39
679
原创 js基本语法（输入、输出、变量类型、运算符、类型转换、流程控制、函数、作用域）
网页三部分HTML：控制网页的结构CSS：控制网页的样式JavaScript：控制网页的行为不同于HTML和css，JavaScript是一门编程语言，因此要比html和css要复杂一些。最初的JavaScript现在的JavaScript：现在的js无所不能 1.异步与服务器交互(AJAX) 2.网页和特效(演示) 3.服务器开发(nodejs) 4.命令行开发工具(nodejs) 5.桌面程序(Electron)
2022-06-06 09:51:40
809
原创 过渡、旋转、缩放
过渡、旋转、缩放过渡过渡动画的执行类型2d平面效果平移函数旋转函数缩放函数倾斜函数，倾斜的是一个度数过渡含义：元素的一种状态向另外一种状态进行过渡 ，缓慢的发生改变。属性：transition取值：all 3s linear 5s all-------------所有参与过渡的属性 linear---------动画过渡的时候类型：匀速 3s-------------动画的执行时长 5s------------过渡的缓慢执行如何实现：缓慢的开
2022-04-20 12:35:05
263
原创 CSS3新增的模块
css3新增的模块阴影文本阴影盒子阴影多背景属性边框属性css3不同对应的浏览器里面如何处理渐变线性渐变：从一个方向往另外一个方向径向渐变阴影文本阴影 属性：text-shadow：h-shadow v-shadow blur color h-shadow------文本阴影 v-shadow------垂直阴影 color------阴影颜色 blur------模糊距离 水平取值为正数的话，向右，取值为负数的话向左 垂直取值为正数的话，
2022-04-14 09:45:00
209
原创 H5新增的标签
H5新增的内容语义化标签增强型表单CSS3的选择器地理定位音频视频canvas和svg绘图本地缓存技术语义化标签H5新增的语义化标签有：1）header--------头部区域2）footer----------尾部区域3）section--------主体区域4）main----------主要区域内容5）article--------独立文章区域6）aside--------侧边栏7）nav----------导航区域8）figure----------独立文本区域9）figcap
2022-04-14 09:02:18
989
原创 伪元素选择器+高度塌陷的解决办法
伪元素选择器+高度塌陷伪元素选择器修饰文本的第一行，只修饰第一行修饰第一个字符向元素内部正前方添加内容向元素内部正后方添加内容高度塌陷伪元素选择器 伪元素：假的元素，自己创造出来的，让页面显示对应的内容。 伪类选择器：鼠标的效果，需要配合鼠标的事件才能触发。 如何查看伪元素的元素类型：通过伪元素选择器加进来的元素是一个行内元素。修饰文本的第一行，只修饰第一行 使用方法：：first-line修饰第一个字符 使用方法： ：first-letter
2022-04-07 10:29:07
297
原创 自适应+两栏三栏布局
自适应宽度自适应高度自适应窗口的自适应动态计算宽度和高度如何实现两栏或者三栏布局宽度自适应概念：不设置宽度的话就是宽度自适应，通常情况下，默认不设置宽度，width的取值为auto特点：默认占父元素/屏幕的一整行因此，宽度自适应有三种情况：1）width：auto即不设置宽度2）width：100%3）不给元素添加盒子模型因为只要添加了盒子模型，元素实现的效果不一样。width：auto auto+内边距 不会把盒子撑大但是width：100%，100%+内边距=具体数值，比如
2022-04-06 14:52:32
195
原创 表格的css属性
表格的css属性表格的css属性行分组标签表格标题列分组标签表格的CSS属性标签table的常用属性标签td的常用属性表单的补充input类型下拉菜单textarea类型表格的css属性行分组标签标签含义thead表格的头部tbody表格的主体tfoot表格的尾部只允许有一个头部，一个尾部，但是可以有多个主体。如果没有分组标签的话，浏览器会默认创建一个tbody表格标题标签：caption属性属性值text-align调整表格标题
2022-04-01 14:18:35
1226
原创 css的定位分类及特殊的定位
定位静态定位相对定位绝对定位固定定位粘性定位含义：让元素去某一个位置显示，需要添加对应的距离（偏移属性）；通过偏移属性才能让一个元素去某一个位置显示要想使用定位，并且让元素移动的话需要添加偏移属性。属性：position静态定位普通文档流定位的默认值，元素是怎么排列就怎么显示 取值：static；相对定位 相对于自己的位置进行微调，简单的十几个像素的位置调整 取值：relative 参照物是自己原来的位置 top：50px 距离原来位置的上面有50个像素的距离。 应用场景：绝对
2022-03-23 14:29:27
541
原创 盒子模型+给子元素添加外边距父元素也会动的解决办法
盒子模型盒子模型的组成部分内边距外边距盒子模型的组成部分 盒子模型的组成部分： 内容区域：是css里面自己设置的宽度和高度 内边距（padding）：是内容和边框之间的距离 边框（border）：元素的一个边缘位置 外边距（margin）：元素与元素之间的距离内边距 padding：内容和边距之间的距离取值个数内边距情况V1实现四个方向的内边距V1 V2V1上下内边距，V2左右内边距V1 V2
2022-03-21 14:22:20
903
原创 CSS实现几何图形
css样式规则实现一个正方形，正方形里有四种不同的颜色实现上三角形实现下三角形实现右三角形实现左三角形开口向左的梯形开口向右的梯形实现一个正方形，正方形里有四种不同的颜色图片样例：实现代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
2022-03-17 10:22:06
227
原创 CSS选择器
css选择器四大标签选择器标签选择器类型选择器id选择器通配符选择器其他选择器后代选择器子代选择器伪类选择器四大标签选择器 下面四大选择器都能对元素进行修饰，如果都对同一个元素进行修饰的话，实现的是哪一个选择器的修饰样式呢？ **选择器的优先级** w3c规定，通配符选择器权值最低。 先两两对比： 标签和类选择器对比：类>标签 类选择器和id选择器对比：id>类 标签和id选择器对比：id>标签 id(100)>类(10)>标签
2022-03-15 16:40:05
217
原创 CSS基本概念
css基本概念css相关知识点css的基本语法css的引入行内样式表、内部样式表、外部样式表的优先级css相关知识点 css的含义：层叠样式表（cascading（层叠）、style(样式) 、sheet(表格)） 目前来看遵循的是w3c css3.0版本相关规则css的基本语法选择器{属性：属性值；属性：属性值；属性：属性值；}属性和属性值需要使用冒号链接属性和属性值使用分号结束基本语法分为两部分：选择器和样式规则。其中，选择器：查找页面元素的一种方法，{}：样式
2022-03-08 16:07:12
1257
原创 html解决页面放大后元素乱排的问题
未解决问题之前：html代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2022-03-03 14:31:03
2862
原创 html单标签和双标签汇总
HTML标签标签HTML标签中，有双标签和单标签两种。其中，单标签由一个标签组成;双标签由“开始标签”和“结束标签”组成。下面对两类标签进行分类标签具体类型双标签双标签...
2022-03-02 15:37:43
10214
1
原创 快速创建标签
快速创建标签div+tab <div></div>div*数值+tab *3 <div></div> <div></div> <div></div> div{文本}+tab <div>文本</div> div{文本}*数值+tab *3 <div>文本</
2022-03-01 14:28:57
140
原创 html基本格式
html基本格式<!DOCTYPE html> <!--声明文档类型：html文本，让浏览器进行读取--><html lang="en"><!--超文本标记语言--><head> <!--head：网页的头部--> <meta charset="UTF-8"> <!--定义编码格式--> <meta http-equiv="X-UA-Compatible" content
2022-02-28 11:30:27
556
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人