大前端
关注
分享
扫一扫
文章平均质量分 55
这里包含了一些前端教程，欢迎看各位的留步
zeuskk
这个作者很懒，什么都没留下…
展开
-
vscode 自定义 todoTree配置 TODO FIXME BUG TAG FEATURE 等配置
VScode 中 todo Tree配置 自定义 todo bug 等风格原创 2022-07-21 11:33:54 · 455 阅读 · 1 评论 -
实现一个异步队列来实现一个队列池
开发中我们会遇到这么一个场景，需要维护一个请求队列，一次只能请求2个或者多个接口，而且当一个请求结束后，就会进入队列，直到请求发送完毕。原创 2023-03-08 18:07:16 · 257 阅读 · 1 评论 -
按照给定字段顺序来排序
在开发中，我们会遇到不是按照值的大小来给数组排序，有时候需要给定一段文字，然后通过文字来排序，比如说我们通过给定的文字来排序原创 2023-03-08 17:22:57 · 272 阅读 · 0 评论 -
前端 React 获取/计算文本在html的长度
这里有一个痛点，当你做国际化的时候，不知道生成出来的文本的长度，容易有样式方面的问题，比如超出长度或者等等。原创 2023-02-20 20:11:25 · 808 阅读 · 0 评论 -
TypeScript 中 type 如何像 interface来使用extends（继承）
ts interface 的extends如何使用 type来写原创 2023-02-02 11:26:08 · 1149 阅读 · 0 评论 -
threejs 初始化
threejs 初始化 绘制一个正方形 并运动起来。原创 2022-11-09 12:42:06 · 739 阅读 · 0 评论 -
一定要执行多个请求，都要捕获错误，使用try catch 不够优雅
捕获多个请求的异常原创 2022-07-19 12:42:59 · 370 阅读 · 0 评论 -
React中 useState在合成事件中是异步的，怎么获取到useState 设置后的最新值，或者说setState中获取到最新值
useState 在合成事件中是异步的合成时间是什么呢合成事件： 简单来说 比如onClick，或者 onChange 或者说是 Input之类的事件所以一个情景是这样的当你在onClick 中这样设置了状态，并赋值上去，但是打印的值是上一次的值。附代码一份function App() { const [state, setstate]: {} = useState(0); const count: number = 0; const setT = () => {原创 2022-01-19 15:48:28 · 2684 阅读 · 0 评论 -
js深拷贝，浅拷贝的解析以及解决方案
深、浅拷贝简单来说，浅拷贝简单的处理简单数据时候就很ok到那时遇到复杂数据类型就可能有点吃了，比如数组，你赋值了个另一个变量，这样会导致一个变量改，另一个数据也会发生改变，这或许导致很危险的东西。当然，有时候也会抛出异常，比如释放了那块内存空间，另一个数据去改变，去操作那块地址空间，很有可能会抛出异常……深拷贝解决了上述问题，首先，对于简单的一层的数据，我建议使用 ... 运算符对于有多层的数据， 可是使用 JSON.parse(JSON.stringify(obj)) 来解决局限性会忽原创 2021-12-08 10:00:59 · 382 阅读 · 0 评论 -
JavaScript 中的this的简便判断
this我这里总结一下规律一般 function 函数谁调用只想谁箭头函数的this指向是和同级的this指向相同 也就是说，在箭头函数上方打印this 就可以判断this的指向bind applay callbind 参数之间用逗号隔开applay 参数使用数组包含起来。call 参数之间用逗号隔开其区别如下call和apply绑定完this会立即调用当前的函数，而bind绑定完this不会立即调用当前函数，而是将函数返回call和apply通常用作绑定完立即执行的函数原创 2021-12-07 22:59:17 · 587 阅读 · 0 评论 -
对象作为函数参数可能会导致的问题
函数参数是对象发生什么问题：新手很容易跌倒的坑function fn(person) { person.age = 26 // 修改了原对象的值 person = { name: 'Jhon', age: 30 } return person}const person = { name : 'Tom', age: 25}const person2 = fn(person)console.log(person, person2)// out pu原创 2021-12-07 22:57:57 · 347 阅读 · 0 评论 -
微信小程序_指南部分
微信小程序下载安装创建项目Step 1[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-f52qw6Jn-1638801163109)(./img/1.png)]Step2[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RM1NvGdD-1638801163110)(.\img\2.png)]Step3 目录结构[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-6zjNXNPn-1638801163111)原创 2021-12-06 22:49:01 · 1532 阅读 · 0 评论 -
解决安卓模拟器没有网络的问题，刚开的做RN的我遇见这个问题真很头疼，所以希望看到我这篇文章能够解决。
简单来说 模拟没有网络一般是 dns 得问题什么是dns 我这里简单得解释一下， 放在文章最后1. 解决方案首先 在你 安装SDK 得目录下 去找到 tools 文件夹 在目录下输入cmd如下图进入终端后 输入以下命令，查看你创建的安卓手机列表emulator -list-avds我的是这样的如下图所见接下来换成阿里云得dns 就好了# emulator -avd 如上图是我的模拟器手机名称 -dns-server dns服务器emulator -avd Nexus原创 2021-11-24 21:36:25 · 3195 阅读 · 0 评论 -
认识Ract
学习React安装cnpm install -g create-react-app创建第一个reactcreate-react-app react-for-my-app# 等待完成启动cd react-for-my-appnpm start创建我的第一个app回到项目里 删除src 下所有 文件使得src下目录为空在src下创建一个名为index的文件接下来写自己的第一个react文件import React from 'react'import R原创 2021-11-01 21:31:23 · 331 阅读 · 0 评论 -
Vue2 的学习经历 初识
初识<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <title>Vue</title> <script src="lib/vue.js"></script></head><body><script> // 一般直接运行会报两个错误 第一个下载vue 开发者工具原创 2021-10-25 22:14:19 · 78 阅读 · 0 评论 -
简单实现实时输入网页，参考vue底层实现
需要用到的手段dom操作通过id获取标签内容 document.getElementById("填# + id"); // 这样就获取到了 dom元素事件监听接下来就开始进行input的事件监听 给input标签的 input 进行监听 document.getElementById("input标签的id").addEventListener("这里是一input事件", 这里是一个函数);从input标签拿到值接下来获取到input的值 //首先选中do原创 2021-10-09 23:06:29 · 139 阅读 · 0 评论 -
正则基础学习1 这俩天补上正则全部内容，让你简单的学会正则，欢迎收藏当文档
密码验证：var reg = /^(?=\D+\d)(?=.*[A-Z])[a-zA-Z0-9]{8-16}$/;正则表达式修饰符g i mg // 全局匹配i // 不区分大小写m // 多行匹配 \n 产生的换行reg 返回正则表达式基础var reg = /a/gconsole.log(new reg.constructor());console.log(reg.compile());exec(“str”) 在字符串中找到对应正则的内容 index为下标开始的位.原创 2021-10-09 12:11:21 · 98 阅读 · 0 评论 -
Promise详解，相信你看完我这篇文章简单的Promise使用方式基本上就全会了
Promise 对象认识Promise对象语法new Promise((resolve, reject)=>{ resolve();// reject();}).then(()=>{ console.log("resolve!");}).catch(()=>{ console.log("reject!");})Promise 对象执行了 resolve 就不执行reject也就是说，执行了 .then 就不执行 .catchresolve/原创 2021-09-26 20:13:33 · 172 阅读 · 0 评论 -
node多版本安装 nvm npx npm nvm切换node版本 nrm 查看 源
安装多版本 可切换 node安装node先安装 nvm 去官网下载或者我点击下方链接下载。安装好了 使用 nvm version 查看版本号C:\Users\Administrator>nvm version1.1.7安装 多版本 可切换的 node先查看 有没有安装node 如果没有，可以下载，有的话需要自己卸载//查看有没有安装node命令node -v// 或者 nvm ls // nvm list// 卸载命令 node uninstall +版本号原创 2021-09-23 19:37:43 · 2228 阅读 · 0 评论 -
JavaScript ES 5 语法 重构 new
JavaScript 重写 new// 创建类function Box(){}Box.prototype.a = 10;Box.prototype.run = function(){};// 重构 new function news = (className){ var o = {}; o.__proto__ = className.prototype; return o;}// 实例化对象let c = news (Box)// 打印 实例化对象c 和 new 一个Bo原创 2021-09-15 11:24:09 · 159 阅读 · 0 评论 -
今天刚学了jQuery ，今天利用jQuery的语法一行来写出选项卡
选项卡的原理很简单，鼠标移上去就让其显示一下的卡片信息废话不多少，直接上代码<!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, in原创 2021-08-31 23:27:28 · 83 阅读 · 0 评论 -
jQuery 的常用选择器，筛选器
jQueryjQuery 的简介插件 ：一个功能高度分装类库 ：工具库，提供操作工具，不提供具体功能 jQuery 是一个工具集合框架 ： 项目每一个组件都会提供出来。我们只需要引入框架语法，即可实现功能DOM 操作多 jQuery数据渲染不多 jQuery数据渲染不多 View React优点：无所不能的选择器无所不在的链式编程无人能及的隐式资迭代引入jq原创 2021-08-31 23:21:25 · 555 阅读 · 0 评论 -
dom常用操作全后续会补充
DOM 操作获取dom元素两类标签，非常规标签，常规标签1. 非常规标签{ html => doucument.documentElement head => doucument.head body => doucument.body}2. 常规标签{ 不是不能获取，而是一般不用 1. document.getElementById(); 查找范围.getElementById("原创 2021-08-10 23:19:33 · 203 阅读 · 0 评论 -
BOM 浏览器窗口尺寸 浏览器的弹出层 浏览器的地址栏 浏览器的历史记录 浏览器的版本信息 浏览器的常见事件 浏览器卷去的高度和宽度
浏览器窗口尺寸+ 指的是浏览器可视窗口的尺寸+ 浏览器可能会出现滚动条 => 在一般浏览器中，滚动条算浏览器的一部分 => 在MAC中的safari浏览器上，是不算的 滚动条是隐形的+ 两个属性 1. innerWidth 2. innerHeight+ 共同点， 包含滚动条的尺寸浏览器的弹出层+ 在BOM里面，给我们提供了三个弹出层+ 可以在浏览器弹出一些信息 1. alert() 警告框 -> 只弹出一段提示文本原创 2021-08-05 00:04:54 · 165 阅读 · 0 评论 -
JavaScript的数组常用方法
数组常用方法1. push=> 语法 arr.push(数据1, 数据2, 数据3, ...)=> 作用 把所有的参数按照顺序追加到数组的末尾=> 返回值，追加以后数组的长度=> 直接操作原始数组2. pop=> 语法 数组.pop()=> 作用 删除数组的最后一个数据=> 返回值 被删除的数据=> 直接操作原始数组3. unshift()=> 语法 数组.unshift(数据1, 数据2, 数据3, ...)=> 作原创 2021-08-02 23:10:11 · 165 阅读 · 2 评论 -
JavaScript 高级程序设计第四章解读，总结。
第四章 变量，作用域与内存通过变量使用原始值- 1. 原始值与引用值 + 原始值： 最简单的数据 + 引用值： 多个值构成的对象- 2. 原始值有哪些 + Undefined Null Boolean Number String Symbol + 访问时 直接访问存储在变量中的实际值 + 由于JavaScript不允许直接访问内存，所以不能直接操作对象所在的内存空间。在操作对象时，实际上操作的式对改对象的引用，而非对象本身。- 3. 动态属性 + 只有原创 2021-07-31 23:09:18 · 156 阅读 · 0 评论 -
前端 CSS day03-核心属性
核心属性： css文本属性 1、font-size 9pt = 12px; 1em=16px 0.75em=12px=9pt 2、font-family 浏览器默认为宋体，但是在谷歌浏览器里面默认字体是微软雅黑 3、font-weight bolder(更粗的)bold(加粗)normal(常规)lighter（细体）/1原创 2021-07-30 23:08:24 · 125 阅读 · 0 评论 -
JavaScript入门第一天，js教程，js变量， 数据类型，数据转换，隐式转换
今天在整理笔记，这是我重新整理的JavaScript的笔记。我觉得学什么东西，就应该认真去学，努力去学！java学习笔记一、js有三种方式来使用 1. 首先第一种：写在标签里面 2. 其次第二种：写在页面script标签里面 3. 最后第三种：写在单独的一个***.js文件里演示： 标签里的js： + 需要事件去驱动; + <a href="javascript:alert('hello world')">点击</a&am原创 2021-07-30 23:06:10 · 123 阅读 · 0 评论 -
前端学习之JavaScript第二天学习
## 顺序结构：### 从上到下，从左到右## 分支结构：### 提前定义好多种功能，在符合逻辑的条件下执行响应式的代码** if 结构 **1. if(表达式)2. 计算结果是Boolean 则直接判断3. 非Boolean 会强行转化为Boolean4. 条件执行的代码块，表达式结构 或者表达式的转换结果为true，则执行代码块里面的内容** switch 结构 **1. 我们在switch 语句中的大括号之中可以定义n个case数据2. case 数据就是用来和swi原创 2021-07-29 22:37:37 · 88 阅读 · 0 评论 -
前端学习之day02-CSS基础
上午笔记Day02 css属性组成和作用：预习1、css属性和属性值的定义2、css文本属性 font-size 9pt = 12px; 1em=16px 0.75em=12px=9pt font-weight bolder(更粗的)bold(加粗)normal(常规)/100-900 9个等级 font-style italic原创 2021-07-29 22:33:49 · 152 阅读 · 0 评论 -
学习响应式BootStrap来写融职教育网站，Bootsrtap第十四天，PK模块的开发
<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <title>融职教育</title> <!-- 移动设备优先--> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">原创 2021-07-29 22:09:25 · 245 阅读 · 0 评论 -
学习响应式BootStrap来写融职教育网站，Bootsrtap第十三天讲师列表栏目
<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <title>融职教育</title> <!-- 移动设备优先--> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">原创 2021-07-29 22:07:46 · 275 阅读 · 0 评论 -
学习响应式BootStrap来写融职教育网站，Bootsrtap第十二天侧边卡片和列表组
<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <title>融职教育</title> <!-- 移动设备优先--> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">原创 2021-07-29 22:06:38 · 156 阅读 · 0 评论 -
学习响应式BootStrap来写融职教育网站，Bootsrtap第十一天Dplayer播放器
<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <title>融职教育</title> <!-- 移动设备优先--> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">原创 2021-07-29 09:56:10 · 167 阅读 · 0 评论 -
学习响应式BootStrap来写融职教育网站，Bootsrtap第九天手粉琴swiper特效
<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <title>融职教育</title> <!-- 移动设备优先--> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">原创 2021-07-28 17:39:47 · 195 阅读 · 0 评论 -
学习响应式BootStrap来写融职教育网站，Bootsrtap第十天你的收获
<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <title>融职教育</title> <!-- 移动设备优先--> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">原创 2021-07-28 17:40:41 · 166 阅读 · 0 评论 -
学习响应式BootStrap来写融职教育网站，Bootsrtap第八天轮播图js特效
<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <title>融职教育</title> <!-- 移动设备优先--> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">原创 2021-07-28 17:38:05 · 178 阅读 · 0 评论 -
学习响应式BootStrap来写融职教育网站，Bootsrtap第七天PC端轮播图
<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <title>融职教育</title> <!-- 移动设备优先--> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">原创 2021-07-28 17:36:41 · 165 阅读 · 0 评论 -
学习响应式BootStrap来写融职教育网站，Bootsrtap第六天移动端轮播图
<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <title>融职教育</title> <!-- 移动设备优先--> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">原创 2021-07-28 17:35:38 · 131 阅读 · 0 评论 -
学习响应式BootStrap来写融职教育网站，Bootsrtap第五天页脚
学习响应式BootStrap来写融职教育网站，Bootsrtap第五天页脚<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <title>融职教育</title> <!-- 移动设备优先--> <meta name="viewport" content="width=device-width, in原创 2021-07-28 17:34:12 · 239 阅读 · 0 评论