初郁
码龄6年
关注
提问 私信
  • 博客：62,243
    62,243
    总访问量
  • 87
    原创
  • 2,070,842
    排名
  • 37
    粉丝
  • 0
    铁粉

个人简介：愿你前程灿烂，愿你得偿所愿

IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）
IP 属地：宁夏
  • 加入CSDN时间： 2018-10-29
博客简介：

初郁

查看详细资料
个人成就
  • 获得105次点赞
  • 内容获得30次评论
  • 获得143次收藏
创作历程
  • 48篇
    2021年
  • 34篇
    2020年
  • 6篇
    2019年
成就勋章
TA的专栏
  • vue
    10篇
  • 规范
    2篇
  • 面试练习
    16篇
  • 重学前端
    10篇
  • js高级
    10篇
  • es6
    3篇
  • java
    5篇
  • react
    14篇
  • promise
    3篇
  • 数据结构
    4篇
  • 个人总结
    17篇
  • node.js
    3篇
兴趣领域 设置
  • 前端
    javascriptcssvue.jsreact.jses6webpackxhtml前端框架
  • 后端
    node.js
  • 移动开发
    flutter
  • 网络与通信
    https
  • 微软技术
    typescript
  • 学习和成长
    面试
创作活动更多

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

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

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

vue3 reactive，ref， toRefs

ref() 函数用来根据给定的值创建一个响应式的数据对象，传入的为基本数据类型，例如字符串、数字、boolean 等,返回值是一个对象，这个对象上只包含一个 value 属性, 只在setup函数内部访问ref函数需要加.valueimport { ref } from 'vue'export function message() { const list = ref<any[]>([]) const loading = ref(false) const noMore = ref
原创
发布博客 2021.11.17 ·
944 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

TypeScript

TypeScript 类型声明ts支持与js几乎相同的数据类型，ts的类型声明是其非常重要的一个特点，通过类型声明可以指定ts类型变量的类型，当指定类型后，为变量进行赋值时ts编译器的自动判断机制会自动检测值是否符合类型声明，否则报错。语法let 变量: 类型;let 变量: 类型 | 类型 | 类型; //多个联合类型let 变量: 类型 = 值;function fn(参数: 类型, 参数: 类型): 类型{}数组1.ts有两种方法可以定义数组1. 可以在元素类型后面接上 []
原创
发布博客 2021.11.11 ·
672 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue 输入框失焦时做本地存储

<van-field v-model="phone" name="phone" type="digit" maxlength="13" input-align="right" placeholder="请输入11位数字" label="手机号" @blur="setLocalStorage" />created () { let data = window.localStorage.getItem('financialData') if (data) {
原创
发布博客 2021.11.10 ·
1141 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue filters 处理 -将1234转换为ABCD

<div v-for='(item, i) in data' :key="i">{{item.answerId | transNumber}}</div> filters: { transNumber (i) { const dist = { 1: 'A', 2: 'B', 3: 'C', 4: 'D', 5: 'E' } return dist[i]
原创
发布博客 2021.11.10 ·
1535 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

常用正则整理

中文: [\u4e00-\u9fa5]英文: [a-zA-Z]数字: [0-9]手机号：^((13[0-9])|(14[0-9])|(15[0-9])|(17[0-9])|(18[0-9]))\d{8}$身份证：(^\d{15}KaTeX parse error: Undefined control sequence: \d at position 5: )|(^\̲d̲{17}([0-9]|X|x))匹配URL：[a-zA-z]+://[^s]*Email地址1[\w.-][a-zA-Z0
原创
发布博客 2021.11.10 ·
138 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue input输入时清空默认value=0，取消焦点时恢复0

场景：input框中默认存在value=0，输入时将0清空，当value=’ '时，恢复value=0<van-field v-model="arr[0].value" name="stockInvest" type="digit"maxlength="13" :formatter="zeroFormatter"input-align="right"label-width="50%"@blur="onBlur(0)" /> methods: { zeroForma
原创
发布博客 2021.11.09 ·
3555 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

css单位 px em rem vw vh

pxpx（像素） 相对长度单位 相对于显示屏幕的分辨率而言emem 相对长度单位 相对于父元素的font-size，如果父元素字体尺寸未设置，则相对于浏览器默认字体尺寸em的值不固定，em会继承父元素字体大小remrem 相对长度单位 相对于html根元素的font-size计算长度单位，如果没有设置，就会以浏览器默认的字体大小，一般是16px优点是只需要设置根目录大小即可把整个页面成比例的调整，vw vhvw 相对视口的宽度 长度约等于视口宽度的1/100vh 相对视口的高度 长度约等
原创
发布博客 2021.10.13 ·
257 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

git commit的提交规范

格式每次提交，Commit message 包括三个部分：Header（标题），Body（内容详情） 和 Footer（结尾）。其中 Header是必须的，Body 和 Footer可以省略。<type>(<scope>): <subject>// 空一行<body>// 空一行<footer> Header部分只有一行，包括两个字段：type（必需）和subject（必需）。type用于说明commit的类别，只允许有以
原创
发布博客 2021.06.16 ·
1430 阅读 ·
0 点赞 ·
0 评论 ·
5 收藏

vue项目总结-stylus封装主题色

下载styluscnpm install stylus stylus-loader --save在css目录下新建一个bgColor.styl的文件$bgColor = red$textColor = #fff在vue文件中写上<style scoped lang='stylus'>@import '../../../assets/css/bgColor.styl'.header{ background:$bgColor; color:$textColor;}..
原创
发布博客 2021.05.16 ·
233 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

js数组去重

var arr=[1,2,3,4,5,6,2,3,7,8];var b=fn(arr);console.log(b);单层for循环去重 +（sort+splice）function fn(arr) { arr.sort(); for (var i=0;i<arr.length;i++){ if (arr[i]===arr[i+1]){ arr.splice(i,1); i--; } }r
原创
发布博客 2021.05.04 ·
144 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

常用的vue属性，方法，指令(787记忆法)

Vue的7种属性el绑定id，用来指示vue编译器从什么地方开始解析 vue的语法，可以说是一个占位符data用来组织从view中抽象出来的属性，可以说将视图的数据抽象出来存放在data中methods放置页面中的业务逻辑，js方法一般都放置在methods中computed定义计算属性的方法template用来设置模板，会替换页面元素，包括占位符watchwatch:function(new,old){ … }监听data中数据的变化，两个参数，一个返回新值，一个返回旧值ren
原创
发布博客 2021.05.01 ·
489 阅读 ·
0 点赞 ·
0 评论 ·
5 收藏

对vue的理解

vue 是一套用于构建用户界面的 自底向上增量开发的 渐进式的 基于MVVM的 框架。核心是关注视图层，解决数据绑定的问题。核心思想数据驱动：视图内容根据数据的改变而改变组件化：增加代码复用性，可维护性，可测试性，提高开发效率，方便重复使用，体现了高内聚，低耦合。个人理解由于vue是基于MVVM思想的双向绑定，让我们可以减少对dom元素的频繁操作，直接在数据层和视图层建立一种联系，方便使用。并且它通过组件化的方式，增加了代码的可复用性，可维护性，提高了开发效率。...
原创
发布博客 2021.05.01 ·
1663 阅读 ·
2 点赞 ·
0 评论 ·
4 收藏

MVVM思想

MVVM的设计理念是前端工程化的体现，使用数据绑定的架构，主要目的是分离视图和模型，让数据和页面建立联系。可以根据数据的变动，生成或者显示界面，也可以根据界面的操作，去更改数据。尽可能的用数据去驱动，使其从繁琐的DOM操作中解脱出来，将数据的变化直接去体现给用户，而不是先给DOM，再由DOM去操作显示。让后台从视图层脱离出来，专注于去操作逻辑和数据。优点低耦合：视图层独立于数据层的变化和修改，互不干扰。可复用：将一些视图逻辑放到vm里，让许多的view重复使用。独立开发：开发人员可专注于.
原创
发布博客 2021.05.01 ·
999 阅读 ·
3 点赞 ·
1 评论 ·
3 收藏

flex布局常用属性

原文：https://blog.csdn.net/u012620506/article/details/52369653Flex布局父容器属性flex-direction / flex-wrap/flex-flow/justify-content /align-items/align-content1》水平（主轴上）对齐方式：justify-content：flex-start | flex-end | center | space-between | space-around...
转载
发布博客 2021.04.05 ·
1878 阅读 ·
4 点赞 ·
0 评论 ·
14 收藏

daocloud 一面-二面

一面知道哪几种布局方式flex布局有哪些属性react里的父子组件传值项目的合作模式项目中代码冲突git怎么解决说说简历里项目的功能怎样学前端的二面清除浮动的方式定位的属性值有哪些怎样脱离文档流说一下闭包es6的属性有哪些let，var，const的区别一般用哪些数据结构数组和链表的区别冒泡排序和快速排序是什么数据结构里的mapvue和react有什么区别对vue的理解vue的组件有哪些说一下vue中的watchv-show和v-if的区别-------
原创
发布博客 2021.04.05 ·
526 阅读 ·
1 点赞 ·
2 评论 ·
1 收藏

罗辑思维--得到App--一面

html相关h5的新增标签属性h5新增了一些语义化的标签，像header，footer，nav，aside，time，section，article，mark等；还有一些表单标签，像email，url，number，data pickers，range，search，color；以及video，audio，embed等媒体标签还有像detail（描述细节），summary（包含 details 元素的标题）之类的其他标签。h5新增了许多属性，比如表单里的placeholder，autofocus，f
原创
发布博客 2021.04.05 ·
393 阅读 ·
0 点赞 ·
1 评论 ·
0 收藏

2020-3-21 周总结

只有在开始刷面经的时候才知道之前落下了好多基础的，细节的东西，平时写代码习惯性网上百度拿来用也不知道底层原理，现在都得一点点捡回来。感觉还差好多知识点没看，这周就没有再投公司面试，之前投过的都得去线下的面试，有时间抓紧再把看过的记一下，等过一遍基础就去马上约面试。感觉大学生活才慢慢的安稳下来，又得离开这里，继续马不停蹄的奔赴下一段新的的人生。学吧。...
原创
发布博客 2021.03.21 ·
163 阅读 ·
4 点赞 ·
4 评论 ·
0 收藏

css之BFC

文档流一般分为定位流，浮动流和普通流。BFC(Block Formatting Context)块级格式化上下文，是用于布局块级盒子的一块渲染区域。有其规定的渲染规则，决定了子元素如何布局，以及和其他元素之间的关系和作用。MDN上的解释：BFC是Web页面 CSS 视觉渲染的一部分，用于决定块盒子的布局及浮动相互影响范围的一个区域。注意：一个BFC的范围包含创建该上下文元素的所有子元素，但不包括创建了新BFC的子元素的内部元素。这从另一方角度说明，一个元素不能同时存在于两个BFC中。因为如果一个元素能够
原创
发布博客 2021.03.21 ·
104 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

图解http相关笔记

当在浏览器中输入url，根据url从web服务器端获取文件资源等信息，从而显示web页面。通常使用的网络是在TCP/IP协议族的基础上运作的，而http属于其内部的一个子集。TCP/IP协议按照层次分为：应用层，传输层，网络层，数据链路层应用层应用层决定了向用户提供应用服务时通信的活动。TCP/IP协议族内预存了各类通用的应用服务，如FTP（文件传输协议），DNS（域名系统）等。HTTP协议也处于该层。传输层传输层对上层应用层，提供处于网络连接中的两台计算机之间的数据传输。在传输层有两个性质不同
原创
发布博客 2021.03.18 ·
176 阅读 ·
2 点赞 ·
0 评论 ·
4 收藏

es6 Set Map

迭代器(iterator)是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口，就可以完成遍历操作。1)ES6 创造了一种新的遍历命令for…of循环，Iterator 接口主要供for…of消费2)原生具备iterator接口的数据(可用for…of遍历)ArrayArgumentsSetMapStringTypedArrayNodeList3)工作原理a)创建一个指针对象， 指向当前数据结构的起始位置b)第一次调用对象的next方法，指
原创
发布博客 2021.03.21 ·
106 阅读 ·
0 点赞 ·
2 评论 ·
0 收藏
加载更多