乐胖代购免代理版

重写学习 localStorage 与 sessionStorage

localStorage 与 sessionStorage localStorage 与 sessionStorage 很多小伙伴对它们俩都很熟悉了；最熟悉的莫过下面这2条 1,lo

数据

Data

JSON

原创精选 9月前 400 阅读

empty来显示暂无数据简直太好用，阻止用户复制文本user-select

element-ui表格某一列无数据显示-- 很多时候，表格的某一列可能是没有数

微信

赋值

人工智能

原创 2023-03-26 11:38:59 556 阅读 1点赞

empty来显示暂无数据简直太好用，阻止用户复制文本user-select

element-ui表格某一列无数据显示-- 很多时候，表格的某一列可能是没有数据的

微信

赋值

人工智能

原创精选 2023-03-20 13:48:27 876 阅读

01-CSS3-justify-content: space-around; justify-content: space-between;

/* justify-content: space-around; 运用在父级元素上第一个子元素距离左边的距离

微信

父级元素

javascript

原创 2022-09-01 20:43:42 216 阅读

h5 Video打开本地摄像头和离开页面关闭摄像头

一进入这个页面就开始调用这个函数在mouted中调用这个函数离开这个页面关闭摄像头 beforeDestroy(){ this.cancalCloseVideo(); } methods:{ cancalCloseVideo(){ this.MediaStreamTrack && this.M

ide

微信

javascript

原创 2022-09-01 20:26:26 248 阅读

使用scale等比例缩放图片

功能需求：在下拉框中选择你所需要缩放的比例，选择好了之后，图片会按照你

微信

缩放

javascript

原创 2022-09-01 18:00:49 339 阅读

css3只需一招，将网站变成灰色的

今天大家在浏览B站，腾讯视频，等网站时，有没有发现一个现象，网站变成灰色的了。是不是

html

微信

css

原创 2022-09-01 18:00:22 803 阅读

02-align-items的用法

侧轴是相对的默认主轴是x 所以侧轴就是y轴 align-items设置侧轴上的子元素排列的方式（单行）纵轴方向上的对齐方式 align-items: flex-start; 顶部对齐 align-items: center; 居中对齐 align-items: flex-end; 底部对齐 ali

微信

javascript

支付宝

原创 2022-09-01 18:00:04 1117 阅读

使用sessionStorage获取值和设置值

sessionStorage的简单使用 <body> <button id="btn1">设置值</button> <button id="btn2">获取值</button> <!-- 总结:设置值值是字符串 sessionStor

微信

获取值

点击事件

原创 2022-09-01 17:59:13 412 阅读

css3的新属性新增的颜色--- 透明度---两种渐变---定义多张背景图--background-size

透明度 opacity 一个元素的 opacity 属性会应用在这个元素的本身和它的子孙上。 opacity的值在0--1；0表示完全的透明（看不见）兼容所有的浏览 img{ filter:Alpha(opacity=45); //它的值在0-1 opactiy:0.45; //兼容IE8以下；

微信

默认值

宽高

原创 2022-09-01 17:59:01 144 阅读

03-flex-wrap是否换行

flex-wrap:运用到父元素上结合 display: flex; flex-wrap: wrap; 换行 flex-wrap: nowrap; 不换行 #main { width: 300px; height: 300px; border: 1px solid #c3c3c3; display

微信

3c

javascript

原创 2022-09-01 17:57:11 206 阅读

04-align-content 它对于当单行是没有效果的

align-content 运用在父级元素上 align-content: 它通常与子元素的div{ margin:10px } 一起联合使用。用在子项出现换行的情况下，并是多行的情况下哦。运用在子项侧轴上的排列方式。 align-content的值 align-content: flex-sta

微信

3c

父级元素

原创 2022-09-01 17:57:03 322 阅读

FormData的介绍（一）

FormData对象介绍FormData字母意思是表单数据，H5新增的一个内置对象。可以获取任何类型的表单数据，如text radio checkbox file textarea 常用语发送ajax请求优点：简单的代码，就可以将表单中所有的类型的数据都可以搜集到，包括文件域的内容。非常方便。缺点:

表单

微信

数据

原创 2022-09-01 17:24:17 134 阅读

06--垂直方向布满整个空间

display: flex; justify-content: space-between; flex-direction: column; <style> *{ padding: 0; margin: 0; } ul{ height: 300px; border: 4px solid red; d

微信

2d

支付宝

原创 2022-09-01 17:11:53 30 阅读

你知道css3渐变吗线性渐变和径向渐变

线性渐变线性渐变之通过角度进行渐变径向渐变

微信

默认值

线性渐变

原创 2022-09-01 17:11:14 153 阅读

动画

``` animation: 动画名称花费的时间运动的曲线(动画的运动速度) 何时开始(是否有延迟) 播放次数播放完后是否相反(默认是从正向); 注意第6个参数。默认是永远正向播放。

微信

支付宝

javascript

原创 2022-09-01 17:10:40 25 阅读

ccs3动画-div向上移动的动画

<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { padding: 0; m

4s

微信

javascript

原创 2022-09-01 17:09:46 208 阅读

火狐谷歌浏览器去掉input type=number时控件的方法

html 默认：<input type="number" /></br> 处理：<input type="number" class="deal-with" /> css 去除控件 <style type="text/css"> .deal-with::-webkit-textfield-decor

微信

控件

css

原创 2022-09-01 17:07:34 854 阅读

css 动画 div顺时针方向移动，

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> * { padding: 0; margin: 0; } div { width: 100px; height: 1

微信

html

支付宝

原创 2022-09-01 17:07:11 233 阅读

css动画京东小布hover放大

微信

支付宝

4s

原创 2022-09-01 17:06:49 435 阅读

justify-content: space-between能够对齐的解决办法

解决办法一 .main{ display: flex; justify-content: space-around; flex-wrap: wrap; } .son{ width：100px } //利用伪类after来处理，宽度与子元素宽度一致 //但是专业那个方式值有些时候可以，有些时候仍然不行

微信

支付宝

javascript

原创 2022-09-01 17:06:21 127 阅读

水平垂直居中的四种方式

html 布局结构如下 <div class="outerBox"> <div class="innerBox"></div> </div> 第一种使用flex .outerBox { height: 400px; background-color: rgb(12, 243, 232); disp

微信

支付宝

边距

原创 2022-09-01 17:06:13 48 阅读

你必须知道的深层选择器

有时，你需要修改第三方组件的CSS; 然而你直接修改是不可以的，但是我们非要去修改第三方的组件；此时可以使用==》深层选择器 >>> /deep/ ::v-deep 可以帮助你。这样就可以修改第三方组件样式了，然而有写时候，你是按照这样的方法去修改的吗，那为什么还不对了？因为你的结构层级不

微信

选择器

支付宝

原创 2022-09-01 16:59:11 53 阅读

web字体小于12px的解决办法

大家都知道，web端的字体在正常情况下，最小只能够是12px; 但是有些时候，可能需要字体小于12px 那么如何解决这个办法了可以使用css3的缩放属性scale 如果字体的大小是10px; 那么我们将字体大小设置成20px,使用-webkit-transform: scale(0.5); 这样字

微信

支付宝

web端

原创 2022-09-01 16:58:56 125 阅读

flex 布局子元素被挤压的问题

Flex 意为 “弹性布局”，是一种在开发静态页面过程中常用的布局模式。开发购物车使用flex布局的时候遇到的一种场景：子元素被挤压具体如图所示，当商品名称超出两行文字时显示省略号，是使用flex布局的。占位较多的子元素会去挤压别的子元素。解决方法很简单，就是使用flex-shrink

微信

css样式

javascript

原创 2022-09-01 16:56:20 629 阅读 1点赞 1评论

css水平居中的5种几种方式

元素水平居中的第一种方式子元素不需要宽度也可以 <div class="box"> <div clas

微信

块元素

支付宝

原创 2022-09-01 16:53:15 360 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

重写学习 localStorage 与 sessionStorage

empty来显示暂无数据简直太好用，阻止用户复制文本user-select

empty来显示暂无数据简直太好用，阻止用户复制文本user-select

01-CSS3-justify-content: space-around; justify-content: space-between;

h5 Video打开本地摄像头和离开页面关闭摄像头

使用scale等比例缩放图片

css3只需一招，将网站变成灰色的

02-align-items的用法

使用sessionStorage获取值和设置值

css3的新属性新增的颜色--- 透明度---两种渐变---定义多张背景图--background-size

03-flex-wrap是否换行

04-align-content 它对于当单行是没有效果的

FormData的介绍（一）

06--垂直方向布满整个空间

你知道css3渐变吗线性渐变和径向渐变

动画

ccs3动画-div向上移动的动画

火狐谷歌浏览器去掉input type=number时控件的方法

css 动画 div顺时针方向移动，

css动画京东小布hover放大

justify-content: space-between能够对齐的解决办法

水平垂直居中的四种方式

你必须知道的深层选择器

web字体小于12px的解决办法

flex 布局子元素被挤压的问题

css水平居中的5种几种方式

欢迎