- 博客(28)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 【点谁谁高亮】
vue<template> <div id="app"> <button :class="activeClass == index ? 'active' : 'normal'" v-for="(value,index) in grouplist" :key="index" @click="chgHighLight(index)"> {{value}} </button> </div></templat
2022-02-16 09:44:56
416
原创 zdog.js学习记录
1、作用二维实现扁平化酷炫3D效果。2、简单使用很简单，看官网就行。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sca
2021-12-19 14:56:28
260
原创 three.js学习记录
1、WebGL可以在浏览器端显示3D图形2、three.js在WebGL基础上，再进行一次封装。比较好用。两者之间的关系相当于Js与jquery的关系。3、基本使用体验<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name
2021-12-19 14:42:11
996
原创 svg学习记录
1、svg 对比 canvassvg：本质是文本文件；不是基于像素的。所以无论放大多少倍都不会模糊。canvas：本质是图片；基于像素。放大会模糊。2、svg实现环形进度条<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta na
2021-12-18 19:38:24
94
原创 canvas学习记录
1、canvas实现弹幕功能<body> <!-- 1、创建画布 --> <canvas id="canvas1" width="600" height="600"></canvas> <script> // 2、找到画布 let canvas1 = document.getElementById("canvas1") // 3、创建画笔 let ctx = canvas1.getContext('2d
2021-12-18 18:50:03
277
原创 AJAX详解
一、AJAX简介简介：不刷新页面情况下更新页面内容。查看 控制台Network中可以快捷方便查看请求及响应信息。优缺点 优点：不刷新页面更新数据。 缺点：页面没有历史回退；不利于SEO。历史： 信息格式：XML【自定义标签】 ==》JSON AJAX历程：原生AJAX【XMLHttpRequest】 ==》JQuery中AJAX ==》axios举例： 1、掘金的页面，滚动到底部才会加载下一屏。就是滚动到底部触发事件，事件中发送AJAX请求请求下一屏数据。 2、京东【下图】，
2021-11-28 14:49:24
369
原创 Electron学习笔记
1、Electron简介：是一个使用html、css、js 创建桌面应用程序的**框架**2、D:\web\6electron\01demo 是一个简易计算器（1）运行：npm run start 或 electron main.js 或 electron . （2）大致笔记：1、 app 代表 APP，browserWindow 代表一个窗口2、 运行自动调用 app.create()，因此在 create 中创建窗口3、 窗口需要加载别的.html 页面：win.loadURL(..
2021-09-26 21:13:56
58
原创 TypeScript & Flow
JavaScript## 类型特点：弱类型，动态类型检查。缺点： 1、function fun1(obj){obj.sayHi()} var o = {name:'小甜'} fun1(o) //在运行的时候报错。 如果是c++的话，在编译的时候就报错了。 2、避免过于复杂的错误处理逻辑 数组求和：function fun2(arr){ let result = 0; arr.forEach(val=&g
2021-09-25 21:01:30
448
原创 比较坑的面试题合集（1）
1、JS数据类型转换题：输出结果：(100+1+21.2+0+NaN====>NaN)+"Tencent"+[] ====>"NaNTencent"+null+9+false====>"NaNTencentnull9false"考察知识点总结： + 两边有字符串或对象时，转为字符串。 隐式转换规则：true==》1 null==》0 undefined==》NaN string全为数字==》数字 否则==》NaN2、输出结果：true、t
2021-09-25 15:57:30
112
原创 前端面试题—每日五题（4）
1、v-model1、其实v-model就是一个语法糖。由两部分组成：（1）v-bind（2）v-on:input2、适用范围：input上、组件上。2、响应式布局1、媒体查询@media2、百分比布局3、栅格系统—bootstrap4、rem布局（rem与font-size有关）（补充：移动端优先：min-width PC端优先：max-width）3、微前端 望文生义：就是将一个复杂大型的应用程序拆解成颗粒度更小的可以独立开发、测试及部署的小模块，并通过一些策略方案来确
2021-09-25 09:01:26
85
原创 前端面试题—每日五题（3）
1、清除浮动的方法：1、给父元素设置高度2、clear:both3、触发BFC（因为在BFC规则中，浮动也计算高度。） （1）display （2）position （3）float （4）overflow2、map()与forEach()区别map()返回一个新数组，在map中改变数组，旧数组不变，返回新数组。forEach（）不返回信息，在forEach中改变数组，就是旧数组改变了。3、ES6自增了哪些？1、let、const2、箭头函数3、...扩展运算符4、类、类的
2021-09-23 08:31:36
54
原创 ECharts学习记录
大致看了看官网及文档，目前没觉着难。可能是学习的不够多。有时间的话写个全国地图PM、温度之类的图。（PS1：好像目前我的项目中没画过图唉）（PS2：祝大家中秋快乐，早日拿下心仪的offer！！！！！）...
2021-09-21 18:02:08
46
原创 Bootstrap(待完善~今日乏了)
一、Bootstrap各版本对比1、Bootstrap3与Bootstrap22、Bootstrap4与Bootstrap3二、
2021-09-20 22:02:43
46
原创 前端面试题—每日五题（2）
1、首屏加载慢？（1）使用路由懒加载（2）使用keep-alive代替销毁组件（3）静态资源本地缓存（4）使用图片懒加载（5）css样式的顺序合理可以减少重排（6）UI框架按需加载2、css样式的顺序：（1）定位样式(float、display、positio、...)（2）自身样式（width、height、padding、border、margin）（3）文字样式（font-）（4）文本样式（text-）（5）css3样式（box-shadow、border-radius...
2021-09-20 19:55:24
92
原创 VUE3介绍（粗略）
1、性能的提升运行的快了、内存占的少了2、！！！源码的升级（面试）proxy 代替 object.defineProperty3、！！！新特性（使用）（1）新的生命周期函数（2）data变为函数（3）@keyup.13这种keycode用法被取消。...
2021-09-18 16:23:33
98
原创 前端面试题—每日五题（1）
1、 搜集用户的表单，表单中有两个字段， （1）单选框： 汉族、其他民族；（2）输入框：当（1）选汉族时（2）禁用， 选其他民族时启用 。// 其实比较简单，点击事件中进行启用禁用<script> var inps = document.getElementsByTagName('input') var inpZu = document.getElementsByClassName('otherZu')[0] inps[0].onclick = function()
2021-09-17 19:45:26
89
原创 跨域之JSONP与CORS面试
1、两者原理及比较原理：JSONP利用script标签可以跨域的原理。CORS与AJAX类似，只是跨域版的AJAX（我认为是这样）比较：JSONP只支持GET请求；CORS支持所有。JSONP的优势在于支持老式浏览器，以及可以向不支持CORS的网站请求数据。2、CORS发送几次（面试）简单请求发送一次。直接发出CORS请求。非简单请求发送两次。先预检（先询问服务器，当前网页所在的域名是否在服务器的许可名单之中，以及可以使用哪些HTTP动词和头信息字段。只有得到肯定答复，浏览器才会发出正式的
2021-09-17 12:56:52
164
1
原创 事件循环—EventLoop
事件循环顺序同步任务 ==》 异步任务（ 微任务 ==》宏任务 ）常见宏任务、微任务宏任务：setTimeout、setInterval微任务：Promise.then() 、Promise.catch()注意：Promise是宏，其方法是微练习题（1）//输出结果：main Promise setTimeoutsetTimeout(() => { console.log('setTimeout') }, 0) Promise.resolve().then(() =>
2021-09-17 11:29:07
61
原创 2021-09-17-offset、client、scroll
页面元素位置1、视口大小（可以看见的网页大小）–-client//当前可以看见的浏览器大小console.log(document.documentElement.clientWidth,document.documentElement.clientHeight)2、网页大小（包括滚动条之下看不见的）—scroll//浏览器总大小：包括卷曲的页面console.log(document.documentElement.scrollWidth,document.documentElement.s
2021-09-17 09:43:00
58
原创 2021-09-17-闭包
javascript学习笔记闭包1、为什么要有闭包？？function f1() { var n1 = 999}alert(n1) //error，报错那么如何在外面获取到函数内部的变量呢？？function f1() { var n1 = 999 function f2(){ alert(n1) } return f2}var resault = f1()resault() /
2021-09-17 08:56:04
72
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人