2020年10月_大佬，咋整啊

原创 CSS：变量的声明和读取

一、变量的声明在变量名前面加个连接号--，这样就成功声明了一个css变量变量只能用作属性值，不能用作属性名。:root{ --color: #fff;}二、变量的读取var()函数用于读取变量。div{ color: var(--color);}var() 还有个可选参数，表示默认值，即不存在该变量时使用该值div{ color: var(--color, #000);}三、变量值的类型1、当变量值类型为字符串，可与其他字符串进行拼接body::after{ -

2020-10-28 16:40:41 1043

原创 js：简单理解栈内存和堆内存

js的数据类型划分方式为基本数据类型（Undefined，Null，Boolean，Number、String）和引用数据类型Object（包含 function、Array、Date）基本数据类型的数据存储在栈内存中，引用数据类型的数据存储在堆内存。变量只是将引用数据类型的数据的地址存储到栈内存，使用的时候根据地址去堆内存中操作数据...

2020-10-27 17:55:51 236

原创 js：简单理解闭包、内存泄漏

闭包

2020-10-27 17:10:21 76

原创 css：Grid网格布局常用属性

1、指定容器使用网格布局： display: grid2、指定容器设为行内元素并使用网格布局： display: inline-grid3、定义每一列的列宽：grid-template-columns4、定义每一行的行高：grid-template-row5、重复赋值：repeat(次数,值)6、自动填充：如：repeat(auto-fill,30px)7、比例：fr（如 grid-template-columns: 1fr 2fr;意思是容器分为2列，二列的宽度是一列的2倍)8、长度范围：m

2020-10-23 12:02:12 676

原创 git：从初始化到提交的常用指令

初始化仓库 git inint添加文件 git add （文件名）添加到 git commit -m “修改内容摘要”查看当前仓库的状态：git status查看修改内容：git diff显示提交日志：git log版本回退：git reset --hard “版本id”关联的远程库：git remote add origin [email protected]:(github名)/(git项目名).git删除关联的origin的远程库：git remote rm origin查看关联的远程库信

2020-10-20 18:21:19 235

原创 js：JavaScript的赋值、浅拷贝、深拷贝

赋值：增加了一个指针指向已存在的内存地址浅拷贝：申请了一个新的内存，拷贝第一层对象，不拷贝对象中的子对象深拷贝：申请了一个新的内存，并复制其全部内容

2020-10-19 14:53:29 327 1

原创 js： jquery.lazyload 图片、背景图片加载

图片懒加载<img class="lazyload" data-original="./images/mq10.jpg" width="128" height="24" /> $(function() { $("img.lazyload").lazyload() });背景图片懒加载<div class="lazyload" data-original="img/img.jpg" ></div>$(function() { $("div.

2020-10-16 18:37:05 518

原创 js：rem单位中所需的js

先说下实现思路吧：rem 是根据根元素的字号进行调整，所以可以先获取浏览器可视区域的宽度作为参照，将该宽度数值分为N 等份，每份或每份的倍数定义为根元素的字号，再监听这样一个rem 单位的js 就写好了这段代码中1rem 最大为20px：function reFontsize () { const html = document.querySelector("html") let pageWidth = document.body.clientWidth const maxW = 750;

2020-10-16 16:18:51 138

原创浏览器：IE11兼容问题

以下内容均是在 IE11 上运行出现的问题1、在ajax提交时，data数据不能简写 $.ajax({ type: 'POST', url:'https://***/Api/PromotionForm', data: { para,//改为 para: para, token: res } ...... })2、页面的倒计时显示NaN（no a number）打断点发现问题出现

2020-10-15 15:23:18 265

原创 vue：axios请求本地json路径错误

本例用的是vuecli4，json等静态资源存放在public文件夹中经验主义使然下写下了这个路径，但返回404this.axios.get('public/redeme.json').then((res) => { console.log(res.data) })其实vue从代码到界面展示还要经过编译，所以路径会有所改变实际路径可以先打包一下，我是这么找到json的路径的打包后的文件目录如下所以我把路径改成：this.axios.get('./redeme.js

2020-10-13 16:39:39 1143

原创 JS：网站loading界面实现

loading界面的样式写在</head>前，优先渲染这个界面<head> <title>loading</title> <style type="text/css"> #loader{ width: 100%;height: 100%;background: white; position: fixed;top: 0;left: 0;/*相对浏览器窗口定位*/ display: flex;align-items: cen

2020-10-13 15:40:38 996

原创 vue：动态给img赋值

1、如果直接给img的src绑定一个字符串<img :src=nowIcon /> data () { return { nowIcon: '' } }, this.nowIcon = '../assets/64/' + 图片名 + '.png'vue会将这个路径当成字符串，不会给这个图片路径编译，图片显示不出来此时的路径是未经过编译的，代码为：<img src='../assets/64/100.png' /> 2、解决办法

2020-10-10 16:16:44 1737 1

原创 vue：Cannot find module ‘vue-loader-v16/package.json‘

vue项目运行cnpm install一切正常，但运行cnpm run server启动项目时报错Cannot find module 'vue-loader-v16/package.json'删除node_modules重新cnpm install，运行时还是会报未找到模块的错误运行cnpm add vue-loader后解决...

2020-10-10 14:58:37 698

原创 css：动画实现文字无缝滚动详解

代码比较简单，不多赘述HTML 部分<div id="marquee"> <div> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> </div></div>CSS 部分#marquee{ hei

2020-10-08 16:05:46 3313

彼方_的博客