- 博客(10)
- 收藏
- 关注
原创 css3 的混合模式
css3的混合模式1. mix-blend-mode描述了元素内容应该与元素的直系父元素的内容和元素的背景如何混合<blend-mode> = normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity
2021-08-09 18:15:24 177
原创 文本省略
<p> 张的接口的换地方录个黄金分割护肤发分机号跨过大海的公私兼顾收费室的分开胜多负少快放假觉得还是客户方就开始鼓风机康师傅就开始疯狂假装看换框架收费接口是否会加工费数据开始</p>一.单行文本省略p{ width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}二.多行文本省略1. -webkit-line-clamp 可以把块容器中的内容限制为指定的
2021-05-18 15:46:53 577
原创 js链表的实现
1.新建一个Node 类class Node { constructor(element, next) { this.element = element this.next = next === undefined ? null : next }}2.创建LinkedList类(里面包含插入节点、删除节点、查找节点位置方法)class LinkedList { constructor() { this.size = 0 this.head = null
2021-05-18 09:32:13 111
原创 div自定义无滚动轴滚动
写一个div作为容器,里面添加需要滚动的内容,然后给它上样式<div class='left-scroll'></div><style lang='scss'>.left-scroll{ width: 100%; height: 680px; overflow-y: scroll; //给竖轴加滚动条 overflow-x:scroll;//给横轴加滚动条 &::-webkit-scrollbar {
2020-06-22 19:24:04 222
原创 iview的modal模态框组件
可以通过观察DOM树发现,即使把模态框写在某一个template的div根组件内,在DOM中,i-model也是在根节点上的,比如modal在一个叫page-unit-maintenance父级下,但实际DOM树中,并不在这个父级里,如图所示:...
2020-06-22 17:27:11 1853
原创 Vue中scoped的坑
scoped作用 实现组件的私有化,不对全局造成样式污染,表示当前style属性只属于当前模块实现原理:通过观察DOM结构可以发现:vue通过在DOM结构以及css样式上加上唯一的标记,保证唯一,达到样式私有化,不污染全局的作用慎用一个页面的样式跟其他页面没有任何联系的时候可以用,有父子组件的关系存在不要使用,否则在父组件看不到子组件的样式。...
2020-06-22 17:12:01 349
原创 px、em、rem的区别及使用rem实现自适应
一、px、em、rem的区别1、px:像素(Pixel),相对长度单位,像素px是相对于显示器屏幕分辨率而言的。特点:IE无法调整那些使用px作为单位的字体大小国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位Firefox能够调整px和em2、em:相对长度单位。相当于当前对象内文本的字体尺寸。如当前对内行的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸3、...
2020-06-22 16:57:55 420
原创 变量提升
变量提升js执行过程分为两个阶段词法分析:词法分析主要包括:分析形参、分析变量声明、分析函数声明三个部分。通过词法分析将我们写的js代码转成可以执行的代码执行阶段变量提升var a=18;fun1();function fun1(){ var b=9; console.log(a);//undefined console.log(b);//9 var a...
2020-06-22 16:55:04 264
原创 JavaScript基础
冒泡排序实现原理:前后两两比较(即目前这一个与后一个比较,不会与前面的比较)//外层循环决定循环的轮数for(var i=0;i<arr.length-1;i++){ //内部循环决定每轮的比较次数 for(j=0;j<arr.length-i-1;j++){ if(arr[j]>arr[j+1]){ //升序用">",降序用"<"...
2020-06-22 16:51:33 133
转载 flutter 项目运行不起来问题
问题:解决方法:需要加入内容:maven{ url 'https://maven.aliyun.com/repository/google' } maven{ url 'https://maven.aliyun.com/repository/jcenter' } maven{url 'http://maven.aliyun.com/nexus/content/groups/public'}在flutter SDK中也需要加入...
2020-06-22 16:50:00 2771
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人