小山羊~
码龄12年
求更新 关注
提问 私信
  • 博客：140,754
    140,754
    总访问量
  • 103
    原创
  • 13
    粉丝
  • 16
    关注
IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）
IP 属地：北京市
加入CSDN时间： 2014-10-08

个人简介：命运多舛，痴迷淡然

博客简介：

qq_21747731的专栏

查看详细资料
个人成就
  • 获得50次点赞
  • 内容获得8次评论
  • 获得230次收藏
  • 代码片获得179次分享
  • 博客总排名2,474,223名
创作历程
  • 1篇
    2022年
  • 13篇
    2021年
  • 33篇
    2020年
  • 41篇
    2019年
  • 19篇
    2018年
成就勋章
TA的专栏
  • webpack
    1篇
  • git
    1篇
  • ES6
    7篇
  • 小程序
    10篇
  • vue
    35篇
  • jQuery
    11篇
  • react
    4篇
  • js
    15篇
  • 基础必备
    17篇
  • css
    4篇

TA关注的专栏 1

TA关注的收藏夹 0

TA关注的社区 1

TA参与的活动 0

兴趣领域 设置
  • 前端
    javascriptcssvue.jsreact.jses6webpack前端框架
  • 移动开发
    flutter
  • 网络与通信
    https
  • 学习和成长
    面试
创作活动更多

【多重好礼】鸿蒙心迹 · 开发录原创征稿活动

鸿蒙开发者的实战经验，值得被记录。从踩坑排查到项目复盘，从工具脚本到学习笔记，每一段真实的开发经历，都是社区最宝贵的技术资产。「鸿蒙心迹 · 开发录」正式启航，不限主题、随时可写，只要是鸿蒙开发相关的真实经验都欢迎投稿。 本活动为 [HarmonyOS 7.0 创新内容共创季](https://builderx.csdn.net/activity-site/harmonyos/activity2026)双轨征文之一，与[「共创季 · 稿事节」](https://harmonyosdev.csdn.net/6a97f0de2b83d06f0ecadec5.html)深度征文互补——「稿事节」写深度技术长文，「开发录」写日常开发实战笔记。 「开发录」每月一期，12月截止，本季共三期，投稿即有机会获得京东卡、CSDN博客流量券、亿万Token、社区定制周边好礼！

48人参与 去参加
  • 最近
  • 文章
  • 专栏
  • 代码仓
  • 资源
  • 收藏
  • 关注/订阅/互动
更多

  • 最近

  • 文章

  • 专栏

  • 代码仓

  • 资源

  • 收藏

  • 关注/订阅/互动

  • 社区

  • 帖子

  • 问答

  • 课程

  • 视频

搜索 取消

typescript知识点

1.typescript开发环境搭建（1）安装node的运行环境 node+npm（2）全局安装typescriptnpm install typescript -g（3）建立项目目录和编译ts文件建立文件夹，demo1.tsfunction pang(){ let web: string='Hello World' console.log(web)}pang()因为 Node 不能直接运行TypeScript文件，需要用tsc demo1.ts转换，转换完成后t
原创
博文更新于 2022.01.06 ·
656 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

webpack总结

什么是WebPack？打包：可以把多个Javascript文件打包成一个文件，减少服务器压力和下载带宽。 转换：把拓展语言转换成为普通的JavaScript，让浏览器顺利运行。 优化：前端变的越来越复杂后，性能也会遇到问题，而WebPack也开始肩负起了优化和提升性能的责任。...
原创
博文更新于 2021.12.31 ·
437 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

promise

在JavaScript的世界中，所有代码都是单线程执行的。单线程-----导致JavaScript的所有网络操作，浏览器事件，都必须是异步执行（异步执行可以用回调函数实现）异步操作会在将来的某个时间点触发一个函数调用1.什么是promise ES6 异步编程的一种解决方案，比传统的方案（回调函数和事件）更加的合理和强大 好处 异步操作以同步操作的流程表达出来，避免了层层嵌套的回调函数 promise可以解决异步的问题，本身不能说promise是异步的 functi
转载
博文更新于 2021.12.31 ·
187 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

for of （for of 无法循环遍历对象）vs for in循环

定义for...of语句创建一个循环来迭代可迭代的对象。在 ES6 中引入的for...of循环，以替代for...in和forEach()，并支持新的迭代协议。for...of允许你遍历 Arrays（数组）, Strings（字符串）, Maps（映射）, Sets（集合）等可迭代的数据结构等语法for (variable of iterable) { s...
原创
博文更新于 2021.12.31 ·
465 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

数组去重的几种方法

1. splicevar arr = [1,2,5,7,2,2,4,5]for(var i=0;i<arr.length;i++){ for(var j=i+1;j<arr.length;j++){ if(arr[i] == arr[j]){ arr.splice(j,1) j-- } ...
原创
博文更新于 2021.12.31 ·
419 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

forEach与map的区别（有无返回值）

共同点（1）只能遍历数组（2）都是循环遍历数组中的每一项（3）每一次执行匿名函数都支持三个参数，数组中的当前项item，当前项的索引index，原始数组input（4）匿名函数中的this都是指window1.forEach没有返回值arr[].forEach(function(value,index,array){ xxxxx})· 数组中有几项，那么...
转载
博文更新于 2021.12.30 ·
7151 阅读 ·
15 点赞 ·
0 评论 ·
96 收藏

解构赋值及用途 + 三点运算符

解构赋值1. 从对象或数组中提取数据, 并赋值给变量(多个)2. 对象的解构赋值 let {n, a} = {n:'tom', a:12} let obj = { nam...
原创
博文更新于 2021.12.30 ·
554 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

ES6其它

JSON标准的JSON数组格式：（跟普通的JSON对比是在最后多了一个length属性）let json = { '0': 'jspang', '1': '技术胖', '2': '大胖逼逼叨', length:3}只要是这种特殊的json格式都可以轻松使用ES6的语法转变成数组Array.from(xxx)let json = { '0': 'jspang', '1': '技术胖', '2': '大胖逼逼叨', length:3}.
原创
博文更新于 2021.12.30 ·
332 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

let、var与const的区别

（1) let与const都是只在声明所在的块级作用域内有效 (2)不存在变量提升(var存在)（3) 暂时性死区(在代码块内，使用let和const命令声明变量之前，该变量都是不可用的)（4) const不允许重复声明（const不允许在相同作用域内，重复声明同一个变量） const声明一个只读的常量。一旦声明，常量的值就不能改变（5）const一旦声明变量，就必须立...
原创
博文更新于 2021.12.30 ·
180 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

向数组的末尾添加一个或更多元素

（1）push() 向数组的末尾添加一个或更多元素，并返回新的长度。 var arr = [1,2,3]; arr.push(4); console.log(arr); 输出：(4)[1, 2, 3, 4] 0:1 1:2 2:3 3:4 length:4 （2）E...
原创
博文更新于 2021.12.30 ·
15236 阅读 ·
3 点赞 ·
0 评论 ·
6 收藏

理清方法findIndex()，find(), 与filter()等

（1）findIndex()方法返回传入一个测试条件（函数）符合条件的数组第一个元素位置获取数组中年龄大于等于 18 的第一个元素索引位置var ages = [3, 10, 18, 20]; function checkAdult(age) { return age >= 18;} function myFunction() { document.getElementById("demo").innerHTML = ages.findIndex(checkAdul
原创
博文更新于 2021.12.30 ·
353 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue移动端

一、
原创
博文更新于 2021.12.29 ·
242 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

computed，watch理解

二次封装的优势及意义（1）有利于紧密贴合业务，提高开发效率（2）封装的组件越来越多，业务能得到实际的解决（3）提高开发者组件设计能力
原创
博文更新于 2021.12.29 ·
456 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue+ElementUI后台管理系统

一、登录/退出功能若前端与后台存在跨域问题，则使用token否则，使用cookie/session方式
原创
博文更新于 2021.12.28 ·
1168 阅读 ·
0 点赞 ·
0 评论 ·
5 收藏

Mac npm install -g vue-cli 报错 及 vue + Element-UI创建工程

报错j解决方法：添加文件夹权限，即在终端执行
原创
博文更新于 2021.12.27 ·
1469 阅读 ·
1 点赞 ·
1 评论 ·
1 收藏

上传图片vue element

<el-upload class="avatar-uploader pl30" action="123" :show-file-list="false" :on-change="onchange"> <img v-if="imageUrl" :src="imageUrl" class="avatar imgs"> ...
原创
博文更新于 2021.07.26 ·
203 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

this.$nextTick()

1.定义（什么是this.$nextTick()）在下次DOM更新循环结束之后执行回调函数，在修改数据之后立即使用这个方法，获取更新后的DOM即：是将回调函数延迟在下一次DOM更新数据后调用，简单理解：当数据更新了，在DOM中渲染后，自动执行该函数2.什么时候用（1）vue生命周期的created（）钩子函数进行的DOM操作一定要放在this.$nextTick()回调函数中，原因...
原创
博文更新于 2021.07.23 ·
463 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

vue ElementUI重置dialog + 表单相关

(1)template中（引入组件的dialog 或 直接dialog均可） <!-- 运费 --> <div class="feeDialog"> <el-dialog v-if="reFreshShowModeratorFee" width="1200px" :visible.sync="showModeratorFee"> <div class="fee_dialog">
原创
博文更新于 2021.07.22 ·
1141 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vscode配置

{//vscode默认启用了根据文件类型自动设置tabsize的选项"editor.detectIndentation":false,//重新设定tabsize"editor.tabSize":2,//#每次保存的时候自动格式化"editor.formatOnSave":false,//#每次保存的时候将代码按eslint格式进行修复"...
原创
博文更新于 2021.07.22 ·
544 阅读 ·
1 点赞 ·
0 评论 ·
2 收藏

vue dialog及detail封装

1.父组件 <!-- 弹窗, 新增 / 修改 --> <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> // 引入 import mixinViewModule from '@/mixins/view-module' import AddOrUpdate from './ad
原创
博文更新于 2021.07.19 ·
957 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏
加载更多