- 博客(20)
- 收藏
- 关注
RSS订阅原创 lodash-at
const toString = Object.prototype.toString/** * Gets the `toStringTag` of `value`. * * @private * @param {*} value The value to query. * @returns {string} Returns the `toStringTag`. */function getTag(value) { if (value == null) { return valu
2021-05-23 17:42:15
169
原创 Lodash-add
import createMathOperation from './.internal/createMathOperation.js'/** * Adds two numbers. * * @since 3.4.0 * @category Math * @param {number} augend The first number in an addition. * @param {number} addend The second number in an addition. * @r
2021-05-23 09:32:42
174
原创 element源码解析(5) -- Avatar
Avatar头像,functionalprops总共8个属性,分别是尺寸size形状shape图标icon自定义图片src未加载提示alt尺寸设置图片 srcSet错误回调函数error图片object-fit样式属性值size可以为字符串或者数字,如果是字符串的话,那么只可以为大中小size: { type: [Number, String], validator(val) { if (typeof val === 'string')
2021-02-14 11:36:33
1088
1
原创 element源码解析(4) -- 公共样式
element源码解析(4) – 样式mixinsbuttonconfig以BEM进行命名,前缀为el,元素分隔符__模块分割符–状态前缀都为is-$namespace: 'el';$element-separator: '__';$modifier-separator: '--';$state-prefix: 'is-';function选择器转字符串取出头尾@function selectorToString($selector) { $selector: insp
2021-02-12 21:40:49
739
原创 js算法-爬楼梯
假设你正在爬楼梯。需要 n 阶你才能到达楼顶。每次你可以爬 1 或 2 个台阶。你有多少种不同的方法可以爬到楼顶呢？注意：给定 n 是一个正整数。示例 1：输入： 2输出： 2解释： 有两种方法可以爬到楼顶。1 阶 + 1 阶2 阶示例 2：输入： 3输出： 3解释： 有三种方法可以爬到楼顶。1 阶 + 1 阶 + 1 阶1 阶 + 2 阶2 阶 + 1 阶来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/clim
2021-02-12 18:40:50
1243
1
原创 element源码解析(3) -- AutocompleteSuggestions
element源码解析(3) – AutocompleteSuggestionstemplate<template> <transition name="el-zoom-in-top" @after-leave="doDestroy"> <div v-show="showPopper" class="el-autocomplete-suggestion el-popper" :class="{ 'is-loading': !p
2021-01-25 10:37:22
555
原创 element源码解析(2) -- autocomplete
autocomplete源码解析template一个class:el-inputel-autocomplete-suggestionsvisible-arrow:没见到这个属性发挥作用四个属性:popperClass:scriptpropsdatacomputedwatchmountedmethodsautocomplete中包含三个组件,input和suggestion/el-scrollbartemplate一个class:el-autocomplete:相对定位和行内块;一个自定义指令:
2021-01-22 17:06:20
4247
2
原创 项目UI重构经验
三大构成:平面/色彩/立体,组成你的视觉世界;css的世界,也并不例外,它充斥着大小/形状/颜色/空间......等等基本属性来构建你的感知
2021-01-10 16:41:21
976
原创 element源码解析(1) -- alert
element源码解析样式class:Slot样式相关属性computedDataMethodsEventsscss说明样式<transition name="el-alert-fade"> <div class="el-alert" :class="[typeClass, center ? 'is-center' : '', 'is-' + effect]" v-show="visible" role="alert" &
2021-01-10 16:30:13
1248
原创 js算法-242有效的字母异位词
242. 有效的字母异位词给定两个字符串 s 和 t ，编写一个函数来判断 t 是否是 s 的字母异位词。示例1:输入: s = "anagram", t = "nagaram"输出: true示例 2:输入: s = "rat", t = "car"输出: false说明:你可以假设字符串只包含小写字母。进阶:如果输入字符串包含 unicode 字符怎么办？你能否调整你的解法来应对这种情况？来源：力扣（LeetCode）链接：https://leetcode-cn..
2020-12-20 20:24:00
167
原创 WebStorm 2020.3 最新功能
改进了选项卡的使用在 v2020.3 中，我们让您能够更方便地使用选项卡。 现在，您可以通过拖放选项卡或使用新的Open in Right Split操作来拆分编辑器。 此外，固定的选项卡现在以特殊图标标记，并显示在选项卡栏的开头，以便您更快地找到它们。多文件模板我们已经实现了添加自定义文件模板的功能，这些模板可一次创建多个文件。 例如，当您需要添加.js文件和测试文件时，这会非常方便。支持 Tailwind CSSWebStorm 现在可以帮助您更高效地使用 Tai...
2020-12-13 11:16:25
698
1
原创 webstorm2020.2.2更新说明
一.使用Prettier作为默认格式化程序想要使用Prettier而不是内置格式化程序来整理代码吗?有了这次更新，它变得比以前更容易了。只要勾选new On code reformat复选框，当您重新格式化.js、.ts、.jsx和.tsx文件时，IDE就会使用更漂亮的格式。其他文件类型也可以很容易地添加。二.获得对Nuxt.js的支持让WebStorm帮助你更有效地使用Nuxt.js !在模板部分和Nuxt .config.js文件中使用编码辅助功能，查看核心Nuxt组件的快速文档，获取对
2020-09-20 20:40:39
1453
转载 vue生命周期
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> .
2020-09-02 10:36:50
117
原创 Vue编码风格(1)
1.前端使用的技术栈Vue（2.0+）vue三大插件axios,vuex,router新增语法:es6,es7,es8管理工具:webpack(4.0+)常用插件:json-server预编译语言:less,scss第三方库:PC:elementui,iview,ant design;移动端:有赞vant,京东nut,滴滴cube,uni-app服务端渲染SSR:nuxt,next...
2019-09-16 17:37:00
156
原创 面试必问
面试必问html必问：h5新特性CSS 必问css新特性CSS兼容性JS必问ES新特性JS兼容html必问：h5新特性一、十大新特性：1、语义化标签；2、增强型表单；3、svg4、画布5、视频、音频6、地理位置7、拖拽8、localStorage9、webWorker10、websocketCSS 必问css新特性一、六大新特性；1、颜色：渐变；2、字体：@fo...
2019-06-13 16:35:57
199
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人