2022虎年大吉

Posted 2023-04-04 浑浑噩噩撸代码

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了2022虎年大吉相关的知识，希望对你有一定的参考价值。

1.局部滚动开启弹性滚动
body
overflow:scroll;
-webkit-overflow-scrolling:touch

2.flex布局
2.1新版flex布局

display:-webkit-flex;
align-items:center;
justify-content:center;

子元素
-webkit-flex:1

2.2旧版flexBox布局(兼容性更好)：
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

子元素
-webkit-box-flex:1

3.正则替换特殊字符：

value = value.replace(/[`~!@#$%^&*()_\\-+=<>?:"|,.\\/;\\\\[\\]·~！@#￥%……&*（）——\\-+=|《》？：“”【】、；‘’，。、]/g, '')

4.Vue组件间传值

传的值无论什么类型不可直接进行赋值，如果是Object或者Array可进行内容更改，直接赋值也是不可

5.单个文件禁止eslint语法检测

/* eslint-disable */

6.自定义el-table的暂无数据

7.推送本地分支到远程（推荐使用可视化工具sourceTree），命令行如下：

git push origin 分支名：远程分支名如：git push origin test:test

8. vue项目 npm run dev 抛错

npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! vue-element-admin@4.2.1 dev: `vue-cli-service serve（很多情况下好像都能触发这个报错）及 spawn cmd ENOENT

解决办法：配置了环境变量。win10.右击我的电脑-属性-高级系统设置-环境变量-用户环境变量-点击PATH-再点击编辑添加 %SystemRoot%\\system32 即可（亲测）原文链接

9.查看当前网页项目源代码

地址栏前输入 view-source 如查看 www.xxx.com 地址栏输入 view-source:www.xxx.com

10.vue下载excel文件导致乱码问题

通过各种你认为的没问题后打开文件依旧乱码，可能是 引入mock数据导致，注释掉main.js里的 import './mock' 参考链接

11.break,continue,return 区别

return 大都情况下返回一个值给调用改方法的语句

12.reduce使用 菜鸟教程链接

reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。

var flattened = [[0, 1], [2, 3], [4, 5]].reduce(function (a, b) 
            return a.concat(b)
        , [10])
 console.log(flattened)

13.对象转数组

14.qs.stringify()和JSON.stringify()

qs.stringify()对对象a进行序列化，并用&拼接 JSON.stringify() 将对象转换成字符串

15.控制台输出带颜色或者图片的log日志

console.log('%c-----------------------------', 'color:blue;font-weight:bold;')

console.log('%c\\n ', "font-size:41px;background:url('http://cdn.iknow.bdimg.com/static/common/pkg/module_zed9cd9fd.png') no-repeat -135px -1px")

16.post文件下载

17.vue中$event的使用及阻止事件冒泡和阻止默认行为

18.prototype与__proto__关系图（原文链接：戳我）：

任何一个函数都有prototype属性，函数实例化后的对象都有__proto__属性（隐式原型），对象的__proto__属性指向函数的prototype属性

A.__proto__ === Function.prototype 
Function.prototype.__proto__ === Object.prototype
Object.prototype.__proto__ === null 
A.protype.__proto__ === Object.prototype

19.第一次webpack打包处理问题小记
发生原因：webpack版本问题，语法变更（加了 -o）应输入： webpack src/app.js -o dist/app.bundle.js
监听改变：webpack src/app.js -o dist/app.bundle.js --watch
20.webstorm 配置es6语法检测后，如果代码报错依旧红线显示，如下图