一生注定学霸命
码龄7年
关注
提问 私信
  • 博客:153,004
    社区:50
    153,054
    总访问量
  • 142
    原创
  • 2,089,733
    排名
  • 6,330
    粉丝
  • 41
    铁粉
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:重庆市
  • 加入CSDN时间: 2017-09-17
博客简介:

前端知识库

查看详细资料
个人成就
  • 获得101次点赞
  • 内容获得54次评论
  • 获得564次收藏
  • 代码片获得225次分享
创作历程
  • 5篇
    2022年
  • 137篇
    2021年
成就勋章
TA的专栏
  • 前端框架
    27篇
  • 项目实践
    12篇
  • 你所不知道的小知识
    25篇
  • Java
    1篇
  • AJAX
    10篇
  • JavaScript
    22篇
  • 微信小程序
    1篇
  • HTTP
    4篇
  • 数据库
  • jQuery
    1篇
  • Vue
  • Node.js
    1篇
  • JS编程接口
    9篇
  • React项目实践
    3篇
  • TypeScript
    1篇
  • HTML与CSS基础
    12篇
  • 入门教程+GitHub
    3篇
  • MVC
    5篇
  • 算法与数据结构
    4篇
创作活动更多

HarmonyOS开发者社区有奖征文来啦!

用文字记录下您与HarmonyOS的故事。参与活动,还有机会赢奖,快来加入我们吧!

0人参与 去创作
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

【资源平台】小程序生成二维码(实践有效)

小程序前端生成二维码
原创
发布博客 2022.07.08 ·
649 阅读 ·
0 点赞 ·
1 评论 ·
0 收藏

Java集成开发工具:eclipse、IDEA

eclipse1.安装我的eclipse是一个解压版的。直接解压就能用。使用当前的这个eclipse的时候,需要计算机上已经安装了JDK,并且bin目录已经配置到path当中。解压之后:eclipse.exe 是启动eclipse开发工具的。2.eclipse工具的使用第一次打开eclipse的时候,会让你选择工作区,工作区就是java代码存放的位置。默认位置:C:\Users\Administrator\eclipse-workspace你可以修改成其他位置,没问题。我这里改一
原创
发布博客 2022.05.20 ·
585 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

正则表达式全解(必会)

1.字符组匹配字符组中的任意一个字符/[Pp]ython/g匹配:Python、python注意:字符组只匹配一个,不是同时匹配Pp这两连接的字符, Ppython,只能匹配到后面部分python字符组中的-表示区间范围/[0-9]/g匹配所有数字[A-Za-z]匹配所有字母匹配特殊字符:转义字符 \// 匹配所有字母和 横[A-Za-z\-]匹配所有字母取反:^// 匹配所有 非数字:/[^0-9]/g// 匹配所有 非小写字母:/[^a-z]/g/
原创
发布博客 2022.04.28 ·
370 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

小程序登录流程

登录流程三个角色:小程序端微信自己的服务器公司的服务器appId 作用说明appid 是微信账号的唯一标识,这个是固定不变的;如果了解微信公众号开发的就需要注意一下,小程序的appid 和 公众号的appid 是不一致的openidopenid:每一个微信用户的唯一标识openid一般不保存在客户端,一般保存在服务器端。我们自己的服务器会和微信的服务器进行通信。到时候微信的服务器就会返回一个session_key和openid,到时候我们的服务器会把这个openid存到数据库
原创
发布博客 2022.04.14 ·
1764 阅读 ·
1 点赞 ·
0 评论 ·
7 收藏

装机配置清单

1.显卡品牌:NVIDIA、AMD1.1 NVIDIANVIDA公版显卡主要由NVIDIA独立创造NVIDA非公版显卡NVIDA挑选一群合作伙伴,提供核心技术,让其创造的显卡七彩虹厂家(举例)1.从丐版–>旗舰版:体型增大,散热增强,出场加速频率增高,显卡供电用料更强2.实用性:由于其核心都是3070,因此丐版性价比更高,同样性能下 旗舰版比丐版强5%3.例如:使用3070火神玩游戏,帧数是200,使用3070战俘,帧数是190左右1.2 AMD基本同上1.3
原创
发布博客 2022.01.24 ·
3791 阅读 ·
3 点赞 ·
0 评论 ·
8 收藏

图片url转base64,base64转file

toBase64(imgUrl) { // 一定要设置为let,不然图片不显示 const image = new Image(); // 解决跨域问题 image.setAttribute('crossOrigin', 'anonymous'); const imageUrl = imgUrl; image.src = imageUrl // image.onload为异步加载 image.onload...
原创
发布博客 2021.09.23 ·
354 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

VUE多选按钮变色

selected: [],//选中的服务项目名称 <div class="filter-nav" v-for="(item,index) in navTabr" :key="index" :class="{'active':selected.indexOf(item)!=-1}" @click="active(index,item)"> <div class="bg-box"> <span>{{.
原创
发布博客 2021.09.16 ·
800 阅读 ·
1 点赞 ·
0 评论 ·
3 收藏

时间戳转换

format(shijianchuo) { var time = new Date(shijianchuo * 1000); var y = time.getFullYear(); var m = time.getMonth() + 1; var d = time.getDate(); var h = time.getHours(); var mm = time.getMinutes(); var s = ti
原创
发布博客 2021.09.11 ·
123 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

【Vue】作用域插槽

父组件调用子组件1.在使用子组件的时候在里面插入任何内容,该内容会在子组件的 <slot> 处显示2.如果父组件没有在子组件中传入内容,且插槽有默认内容,则显示默认内容父组件<template> <div> <Children>Test</Children> </div></template>子组件<template> <h1> <slot>.
原创
发布博客 2021.08.21 ·
204 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

【项目】创建分支以及合并分支

要创建新功能最好新建一个分支,等开发完成后再合并到主分支上这样会更加干净创建分支在该分之内进行代码编写,正常 commit 不要push即可//创建分支git checkout -b login//查看所有分支git branch合并分支内容功能完成后合并分支,然后push到云端//切换到主分支git checkout master//主动合并分支内容git merge login//推送master到云端git push...
原创
发布博客 2021.08.19 ·
284 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

Eslint 语法警告问题

Eslint 语法警告问题在项目根目录中创建一个格式化文件时候的配置文件按快捷键格式化后按照此规则格式// .prettierrc 文件{ "semi": false, //格式化不自动加分号 "singleQuote": true //启动单引号}修改 eslint 校验规则1.复制语法警告的题目2.在 .eslintrc.js 中的 rules 里面复制,让其为 key,其value设置为 off 即可3.重新运行编译'space-before-blocks':'
原创
发布博客 2021.08.19 ·
303 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

【项目】密豆

移动端单位换算使用rem单位适配所有机型,计算公式:100px = 1rem创建 rem.js 文件,在html中引入即可var deviceWidth = document.documentElement.clientWidth;if(deviceWidth > 750) deviceWidth = 750;document.documentElement.style.fontSize = deviceWidth / 7.5 + 'px';PC端pc端页面适配使用 vwre
原创
发布博客 2021.08.17 ·
94 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

jQuery基础

jQuery1.版本选择看大公司选择什么查看网页源代码,搜索jquery基本使用:1.x1.x的特点1.优点:兼容IE6782.缺点:文件较大2.jQuery的使用步骤1.下载jQuery库——jQuery官网–download–1.x minified–复制链接–右键–另存为–项目文件中2.引入下载的jQuery库——在HTML文件head标签中引入js文件:<script src="../js/jquery-1.12.4.min.js"></script
原创
发布博客 2021.08.16 ·
212 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

【打包工具】parcel 和 webpack

原生js项目——parcel//生成项目配置文件npm init -y//安装打包工具npm install --save-dev parcel-bundler//运行项目npx parcel src/index.html//打包发布npx parcel build src/index.html --no-minify --public-url ./webpack//生成配置文件npm init -y//安装yarn add webpack@5 webpack-cli@4 --d
原创
发布博客 2021.08.14 ·
313 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

axios请求数据

发送请求接口路径和method类型看接口文档this.$axios.postForm('/goods/goodsDelete', { id:id }) .then(res=>{ if(res.code==this._global.SUCCESS_CODE){ //需要判断请求接口返回参数上是否成功,这个code是后端设置 }else{ this.$mess
原创
发布博客 2021.07.27 ·
303 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

【已解决】当出现导入插件出现 “Could not find a declaration file for module ‘插件名‘“

当插件已经下载却还是说找不到解决方案一(实验可行):在 shims-vue.d.ts 文件中加入代码 declare module 'vue-progressbar'方案二(实验未成功):npm i --save-dev @types/vue-progressbar'
原创
发布博客 2021.07.26 ·
6271 阅读 ·
0 点赞 ·
2 评论 ·
1 收藏

常用的CSSreset

* { margin: 0; padding: 0; box-sizing: border-box;}ul,ol { list-style: none;}a { text-decoration: none; color: inherit; &:hover { border-bottom: 1px solid; }}
原创
发布博客 2021.07.25 ·
265 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

函数柯里化

柯里化柯里化,是函数式编程的一个重要概念。它既能减少代码冗余,也能增加可读性1.举例一个累加函数sum 是个简单的累加函数,接受3个参数,输出累加的结果。function sum (a, b, c) { console.log(a + b + c);}sum(1, 2, 3); // 6假设sum的前2个参数保持不变,最后一个参数可以随意。那么就会想到,在函数内,是否可以把前2个参数的相加过程,给抽离出来,因为参数都是相同的,没必要每次都做运算——调用的写法可以是这样
原创
发布博客 2021.07.13 ·
134 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

async 和 await(详解)

一、async 和 awaitpromise 使用 .then 链式调用,但也是基于回调函数async/await 更加优雅的异步编程的写法1.它是消灭异步回调的终极武器2.它是同步语法,也就是用同步的写法写异步的代码案例1:promise异步加载图片分别使用 .then 和 await 来获取结果区别1.await 完全没有回调函数2.await 是同步写法,异步操作3.await 后面不仅仅可以接 promise对象,还可以接 async 函数//里面函数为AJAX,因此是
原创
发布博客 2021.07.04 ·
26460 阅读 ·
51 点赞 ·
3 评论 ·
375 收藏

async 和 await的用法(记忆版)

一、复习Promise1.初步function 摇骰子(){ return new Promise(()=>{ setTimeout(()=>{ let n = parseInt(Math.random()*6+1,10) // return n 是得不到n的,因为外面还有个return },3000) })}摇骰子() //得到一个promise对象定义一个函数,返回一个promise对象1.就是我给你一个承诺,3s之后会扔骰子
原创
发布博客 2021.07.04 ·
612 阅读 ·
1 点赞 ·
0 评论 ·
4 收藏
加载更多