- 博客(9)
- 收藏
- 关注
原创 Vue pc端适配插件——postcss-px2rem
原因:设计稿大小是固定的,在不同屏幕上显示体验不一样,尤其在润工作pc端,窗体较小,显示看起来就会比较拥挤,之前的处理方法是在最外层元素上获取屏幕分辨率来动态进行缩放,但是后期加入视频插件后,视频播放的进度条受到外层的缩放影响导致进度点击不准确,音量进度条也是同理,因此又想到用适配的方式来代替之前的全局缩放。duangduangduang!!!上才艺!这里使用的插件是postcss-px2rem安装:npm install postcss-px2rem px2rem-loader --save然
2022-05-12 11:29:11 2831 3
原创 TS学习总结
1:数据类型布尔类型 boolean数字类型 number字符串类型 string数组类型 array元组类型 tuple枚举类型 enum任意类型 anynull 和 undefinedvoid类型never类型数组的三种写法:可以定义好数组每一项的类型,比如number第一张写法,而不确定的时候可以定义为any类型,// 数组的三种写法:const arr1:number[] = [1,2,3]console.log("arr1===",arr1)const arr2
2022-05-07 17:27:30 179
原创 Vue PC端@功能实现
一:前言近期需要接到一个需求,需要在输入框中实现@通知用户的功能,这个功能现在也有很多应用都有,像我们常用的QQ空间,微博这些,开始看到这个需求,心里一阵惊恐,没做过啊~~二:思路我们大体的思路就是:当监听到用户输入@的时候我们弹出人员选择器,这时候我们需要记住现在光标所在的位置,当用户选择人员完毕之后,我们创建一个span标签在插入到我们刚刚记录光标的位置,并且把我们输入的@删除,将光标放在这个节点的最后。三:需求拆解按住shift + @ 的时候,弹出人员选择器人员选择器要跟随光标的位置出现
2022-04-22 16:20:12 2807 2
原创 JavaScript——for循环详解!
当我们在编写代码的时候,假如您需要运行代码多次,且每次使用不同的值,那么循环相当方便使用。今天我们就来讲讲在JS中的for循环。JavaScript 支持不同类型的循环,分别有:for - 多次遍历代码块for/in - 遍历对象属性while - 当指定条件为 true 时循环一段代码块do/while - 当指定条件为 true 时循环一段代码块for循环一般有在三个参数,第一个参...
2020-03-22 18:44:14 1935
原创 css3选择器介绍!
CSS3是css技术的升级版本,CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。这些模块包括: 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。css3的优点:CSS3将完全向后兼容,所以没有必要修改现在的设计来让它们继续运作。网络浏览器也还将继续支持CSS2。对我们来...
2020-03-08 18:47:01 106
原创 前端笔记——CSS定位(Position)属性详解!
今天我们来谈谈什么CSS定位属性( Position)?在了解之前,需要知道CSS的定位机制:它们分别有:普通流、浮动流、定位流。1、普通:上下排列的布局(注:大部分情况)2、浮动:左右排列的布局(注:大部分情况)3、定位:层叠(叠加)排列的布局 (注:大部分情况)而在CSS中,定位属性(position)又分别有:如下几种:1. position:static ; (默认值,没...
2020-02-29 19:00:26 1214
原创 前端笔记——什么是盒模型?
前端基础必备的基础知识–(1)盒模型盒模型是前端css布局的基石,它规定了网页元素如何显示以及元素间相互关系。之所以被称为盒模型,从文字的字面上就可以理解,肯定跟盒子有关,css定义所有的元素都可以拥有像盒子一样的外形和平面空间.盒模型的组成:内容区(盒子内的物品)、补白/填充(物品跟盒壁的间隔)、边框(盒字的框架)、边界/外边距(盒子外面的空间)。盒模型里面主要有两大属性,分别是padd...
2020-02-22 15:40:03 581
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人