已归档
已归档
朝阳39
钟爱编程,偏前端开发,欢迎私信我加入EC尽享编程俱乐部共同学习,交流成长!
展开
-
js 生成随机数(含随机颜色)
得到8位不重复的随机id ‘1h1obpbd’原创 2023-10-27 17:26:45 · 204 阅读 · 0 评论 -
JS 【详解】作用域
作用域即变量/函数可以被访问的区域。全局作用域{} 和函数外的区域为全局作用域。全局作用域中的声明的变量是全局变量,在页面的任意的部分都可以访问。全局作用域中无法访问函数作用域的变量全局作用域在页面打开时创建,在页面关闭时销毁。全局作用域中有一个全局对象window,它代表的是一个浏览器的窗口,由浏览器创建,可以直接使用,全局变量是window对象的属性,函数是window对象的方法。function foo() { var a = b = 100; // 连续赋值}fo原创 2022-04-19 18:51:02 · 2424 阅读 · 0 评论 -
JS 你可能没用过的【回调函数式替换】replace()
replace() 主要用于实现字符串的替换,通常用法如下:替换第一个匹配内容: str = str.replace(3,"2")替换全部匹配内容: str = str.replace(/3/g,"2")去除字符串内所有的空格:str = str.replace(/\s*/g,"");去除字符串内两头的空格:str = str.replace(/^\s*|\s*$/g,"");去除字符串内左侧的空格:str = str.replace(/^\s*/,"");去除字符串内右侧的空格:st原创 2022-03-02 15:48:09 · 885 阅读 · 0 评论 -
JS【详解】解构赋值( ES6 新增语法,含对象的解构赋值,数组的解构赋值,【实战】互换赋值 )
对象的解构赋值变量名与属性名相同时使用,用 {} 包裹let config = { server: 'localhost', port: '8080', timeout: 900,}let {server,port} = configconsole.log(server, port) //"localhost" "8080"可以自定义变量名:let {timeout : t} =configconsole.log(t) //900将对象的属性值赋值给已经声明过的变量,需.原创 2022-02-22 18:00:25 · 568 阅读 · 0 评论 -
CSS【详解】分栏布局 columns
分栏布局 – 简介将子元素拆分为列,使用场景并不多,重点掌握 columns 和 column-gap,其他用得少,简单了解下即可。优点:不会改变元素原本的display计算值<ul style = "columns: 2;"> <li>重庆市</li> <li>哈尔滨市</li> <li>长春市</li> <li>兰州市</li> <li.原创 2021-10-15 19:52:52 · 1441 阅读 · 2 评论 -
vue【详解】props —— 子组件接收父组件传入的参数
目录限定参数的类型限定参数必传指定参数的默认值对参数进行自定义校验在子组件中,通过props接收父组件传入的参数限定参数的类型props:{ //参数可以任意类型 params0: null, //限定参数的类型为数值型 Number params1: Number, //限定参数的类型为字符串型,或 数值型 Number params2: [String, Number],},限定参数必传props: ...原创 2021-01-14 21:36:33 · 8942 阅读 · 0 评论 -
css【详解】格式化上下文布局 BFC 和 IFC
格式化上下文布局FC(Formatting Context)格式化上下文—— 一个渲染区域,拥有一套渲染规则,它决定了其子元素如何定位,以及与其他元素之间的关系和相互作用。IFC布局——行内格式化上下文inline formatting context触发IFC的方法块容器盒内不包括任何块级盒,即块容器盒(html行内块级标签或块级标签)内全是行内盒(html内联标签)IFC布局的特点行内盒水平排列为一行,当容器宽度不够时就会换行每一行都会生成一个行盒(见触发IFC的方法.原创 2021-09-09 11:14:40 · 586 阅读 · 2 评论 -
css div填满剩余高度
<div class="father"> <div class="child1"></div> <div class="child2"></div> <div class="child3"></div> </div>核心要点子绝父相同时设置top和bottom来填充剩余垂直空间.father { /* 父元素必须设置为相对定位,否则子元素会相...原创 2021-09-01 17:04:46 · 2400 阅读 · 0 评论 -
css 背景图片自适应全屏
自适应屏幕大小不随着滚动条滚动.bg{ background: url("~@/assets/images/主背景.png"); position:fixed; top: 0; left: 0; width:100%; height:100%; min-width: 1000px; z-index:-10; zoom: 1; background-color: #fff; background-repeat: no-repeat; background.原创 2021-08-30 11:37:19 · 1538 阅读 · 0 评论 -
css【详解】display、position、float 之间的关系
看display是否为none,若是,则position和float 都不起作用,因为该元素不会被渲染;看positon是否为absolute或fixed,若是,则float最终的计算值为none’,display最终的计算值为table或block【详见下表】看float是否不是none,若float不是none,则元素会浮动,display最终的计算值为table或block【详见下表】看该元素是否为根元素,若是根元素,则display最终的计算值为table或block【详见下表】,若不是根元.原创 2021-07-22 21:41:54 · 409 阅读 · 0 评论 -
JS【详解】在浏览器中 JS 代码的执行顺序(含异步机制、同步任务、异步任务、宏任务、微任务、Event Loop)
js 的同步任务和异步任务js代码可以分为两种任务:同步任务(synchronous)—— 在主线程上排队执行的任务,只有前一个任务执行完毕,才能执行后一个任务;异步任务(asynchronous)—— 不进入主线程、而进入"任务队列"(task queue)的任务,只有"任务队列"通知主线程,某个异步任务可以执行了,该任务才会进入主线程执行。异步任务又分为宏任务与微任务:宏任务(macrotask )事件/函数浏览器环境Node.js环境I/O✅✅.原创 2021-07-22 02:47:56 · 365 阅读 · 2 评论 -
js 金额格式化——显示千位分隔符
js 函数封装// 金额格式化——显示千位分隔符function pricefmt(num) { let str = num.toString() // 没有小数点时,在末尾补上一个小数点 if (str.indexOf('.') === -1) { str += '.' } return str.replace(/(\d)(?=(\d{3})+\.)/g, '$1,').replace(/\.$/, '')}在vue中自定义过滤器代码如下原创 2021-07-20 16:34:44 · 1201 阅读 · 0 评论 -
【项目部署系列教程】5. nginx配置反向代理,解决跨域接口的访问
vue的vue.config.js中通过proxy的配置,可以解决本地运行项目时的跨域问题,但项目部署上线后,所有的跨域接口,都需使用nginx配置反向代理才能访问!server { listen 80; server_name localhost; # 高德API location /gaodeMapAPI/ { proxy_pass "https://restapi.amap.com/"; }原创 2021-07-08 10:31:53 · 482 阅读 · 0 评论 -
JS【详解】 数组 (含常用的操作数组的lodash)
创建数组方式 1 - 字面量let arr1 = [];let arr2 = [1,2,3];方式 2 - 新建数组实例let arr1 = new Array(); // 参数为空,得到一个空数组 []let arr2 = new Array(4); // 参数为一个数值时表示数组的长度,得到 [null,null,null,null]let arr3 = new Array(15, 16, 17); // 参数为多个数值时表示数组中的元素,得到[15,16,17]方式.原创 2021-05-18 10:46:24 · 1563 阅读 · 1 评论 -
vue 首屏添加加载动画 loading
1. 在 public/index.html 中添加加载动画加在<divid="app"></div> 下方(若想实现其他加载动画效果,可以自行修改,若修改了id="Loading",则第2步中需同步修改) <div id="Loading"> <div class="loader-inner ball-beat"> <div></div> <div>&...原创 2021-06-13 13:02:19 · 1543 阅读 · 0 评论 -
vue 中同时使用v-for和v-if (含template上使用v-for的方法)
同一标签上,不能同时使用v-for和v-if,怎么办?解决方案将v-for 写在template上,key和 v-if 写在循环遍历的元素上(template上不能使用key, 但 v-for 必须要指定key,所以循环遍历的元素上,需要加上key )<ul> <template v-for="(item,index) in ['国庆节', '春节', '元旦']"> <li v-if="item !== '春节'" :key=..原创 2021-05-27 12:16:33 · 2828 阅读 · 0 评论