![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
基础知识 || 知识梳理
文章平均质量分 70
必备基础
依轩cc
这个作者很懒,什么都没留下…
展开
-
Es6学习回顾(非完整版)
本文章主要是基于尚硅谷(https://www.bilibili.com/video/BV1uK411H7on?p=14)讲的知识点中不熟悉的部分进行快速回顾对象的结构赋值数组:let arr = [1,2,3,2];let [yl,hh,tang,h] = arr;console.log(yl); //1对象:let obj = {a:1, b:2};let {a,b} = obj; //必须与obj的key相同let {a1,b1} = obj; //失效console.log原创 2021-06-07 22:03:21 · 118 阅读 · 0 评论 -
【JS工具书】记录JS的高级用法
第二个参数replacer可以传函数过滤,if判断返回undefined,但是如foo是数组会用null代替过滤位。第二个参数replacer也可以作为数组,直接过滤foo的属性。原创 2022-12-02 16:37:13 · 374 阅读 · 1 评论 -
【源码debug】以 react antd 为例,使用 sourceMap 的正确姿势
参考:https://juejin.cn/post/7158430758070140942。原创 2022-10-28 16:04:45 · 606 阅读 · 0 评论 -
【css】字体的镜面反射
【代码】【css】字体的镜面反射。原创 2022-10-18 11:33:11 · 631 阅读 · 0 评论 -
iframe postMessage 通信
iframe原创 2022-06-17 16:40:25 · 302 阅读 · 0 评论 -
【J客时间——C学前端 】笔记
1、利用Promise封装setTimeout function sleep(duration) { return new Promise(function(resolve, reject) { console.log("b"); setTimeout(resolve,duration); }) } console.log("a"); sleep(5000).then(()=>console原创 2022-05-03 12:43:11 · 270 阅读 · 0 评论 -
三分钟带你走进可视化(对比svg、canvas、webgl)附心形线,粒子效果,三维webgl
复制如下代码到chrome控制台,回车 // svg let body = document.querySelector("body") let svg = document.createElementNS("http://www.w3.org/2000/svg", "svg") body.appendChild(svg) let circle = document.createElementNS("http://www.w3.org/2000/s原创 2022-03-23 14:04:21 · 630 阅读 · 0 评论 -
【webpack基础配置】mode,entry,output,loader,plugins,devServer,优化 optimization,tree shaking
webpack学习简介https://www.webpackjs.com/打包多个文件资源成一个,避免全局变量污染,单个文件中可以用模块规范(esm) import, export安装npm init -ynpm install webpack --devnpm install webpack-clinpm install -D webpack-dev-server // –save-dev 简写 -D配置webpack.config.jsconst path = require('p原创 2022-03-06 17:56:44 · 510 阅读 · 0 评论 -
JavaScript 风格
参考https://github.com/lin-123/javascriptAirbnb JavaScript 风格指南目录类型引用对象数组解构字符串函数箭头函数类与构造函数模块迭代器与生成器属性变量提升比较运算符与相等块控制语句注释空格逗号分号类型转换与强制转换命名规范Get-Set 访问器事件jQueryECMAScript 5 兼容性ECMAScript 6+ (ES 2015+) 风格标准库测试性能资源In the Wild转载 2021-10-15 13:24:57 · 70 阅读 · 0 评论 -
Byte青训营笔记
Day 1html语义化标签如下图,优点:便于开发者阅读、可维护性高、机器更好的解析语义化标签具体使用如下原创 2021-08-15 15:04:45 · 933 阅读 · 0 评论 -
cesium初识 && canvas基础
安装https://cesium.com/downloads/压缩包解压后npm i,安装依赖如express等然后运行npm run start参考网站http://cesiumcn.org/?node=learning&page=3使用引入界面介绍按住鼠标左键拖拽 - 让相机在数字地球平面平移。按住鼠标右键拖拽 - 放缩相机。鼠标滚轮滑动 - 放缩相机。按住鼠标中键拖拽 - 在当前地球的屏幕中间点,旋转相机。1.Geocoder : 一种地理位置搜索工具,用于显原创 2021-07-05 17:36:27 · 1752 阅读 · 0 评论 -
项目中用到的Vue组件总结 & Element样式修改 & VueAPI(项目中还未用到)(持续更新于20210728)
nextTick延迟调用,该函数中的方法无视声明周期$watch观察者模式(发布订阅)vm.$wactch(vm, ‘person.name’, (newVal)=>{ }) //当person.name数据变化时,就执行后面的函数原创 2021-06-24 14:29:29 · 208 阅读 · 0 评论 -
axios封装拦截器
Axios简介Axios 是一个基于 Promise 的 HTTP 客户端,可以用在浏览器和 node.js 中,本质是XMLHttpRequests请求即ajax请求。拥有以下特性:从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持Promise API; 能够拦截请求和响应; 能够转换请求和响应数据; 能够取消请求; 能够自定转化JSON数据; 客户端支持防御CSRF(XSRF)封装拦截器对请求或者响应拦截进行二次封装原创 2021-06-22 14:14:03 · 955 阅读 · 0 评论 -
Vue组件通信
Vue组件通信(一)前言:接触前端大半年,一直对组件通信比较模糊,知道类型和方式但是不会用(1.prop/emit 2.event/bus 总线 3.provide/inject 4.Vuex(双向数据绑定,响应式)dispatch),今天就整一整:首先,为什么要组件通信,两个vue文件之间,先import,然后放到components里面,这时,要引用导入组件中的变量或数据,那怎么传才能不污染全局,而且保证稳定呢,就引入了组件通信prop/emit在网上找资料,prop父传子,$emit子传原创 2021-05-14 22:06:07 · 112 阅读 · 0 评论 -
CSS知识梳理
CSS选择器id选择器类选择器元素选择器伪类选择器:first-child…注意:最好前面没有兄弟节点,或者用div包裹*not(:last-child) 除了最后一个都设置*要注意伪类选择器的层级,它选中的是被父元素包括下的第几个关系,属性,复合选择器注意选择器有权重和继承,设置样式未起作用可以检查 是否用权重更高的选择器,继承权重最低内联样式权重最高,不可覆盖,难以维护;继承样式权重最低,直接覆盖权重:内联 >id >类 、伪类、属性 >标原创 2021-05-14 15:40:10 · 125 阅读 · 0 评论 -
超哥node20集教程随笔(二)
超哥node20集教程随笔(二)buffer缓冲区结构和操作类似数组,但可用于存二进制数据,不需引入模块 let str = "Hello"; let buf = Buffer.from(str); console.log(buf); //<Buffer 48 65 6c 6c 6f>, unicode编码00-ff console.log(buf.length); // 5 // buffer中都存的二进制,但显示时以十六进制显示 // 如果是汉字,一个汉字占三个字节..原创 2021-05-22 22:21:47 · 91 阅读 · 0 评论 -
js this指向梳理
简单梳理一下目前遇到的,持续更新。。基本四大this调用首先是基本的四类调用:test():window 以函数形式调用时,this永远是window任何函数本质上都是通过某个对象来调用,若没有直接指定 就是windowp.test():p 以方法形式调用时,谁调用this就是谁方法:obj.属性名 = function(){ };obj.属性名();调方法 //当属性值为函数,那么属性名为方法例如:inner.onclick = function(){console.log(this)}原创 2021-06-07 21:19:41 · 83 阅读 · 0 评论 -
js知识梳理
jsjs初级数据类型基本数据类型String, Number, Boolean, Null, Undefinedundefined定义未赋值;null定义并赋值为null,可以用于对象初始化,也可用于垃圾回收 释放内存引用数据类型(对象)Object(特殊的Array, Function)通过包装类String(), Number(), Boolean()将基本数据类型变成Object。Object类型创建要new引用数据类型可以 添加属性;Object之间不能原创 2021-05-14 15:44:55 · 76 阅读 · 0 评论 -
前端必会计算机基础——为什么0.1+0.2 !=0.3 ?
前端必会计算机基础——为什么0.1+0.2 !=0.3 ?参考资料https://juejin.cn/post/6844904070751191047 计算机组成原理https://juejin.cn/post/6844904079974465544#comment 计算机网络进制转换二进制如何转化为十进制例如2进制101.1如何转化为10进制。(有些同学觉得可以用parseInt(‘101.1’, 2),这个是不行的,因为parseInt返回整数)转化方法如下:上图的规则是什么呢?二转载 2021-05-25 14:47:07 · 366 阅读 · 0 评论