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