- 博客(43)
- 收藏
- 关注
原创 Vue3 组件库 VARLET 主题编辑工具发布了 | 都来参与开源吧,有点意思
theme: nico前言大家好,我是victor。最近参加了一个开源项目,做出了点东西觉得很有意思,和大家分享一下开源经历。请看下面:Varlet UI theme editor地址应用地址: http://vike123.gitee.io/varlet-ute/#/zh-CN/index 仓库地址: https://github.com/varletjs/varlet...
2022-10-16 01:13:03
629
原创 垮掉-躺平(韭菜指南)
theme: mk-cute前言大家好, 我是victor。今天我们来聊聊关于垮掉的一代的90后是如何被割韭菜的。本文纯属个人观点,如有异议,我当没听到????这两年我一直摘不掉身上的韭菜标签,从前年的蛋壳公寓暴雷到今年工作劝退和开课吧暴雷,稳稳的踩了每一个坑。前任之前劝我去庙里面拜拜,我就在思考这些真的是自身的原因吗?就因为我们年轻,是新一波的韭菜?蛋壳公寓蛋壳公寓暴雷是在...
2022-07-29 13:53:25
191
原创 一名底层韭菜的自白-2022年中总结
theme: nicohighlight: school-book「时光不负,创作不停,本文正在参加2022年中总结征文大赛」开篇大家好,我是victor,没错,就是那个三个月前被坑的韭菜。最近一直在忙工作上的事,掘金也有三个月没有更新了,感谢大家对我的关心。特别感谢羊村长帮我推了这家公司,这里手动@一下时间兜兜转转已经过去半年,回顾一下今年好像什么都没有做,一直在焦虑...
2022-06-23 22:28:14
198
原创 入职避坑指南(杭州)
theme: nico前言大家好,我是victor。求职都说金三银四,今天和大家分享一个亲身经历的事情。今天讲的是杭州*群电商公司 规模500人左右说说我被公司白瞟的亲身经历希望看到这篇文章的同学能避开这些坑面试过程公司比较远,附近没有地铁,大概坐了一个多小时的公交车去面试。到达公司后,前台小姐姐让填基本信息表,还有性格测试信息填完以后等待面试官到来,一个技...
2022-03-18 23:32:44
119
原创 JS中的作用域与作用域链
theme: arknightshighlight: a11y-dark「这是我参与2022首次更文挑战的第4天,活动详情查看:2022首次更文挑战」。前言Hello,大家好,我是前端沸人vike今天一起来聊一聊Js中的作用域和作用域链作用域简单理解: 变量可以使用的范围作用域与作用域之间互不干扰作用域的分类全局作用域在全局可以访问的变量 可以重复...
2022-01-21 00:00:04
128
原创 浅谈闭包
theme: geek-blackhighlight: a11y-dark「这是我参与2022首次更文挑战的第3天,活动详情查看:2022首次更文挑战」。前言大家好,我是前端沸人vike这篇让我们一起来了解闭包什么是闭包简单来说: 闭包是创建私有变量的一种方式既能反复使用变量又能保证环境不被污染闭包也是一个对象简单的闭包 示例闭包要素:外部函...
2022-01-20 15:43:11
76
原创 CSS各类居中方案
theme: scrolls-lighthighlight: a11y-dark「这是我参与2022首次更文挑战的第2天,活动详情查看:2022首次更文挑战」。前言上篇我们一起学习了BFC区域这篇我们一起来学习一下CSS的居中方案水平居中情景一父元素是块级元素子元素为行内元素,子元素的宽度由内容撑开解决方案给父元素设置text-align: ...
2022-01-19 17:32:30
83
原创 浅谈BFC
theme: scrolls-lighthighlight: a11y-dark「这是我参与2022首次更文挑战的第1天,活动详情查看:2022首次更文挑战」。前言大家好,我是vike。今天和大家一起来聊聊BFC,希望对你有帮助!防止高度坍塌的四种方案+ 给父元素设置overflow 这样就能包裹住浮动子元素 - 缺点 有些超出的父元素的要显示 显示不...
2022-01-18 17:27:44
49
原创 面试官: 简单说说你知道的vue2生命周期和组件通信
theme: mk-cutehighlight: a11y-dark浅解Vue2生命周期首页加载会触发哪几个生命周期beforeCreate实例初始化前 此时dom不存在 只有vnodecreated实例初始化 dom处于未挂载 数据方法计算属性等配置已完成beforeMountdom挂载之前 render函数将被首次调用mounted 此时$e...
2021-12-21 16:18:06
50
原创 JavaScript 小知识知多少~
theme: scrolls-lighthighlight: a11y-dark这是我参与11月更文挑战的第3天,活动详情查看:2021最后一次更文挑战前言本章一起来学习一下不常用的小知识script 小知识async 异步加载脚本 不会导致阻塞直接在标签上写async即可异步加载脚本文件不会按顺序执行charset 通过src属性指定代码的字符集...
2021-11-16 18:18:11
122
原创 JavaScript基础系列(五)
theme: scrolls-lighthighlight: a11y-dark这是我参与11月更文挑战的第2天,活动详情查看:2021最后一次更文挑战原型 prototype每个函数都有一个原型 prototypejsfunction fn(){}console.log(fn.prototype) // 输出原型对象// constructor:ƒfn1...
2021-11-15 09:55:22
45
原创 JavaScript基础系列(四) 深拷贝与浅拷贝
theme: scrolls-lighthighlight: atelier-seaside-dark这是我参与11月更文挑战的第1天,活动详情查看:2021最后一次更文挑战浅拷贝浅拷贝是指创建一个新的数据 这个数据有原始属性值得拷贝基本类型 拷贝的就是基本类型得值引用类型 拷贝的是内存地址js // 实现一个简单的浅拷贝 let clone = (...
2021-11-01 11:38:43
69
原创 JavaScript基础系列(三) 字符串常用方法
theme: scrolls-lighthighlight: atelier-seaside-dark小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。前言这篇一起来了解一下字符串常用方法字符串常用方法字符串创建以后不可变创建一个字符串副本再进行操作增concat 将一个或多个字符串拼接为一个新字符串jslet str = 'hello'...
2021-10-29 16:58:42
90
原创 JavaScript基础系列(二) 数组常用方法
theme: scrolls-lighthighlight: tomorrow-night小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。本文同时参与「掘力星计划」 ,赢取创作大礼包,挑战创作激励金前言本章和vike一起来看看数组常用方法数组常用方法增对原数组产生影响的方法pushpush方法接收任意量的参数并将参数加入数组末尾...
2021-10-29 11:04:08
44
原创 JavaScript基础系列(一) 基本类型
theme: scrolls-lighthighlight: darcula小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。前言从javascript基本数据类型开始了解一起快乐的学习(做卷王)吧!JavaScript 基本数据类型Number 数值类型常见为整数类型jslet num = 10 // 十进制let num = 0xA ...
2021-10-28 16:19:11
37
原创 ES6 新增Set与Map
theme: scrolls-lighthighlight: a11y-dark本文已参与「掘力星计划」,赢取创作大礼包,挑战创作激励金。前言上篇了解了ES6新增函数这篇讲讲新增 Set Map 两种数据结构SetSet是集合的数据结构由一堆无序,相关联,不重复的元素组成的组合类似数组 所有元素的值是唯一的Set本身就是构造函数 用来生成Set数据结构...
2021-10-28 11:29:23
126
原创 ES6 新增函数用法了解
theme: mk-cutehighlight: a11y-dark小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。前言上一篇讲解了ES6新增语法 本文为扩展篇本文讲解新增函数用法函数新增允许为函数的参数设置默认值```jslet fn = (x, y='vike') => { console.log(x,y)}fn('hel...
2021-10-27 20:10:42
64
原创 不会ES6 你还不学!!!
theme: mk-cutehighlight: a11y-dark本文已参与「掘力星计划」,赢取创作大礼包,挑战创作激励金。前言今天一起来学习es6知识数组新增方法扩展运算符通过扩展运算符... 将数组转化为用逗号分隔的参数序列jslet arr = [1,2,3]let arr2 = [3,4,...arr,6]console.log(arr...
2021-10-26 23:11:38
43
原创 let const var的区别
theme: qklhk-chocolatehighlight: a11y-dark小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。本文同时参与「掘力星计划」 ,赢取创作大礼包,挑战创作激励金前言讲讲var let const 区别let var constvar 声明全局变量也叫顶层变量 在浏览齐环境中指的是windows 在nod...
2021-10-26 11:34:11
38
原创 TypeScript 类入门
theme: scrolls-lighthighlight: a11y-dark小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。本文同时参与「掘力星计划」 ,赢取创作大礼包,挑战创作激励金搭建环境项目结构主项目目录srccreate_class.tsindex.htmltsconfig.jsontsconfig.json文件配置...
2021-10-25 16:41:08
42
原创 axios基本了解
theme: mk-cutehighlight: a11y-dark小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。前言axios 在请求中广泛应用 今天 我们一起来学习一下axios引入axios安装 npm install axios使用bowerbower install axios使用cdn<scriptsrc="htt...
2021-10-19 10:25:59
35
原创 TypeScript 进阶之路-编译和打包
highlight: artatheme: mk-cute本文已参与「掘力星计划」,赢取创作大礼包,挑战创作激励金。前言今天一起来学习一下typescript的编译与打包编译命令tsc xxx.ts -w 这个命令用于监听单个ts文件更新 并生成js文件更改后的输出tsc 在目录下使用这个命令会将所有ts生成对应js文件要在根目录下创建tsconf...
2021-10-08 18:11:37
494
原创 vue3 插件机制入门
highlight: atelier-dune-darktheme: mk-cute小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。前言vue3.2.16版本已经更新好久了 插件还没怎么使用过 大家一起来看看吧自编写代码封装的插件一般是全局的 可以是object或者function添加全局方法或者 property添加全局指令添加全局mixin添加全局实例...
2021-10-08 11:04:36
69
原创 千字文带你入门typescript
theme: qklhk-chocolatehighlight: a11y-dark本文已参与「掘力星计划」,赢取创作大礼包,挑战创作激励金。前言vue3接触有一段时间了,还是用vue+js。今天一起来学习ts语法本文从环境安装到ts入门环境安装安装node.js环境全局安装typescript npm i -g typescript创建一个ts文件使用...
2021-10-03 16:55:02
35
原创 js中事件循环
theme: healer-readablehighlight: atelier-cave-dark小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。js单线程机制同一时间下 js只能执行一个线程事件循环基础宏任务script(整体代码)任何定义在script元素中的函数拥有一个跨当前文档的全局范围setTimeout该方法挂载在wi...
2021-10-02 16:28:48
38
原创 浅谈async await用法
theme: channing-cyanhighlight: a11y-dark小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。前言上几篇文章更完了promise 今天一起来看看async await异步操作的使用与理解async await理解async和await用更简洁的方式写出基于promise的异步行为| async | await |...
2021-09-30 16:16:44
59
原创 带你手写promise (下)
theme: mk-cutehighlight: a11y-dark小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。+ 上篇讲解了promise then catch等方法 这期一起来了解一下剩下的方法Promise resolve 方法```js /* Promise函数对象的resolve方法 返回一个指定value的成功...
2021-09-29 15:42:42
24
原创 带你手写promise (上)
theme: mk-cutehighlight: androidstudio小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。Promise项目构建self-promise 文件夹lib 存放js文件promise.js 函数index.html 测试promisepromise.js 函数 基础构建 (ES5语法)```js// 自定义p...
2021-09-28 17:18:30
35
原创 初识Promise(三)API使用(下)
theme: healer-readablehighlight: atom-one-dark小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。promise API使用上篇API回顾Promise Promise.prototype.thenPromise.prototype.catchPromise.resolvePromise.reject剩余AP...
2021-09-27 11:52:23
34
原创 初识promise(二)promise基本使用
theme: fancyhighlight: atelier-forest-dark小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。promise API什么是API?百度百科定义:API 应用程序接口是一些预先定义的接口(如函数、HTTP接口)简约定义: 这里的API是指函数的方法浅谈部分API? 分别有什么作用```js/* Promise构...
2021-09-26 15:57:39
67
原创 初识Promise (一)promise基础
theme: mk-cute小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。promise 基础知识promise 理解promise 是javascript中异步编程的新的解决方案promise 是一个构造函数promise 对象用来封装一个异步操作并获取结果promise 状态pending 等待状态resolved 成功状态rejecte...
2021-09-25 18:57:40
104
原创 浅谈Vue2数据劫持
今天我们一起来看看Vue2中数据劫持的方法ps:本章脱离vue2单讲数据劫持什么是数据劫持对属性的读取和修改拦截简单来说就是数据的任何变化都要能监测到,这样才能根据数据变化做对应操作为什么要用数据劫持Vue2中data里的数据都是响应式数据,数据一经更改,页面上的数据就会进行局部更新如果不进行数据劫持,不知道数据状态就无从更新数据Vue2中数据劫持使用了Object.defineProperty方法使用Object.defineProperty可以给对象
2021-09-24 14:46:54
1409
原创 vue3 自定义指令详解
theme: mk-cute小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。Vue3 自定义指令详解Vue中有v-if,v-for,v-bind,v-show,v-model...等等一系列方便快捷的指令 今天一起来了解一下vue里提供的自定义指令Vue3 自定义指令生命周期created 元素初始化的时候beforeMount 指令绑定到元素后调用 只调用...
2021-09-24 12:05:29
245
原创 一文掌握flex布局
theme: healer-readable这是我参与8月更文挑战的第7天,活动详情查看:8月更文挑战一文掌握flex布局开启flex布局display:flex常见父项属性flex-direction 设置主轴方向主轴分行和列 行 水平向右 列垂直向下默认的主轴就是行支持四个属性row 从左往右(默认) div { ...
2021-08-26 16:31:46
51
原创 VUE3组件库-input组件
theme: mk-cute这是我参与8月更文挑战的第6天,活动详情查看:8月更文挑战VUE3组件库-input组件大家好,今天一起来学习vue3实现input组件,希望对你有帮助目录预览基本使用朴素模式文本域模式基本使用效果失焦状态下- 聚焦状态下- 新建Input.vue文件用来存放input代码 - div...
2021-08-24 10:45:14
1855
原创 Vue3组件库-消息提示组件
theme: healer-readable这是我参与8月更文挑战的第5天,活动详情查看:8月更文挑战Vue3组件库-消息提示组件简易消息提示自定义消息提示函数调用消息提示简易消息提示效果预览先在App.vue 文件里 引入写好的Button组件新建一个Snackbar.vue作为组件的文件给button添加click事件,通过show属性控制消息...
2021-08-19 16:51:56
532
原创 D3实现柱形图
highlight: a11y-lighttheme: healer-readable这是我参与8月更文挑战的第4天,活动详情查看:8月更文挑战d3实现柱形图比例尺scaleBand分段比例尺分段比例尺类似于序数比例尺,区别在于分段比例尺的的定义域的值可以是连续的数值类型而离散的值域则是将连续的定义域范围划分为均匀的分段。分段通常用于包含序数或类别维度的条形图。...
2021-08-18 14:20:05
373
原创 Vue3组件库实现 - Button组件篇
theme: healer-readable这是我参与8月更文挑战的第3天,活动详情查看:8月更文挑战Button组件实现实现一款vue3组件库 simple组件库正在开发中~~~button作为组件库基础组件,逻辑比较简单,主要是样式的编写。simple button功能点一览主题色按钮文字按钮禁用状态按钮尺寸块级按钮自定义颜色圆形加载...
2021-08-16 14:49:56
737
原创 浅谈vue数据劫持(2)
theme: healer-readable这是我参与8月更文挑战的第2天,活动详情查看:8月更文挑战前言:上一篇讲解了defineProperty方法今天来讲讲proxyvue3中数据劫持使用了proxy主要是因为defineProperty有几项缺点新增属性,删除属性直接通过下标修改数组defineProperty缺点讲解//先回顾上期知识点 ...
2021-08-10 11:04:32
98
原创 浅谈Vue数据劫持
theme: healer-readable这是我参与8月更文挑战的第1天,活动详情查看:8月更文挑战Hello 大家好,我是vike,今天我们一起来看看Vue2中数据劫持的方法ps:本章脱离vue2单讲数据劫持什么是数据劫持对属性的读取和修改拦截简单来说就是数据的任何变化都要能监测到,这样才能根据数据变化做对应操作为什么要用数据劫持Vue2中data里的...
2021-08-06 16:46:41
82
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人