- 博客(97)
- 收藏
- 关注
RSS订阅原创 Vue ＜router-link＞标签绑定@click点击事件失败
失败原因router-link标签本身会阻止click事件，使用常规的@click绑定点击事件自然会失败。解决方案@click之后添加native修饰符。<router-link to="/home" @click.native="changeRoute('home')"> 首页</router-link>...
2021-04-16 14:23:43
5438
原创 eslint报错解决方案：--fix的使用
vue项目中使用eslint来做代码规范检查时，在每次运行项目后就会指出你代码中的各种不规范的地方。各种红彤彤的报错，我滴妈！虽说不影响项目运行，但是作为一个程序猿，我接受不了……解决方案遇到问题，不要慌～ 报错信息放到百度翻译看一看先，可以发现，报错信息提示了我们该怎么做！1 error and 0 warnings potentially fixable with the `--fix` option.// 1个错误和0个警告可通过“--fix”选项修复。--fix 很明显是一个命令
2021-04-13 16:31:49
24303
原创 Vue项目运行报错：Module build failed (from ./node_modules/babel-loader/lib/index.js)
报错分析今天在npm run serve运行Vue项目时，突然报出了一个依赖构建错误：Module build failed (from ./node_modules/babel-loader/lib/index.js)报错原因是babel的版本冲突了。具体的报错截图如下：解决方案最直接的解决方案就是升级或者降级babel的版本即可。但是这种方法的配置略显麻烦，这里推荐另一种更简单的，一行代码解决：npm install @babel/core @babel/preset-env安装好
2021-03-25 12:25:01
32427
1
原创 【面试题集 —— No.08】HTML中的行内元素，块级元素和行内块级元素
有关HTML中的行内元素，块级元素和行内块级元素的举例或者区别，这真的是前端面试中的一道经典必问项了。今天特意总结此篇，方便日后回顾。文章目录一. 三者实例汇总二. 行内元素与块级元素的区别2.1 直观上的表现不同2.2 包含关系不同2.3 盒模型属性不同三. 行内块级元素四. 互相转化一. 三者实例汇总分类举例行内元素span、a、b、img、input、strong、select、label、em、button、textarea块级元素div、p、h1-h6、u.
2020-11-09 20:51:39
2403
原创 【JavaScript笔记 · 基础篇(七)】String全家桶（基本数据类型中的字符串 / String对象 / String.prototype）
十六. 其他内置函数1. 包装器函数2. string与正则表达式相关String.propertype.split()var str = "zevin#code";console.log(str.split(""));console.log(str.split(/\#/));——————OUTPUT——————[ 'z', 'e', 'v', 'i', 'n', '#', 'c', 'o', 'd', 'e'][ 'zevin', 'code' ]String.
2020-11-07 19:45:53
618
原创 【JavaScript笔记 · 基础篇(八)】Number全家桶（基本数据类型中的数值 / Number对象 / Number.prototype）
文章目录一. 基本数据类型中的数值二. Number对象三. Number.prototype一. 基本数据类型中的数值二. Number对象三. Number.prototype
2020-11-06 20:27:20
412
原创 如何查看虚拟机中Linux系统的IP地址
首先打开你的虚拟机并进入系统终端，输入以下命令即可：ifconfig输出中的inet addr字段值即为你的虚拟机IP地址。
2020-11-06 16:57:05
5377
原创 【面试题集 —— No.06】数字格式转化问题 —— 金融数字样式：千位分隔符（三位一个逗号间隔）
文章目录问题描述方案一：Number.prototype.toLocaleString()方案二：正则表达式方案三：原生JS手写问题描述最近面试遇到了一个数字格式转化的问题：把一个大数（位数很多）用金融数字样式表示。即使用千位分隔符 —— 三位一个逗号间隔。比如：1234567890 --> 1,234,567,8905236 --> 5,236这种的数字格式生活中也是非常常见，比如支付宝花呗额度：方案一：Number.prototype.toLocaleString()方
2020-11-06 11:41:33
943
原创 【面试题集 —— No.07】智力题第一弹：花瓣博弈问题（酷家乐面经）
今天在做酷家乐的线上笔试时，遇到了一道很有意思的智力题：花瓣博弈问题。想了解的同学可以看看我的分析。然后去和你的朋友们玩一玩，哈哈。问题描述共13片花瓣，两个人轮流摘。可一次摘一片或两片，摘最后一片的人获胜。问：先摘获胜的概率大还是后摘获胜的概率大？问题分析首先你要明白一点：每回合内两人摘得的花瓣总数是由后摘的人决定的。所以后摘的人可以控制本回合内两人一共要摘多少片花瓣，比如：对方先摘一片，我就后摘两片；对方先摘两片，我就后摘一片。这样就可以保证每回合两个人摘得的花瓣总数稳定在三片。所以问题.
2020-11-05 22:05:55
1471
原创 【面试题集 —— No.04】函数防抖（debounce）和函数节流（throttle）的原理解析，适用场景及源码实现
文章目录1. 事件高频触发的场景2. 原理解析3. 函数防抖的适用场景举例 —— 搜索查询4. 函数节流的适用场景举例 —— 长列表滑动刷新1. 事件高频触发的场景在JavaScript编程中，如果某个事件在短时间内被高频率的触发，可能就会出现对应的回调函数响应速度跟不上其调用频率的问题，进而会导致页面延迟，假死或卡顿的现象。这样会极大的浪费系统资源，同时糟糕的UI带来的用户体验也是很差的。函数防抖（debounce）和函数节流（throttle）就是我们在这类场景下常用的优化手段，从而达到节约系统资
2020-11-04 21:46:25
492
原创 开发环境搭建 —— eclipse的简单入门及配置
代码编辑器工具之间基本都是互通的，只要你熟悉其中一款的操作，你再去使用其他的IDE工具也能很快上手。我们在其中用到的或者说希望IDE工具给我们提供的功能是一样的。文章目录1. 代码提示2. 自动保存3. 代码行号4. 字体字号5. 默认编码方式比如最基本的代码提示，自动补全，自动保存，字体字号设置等等… 这里就不再说软件本身的下载安装问题了，仅记录eclipse工具本身的简单初步设置和使用。1. 代码提示在eclipse工具中默认是不显示代码提示的，这对于IDE工具的重度依赖者无疑是最难受的。这.
2020-11-03 11:19:49
418
原创 【面试题集 —— No.03】CSS样式的优先级（选择器的权重）问题
文章目录一. CSS权重二. 优先级分类三. 优先规则四. 实例解析4.1 实例一4.2 实例二一. CSS权重CSS权重指的是样式的优先级，当同一个元素出现样式冲突时，会比较选择器之间的权重来决定谁生效。具体的选择器权重如下：二. 优先级分类优先级选择器 / 样式权重值备注一级!important10000无条件优先的属性，会覆盖页面内其他任何位置定义的元素样式，慎用二级行内样式（ style=” ” ）1000会造成css难以管理，不推荐使用三级
2020-10-29 20:25:39
663
原创 【面试题集 —— No.02】项目优化之一 —— 图片资源的优化
项目开发中，对于图片的处理是不可避免的。同时这也是项目优化中的一块重要内容。今天就从两个方面来细致的谈一谈图片优化的细节。文章目录一. 图片大小优化1.1 固定宽高1.2 降低压缩品质1.3 改变图片格式二. 减少图片请求 —— 打包成雪碧图一. 图片大小优化对于图片的优化，首先就要从图片本身出发。这里我们要注意的点就是图片质量和图片大小。不断寻找高质量和小文件之间的平衡点。 一张图片在满足分辨率的基础上，要尽量减小图片的文件体积。这里我总结了以下三种方法：1.1 固定宽高减小图片体积最简单的.
2020-10-29 19:07:35
518
原创 【面试题集 —— No.01】常见图片格式BMP、JPG/JPEG、PNG、GIF、TIFF、SVG的区别
EPS图片大小优化减少图片请求，使用雪碧图图片懒加载图片预加载常用的jpg和png等图片格式的区别
2020-10-29 16:48:42
3516
原创 【JavaScript笔记 · 基础篇(十三)】面向对象编程之三：继承机制
深入理解过JavaScript中的对象体系（基于构造函数（constructor）和原型对象（prototype））过后，再来学习JS中的继承机制就很简单啦~文章目录一. 原型链单继承1.1 第一步 —— 子类继承父类的实例1.1.1 调用父构造函数1.1.2 设置base属性1.2 第二步 —— 子类继承父类的原型1.2.1 父类原型对象的克隆对象1.2.2 父类的一个实例1.3二. 多重继承一. 原型链单继承前两篇博客里详细介绍了构造函数（constructor）和原型对象（prototype.
2020-10-24 21:59:42
847
原创 markdown文档的八个小技巧
文章目录一. 页面排版1.1 添加目录1.1 页面内跳转（锚点）3. 巧用输入法插入小图标????4. html标签5. 添加描述块文字5. 多加注释（）5. 合理规划章节安排6. 自制配图2. 添加gif动图一. 页面排版1.1 添加目录@[toc]标题长度适中，内容简洁凝练。用户体验更好，也更加专业。1.1 页面内跳转（锚点）[第二部分](#jump)<span id="jump"></span>3. 巧用输入法插入小图标?????????????????
2020-10-24 21:56:04
348
原创 vuepress项目部署出现样式丢失，图片加载失败的问题
之前在尝试部署vuepress项目时，出现了样式丢失，图片加载失败的问题。具体情况请继续往下看：本地测试 —— 完全正常在本地测试时的样式都是正常显示的：GitHub部署 —— 样式丢失打包部署到GitHub上时，布局和样式就完全乱了：同时还有一堆报错 —— 基本都是资源加载失败：思考一下，我们最终部署到GitHub上的项目文件是本地打包好的dist文件，推测可能是本地打包出问题了。再来看看dist/index.html文件：本地打包dist文件 —— 样式丢失果然本地打包出的项目
2020-10-21 11:21:43
10221
9
原创 【 Git学习记录（五）】GitHub远程仓库中基于SSH协议的基本操作总结（clone / push / pull）
在前一篇中，我们以GitHub平台为例，详细介绍了利用HTTPS协议进行本地仓库与远程仓库之间的交互问题。这一篇中就继续来讲另一个协议 —— SSH协议的配置与使用。文章目录一. SSH协议简述1.1 概念解析（SSH协议 / 公钥 / 私钥）1.2 公钥登录一. 配置SSH协议环境1.1 本地生成SSH key1.2 平台添加SSH公钥（public key）1.3 测试连接二. 基于SSH协议的远程仓库操作2.1 clone —— 克隆远程仓库内容到本地2.2 push —— 推送本地代码到远程仓.
2020-10-12 22:31:08
392
1
原创 【 Git学习记录（四）】GitHub远程仓库中基于HTTPS协议的基本操作总结（clone / push / pull）
上一篇中给大家推荐了四款目前主流的代码托管平台。大家自由选择，操作上都是大同小异。我这里就以GitHub为例。文章目录一. GitHub创建远程仓库二. 传输协议解析2.1 使用HTTPS协议的特点2.2 使用SSH协议的特点2.3 总结三. 基于HTTPS协议的远程仓库操作3.1 clone —— 克隆远程仓库内容到本地3.2 push —— 推送本地代码到远程仓库3.3 pull —— 拉取远程仓库的更新项一. GitHub创建远程仓库有关GitHub的账号注册那些的我就不赘述了。你注册好了登.
2020-10-12 15:52:25
886
4
原创 【 Git学习记录（二）】Git中有关本地仓库的基本操作总结（add / commit）
文章目录四. Git架构详解4.1 本地仓库架构4.2 实际开发中的架构流程图在上一篇的Git基础中，我们从大面上讲解了Git的整体架构组成，今天这一篇中就来详细说说本地仓库这一块的基础操作。四. Git架构详解4.1 本地仓库架构我们要明确的是：Git本身是运行在本地的，以一个一个的本地仓库（repository）为工作单位，互不影响。 每个本地仓库的内部架构均如图所示：解释一下这里边的几个重要概念：本地仓库（repository） // 实质为一个目录文件├── 版本库（.git
2020-10-09 11:42:51
326
1
原创 【 Git学习记录（三）】推荐四款主流的Git代码托管平台 —— GitHub、GitLab、Gitee、Coding
了解过Git之后，作为一个程序猿最基本的，你还需要了解目前主流的在线代码托管平台，并至少选择其中一款在平时开发中使用。这里特别介绍以下四款：国外平台GitHub —— 全球最流行的代码托管平台GitLab —— 基于git的仓库管理程序国内平台Gitee —— 开源中国旗下的代码托管平台Coding —— 支持社交元素的代码托管平台一. GitHub链接地址：https://github.com/GitHub目前是全球最流行的代码托管平台（别称：全球最大的同性交友.
2020-10-08 17:24:27
4354
原创 【 Git学习记录（一）】Git —— 一款开源的分布式版本控制工具
文章目录一. 初识Git1.1 Git简介1.2 Git的下载与安装二. 四大主流代码托管平台2.1 yyy2.2 yyy熟悉并掌握Git以及最少一款主流的代码托管平台，无疑是当今每个程序猿的必修课。从今天这一篇博客开始，我会重新系统的整理和归纳以前零散的Git知识。认真记录，喜欢的可以先放进你的收藏夹吃灰呦~一. 初识Git1.1 Git简介Git是一个开源的分布式版本控制工具。 作者是Linus Torvalds（大名鼎鼎的Linux系统的缔造者），最初用作Linux内核开发的源代码的版本控
2020-10-08 17:10:37
659
原创 【 Git错误记录（一）】Permissions 0755 for ‘/home/wwww/.ssh/id_rsa_github‘ are too open.
报错分析????Permissions 0755 for ‘/home/wwww/.ssh/id_rsa_github’ are too open.@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ WARNING: UNPROTECTED PRIVATE KEY FILE! @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
2020-10-07 11:20:55
3266
原创 【个人网站开发 · 记录四】开发阶段一 —— 原生VuePress开发（上）手动搭建个人博客网站的详细记录
文章目录一. 第一部分1.1 xxx1.2 xxx二. 第二部分2.1 yyy2.2 yyy前言部分一. 第一部分1.1 xxx1.2 xxx二. 第二部分2.1 yyy2.2 yyy
2020-10-06 21:28:33
951
原创 【个人网站开发 · 记录三】制定开发方案阶段 —— 技术角度分析如何去做一个个人网站
前言当下的自媒体时代，体现在一个爱折腾的程序猿身上，那么最好的方式莫过于 —— 搭建自己的个人网站。网站上可以有自己的个人介绍，技术博客，项目总结，生活分享等等。简直是COOL ！（面试神器有木有????）就像上图这样，绝对原创设计，盗图必究！????有了想法就去实现它！这里就做成一个链接合集，记录一下我本次项目的开发历程（有觉悟的童鞋建议跟我一起动手哦）：【个人网站开发 · 记录一】立项分析阶段 —— 产品角度分析如何去做一个个人网站【个人网站开发 · 记录二】UI设计阶段 —— 设计角
2020-09-29 21:25:59
777
1
原创 【个人网站开发 · 记录一】立项分析阶段 —— 产品角度分析如何去做一个个人网站
前言当下的自媒体时代，体现在一个爱折腾的程序猿身上，那么最好的方式莫过于 —— 搭建自己的个人网站。网站上可以有自己的个人介绍，技术博客，项目总结，生活分享等等。简直是COOL ！（面试神器有木有????）就像上图这样，绝对原创设计，盗图必究！????有了想法就去实现它！我们都知道传统的软件开发流程大致可分为分析，设计，编码，测试，部署，上线，运维等七大阶段。 这里就做一个链接合集，记录一下我本次项目的开发历程（有觉悟的童鞋建议跟我一起动手哦）：【个人网站开发 · 记录一】立项分析阶段 ——
2020-09-29 16:53:59
690
2
原创 【个人网站开发 · 记录二】UI设计阶段 —— 设计角度分析如何去做一个个人网站
文章目录前言一. 需求分析二. UI设计2.1 LOGO设计2.2 色彩搭配2.3 风格基调三. 技术栈选择3.1 动态网站3.1.1 Vue全家桶3.1.1 nginx3.1.1 Vue全家桶3.1.1 Vue全家桶2.2 静态网页1.1 VuePress —— vue驱动的静态网站生成器1.2 VuePress-Creator —— VuePress脚手架1.3 Gitee —— 基于Git的代码托管和协作开发平台前言当下的自媒体时代，体现在一个爱折腾的程序猿身上，那么最好的方式莫过于 —— 搭建自
2020-09-28 17:33:33
797
原创 【 Vue全家桶 · Vue CLI（一）】快速入门Vue.js标准开发工具 —— Vue CLI 4.0
文章目录一. webpack开发 VS CLI开发1.1 webpack开发的痛点1.2 CLI工具二. Vue.js标准开发工具 —— Vue CLI 4.02.1 交互式的项目脚手架（@vue/cli）2.2 运行时开发环境依赖（@vue/cli-service）2.2.1 其它 CLI 插件的核心服务2.2.2 默认的 webpack 配置方案2.2.3 项目内部的 vue-cli-service 命令2.3 CLI 插件（@vue/cli-plugin）2.4 图形化界面（@vue/cli-ui）
2020-09-14 20:46:06
812
原创 【 webpack系列（三）】webpack四大核心概念 —— entry + output + loader + plugins
文章目录一. webpack工作机制二. 创建配置文件 —— webpack.config.js三. 入口(entry) + 出口(output)四. 加载器(loader)4.1 loader 概述4.2 css文件处理4.2.1 传统css文件引入4.2.2 切换模块化开发方案4.2.3 css-loader + style-loader4.3 图片文件处理4.3.1 url-loader4.3.2 图片base64格式4.3.3 file-loader五. 插件(plugins)5.1 认识plugi
2020-09-12 22:30:04
551
原创 【 webpack系列（二）】一个基于CommonJS模块化方案的小demo —— 带你简单体验 webpack 打包流程
文章目录一. webpack基础1.1 前端模块化开发1.2 打包二. webpack初体验2.1 安装webpack2.2 创建项目目录结构2.3 npm初始化2.4 代码编写2.4.1 math.js（模块代码）2.4.2 main.js（入口文件）2.4.3 index.html（浏览器展示文件）2.5 webpack打包2.6 修改引入文件为打包输出文件三. 写在最后一. webpack基础webpack —— JavaScript 应用程序的静态模块打包器（module bundler）。它
2020-09-10 19:19:15
406
原创 【 Vue全家桶 · Vue（六）】Vue框架中的监听机制之二 —— 侦听器watch
文章目录一. watch适用场景二. Vue实例内部属性 watch2.1 基础形式2.2 一对多的实现原理2.3 完整形式2.3.1 watchObject 监听对象2.3.2 handler 函数2.3.3 deep 深度监听属性2.3.4 immediate 立即执行属性三. Vue实例方法 vm.$watch3.1 基础形式3.2 完整形式上一篇中详细介绍了Vue框架中的计算属性computed，我们说它常用来做数据监听，比如典型的多对一情况 —— 多数据监听和深度监听。一. watch适用场景
2020-09-08 15:09:29
617
原创 【 vue-cli项目 · 报错记录（二）】‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。
报错分析????‘vue-cli-service’ 不是内部或外部命令，也不是可运行的程序或批处理文件。出现这个报错原因，着实不应该，是因为我们在启动项目之前，没有安装依赖…解决方案npm install / cnpm install使用npm install命令安装好依赖即可，没什么好说的，下次注意~...
2020-09-07 16:41:57
319
原创 【 vue-cli项目 · 报错记录（一）】spawn cmd ENOENT
报错分析????spawn cmd ENOENT在执行vue命令时，总是报如下错误：spawn cmd ENOENT，是因为电脑环境变量system32的缺失。解决方案%SystemRoot%\system32在系统环境变量的用户Path变量里添加 %SystemRoot%\system32 即可，亲测有效~...
2020-09-07 16:33:31
485
原创 【 Vue全家桶 · Vue（五）】Vue框架中的监听机制之一 —— 计算属性computed
文章目录一. 通过methods引入computed的概念1.1 methods版本1.2 computed版本二. computed全面解读2.1 computed本质2.1.1 调用方式2.1.2 完整写法（setter方法）2.2 响应式依赖2.3 computed作用原理2.4 computed适用场景2.4.1 多数据监听2.4.2 深度监听???? PART ONE ????如果你已经对计算属性computed有过初步的了解，建议直接阅读 第二部分 ????一. 通过methods引入
2020-09-07 14:55:47
834
原创 【 Vue全家桶 · Vue（三）】模板语法 —— 基础插值指令
文章目录一. 文本插值1.1 Mustache语法 (双大括号 {{ }} )1.2 v-text1.3 v-once二. HTML片段三. 属性（Attribute）3.1 v-bind指令3.2 class绑定3.3 style绑定四. 简单JavaScript 表达式一. 文本插值1.1 Mustache语法 (双大括号 {{ }} )数据绑定最常见的形式。HTML文档解析的时候，Vue会自动将Mustache标签内的属性名替换为对应数据对象中的属性（property）值。只要数据对象中的属性（
2020-09-03 16:02:18
413
1
原创 【 jQuery入门 · (一) 】当下框架盛行，为什么还要学习jQuery ？
正值angular.js、vue.js、react.js等框架盛行的时代，不再需要开发者自己操作DOM了，所以不得不承认jQuery已经在慢慢过时了。但是jQuery中的开发思想还是很经典，现在它更多的是作为前端的技术基础而存在。文章目录一. 初识jQuery1.1 简介1.2 诸多优点1.3 不足之处1.4 导入方式1.5 入口函数1.6 jQuery版hello world二. jQuery函数2.1 DOM对象2.2 HTML代码片段2.3 匿名函数2.4 选择器三. jQuery对象3.1.
2020-09-02 22:22:04
548
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人