自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

你若盛开,清风自来

前端干货,学习交流,商务合作可私信,非诚勿扰

  • 博客(27)
  • 资源 (1)
  • 收藏
  • 关注

原创 fixable with the `--fix` option.

之所以会出现找个错误信息是因为在创建项目的时候开启了eslint解决办法在 根目录/项目名 下创建 vue.config.js 文件 ,输入以下代码:源码module.exports = { lintOnSave: false,//这个是关闭校验,因为我在创建项目的时候开启了}然后重新启动项目即可...

2020-07-30 23:10:57 2406 1

原创 清除浏览器样式的文件

新建一个清除浏览器样式的文件,因为不同浏览器对于 css 样式表的解析不一样,所以导致样式乃至层布局发生变化。我们需要把浏览器默认有的样式进行清除,比如 margin 和 padding 默认为 0 等。*{ margin:0; padding:0; box-sizing: border-box;}/* reset css */body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,di

2020-07-29 22:13:36 249

原创 创建的时候开了语法之后:关闭校验配置

方法1 关vscode在设置里面"eslint.validate": [ "javascript", "javascriptreact", { "language": "html", "autoFix": true }, { "language": "vue", "autoFix": true }],"eslint.autoFixOnSave": true,"explorer.confirmDragAn

2020-07-28 23:58:00 720

原创 linux系统写vue-cli项目

源码如下:<template> <div class="nav"> <div class="nav-item" :class="{select :name === 'index'}" @click="to('index')"> <div class="icon"> <i class="iconfont icon-shouye"></i> </div> &l.

2020-07-28 23:53:52 298

原创 用this.$route.name获取当前路由name

在 components 文件夹下新建一个文件MyNav.vue在MyNav.vue文件下写代码template 模板里面书写:<template> <div class="nav"> <!-- 这个name是计算属性 --> <div class="nav-item" :class="{select :name === 'Index'}" @click="to('Index')"> <div class=".

2020-07-26 20:14:57 6093

原创 原生JS PK Vue 实现一个添加功能

效果图JS源码-个人理解:在我们的html上,我们需要给一个 input 输入框,一个添加按钮,按钮里面加一个点击事件,用oi将输入内容进行有序的添加。js里面进行函数的书写JS完整源码<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>JavaScript Demo</title> </head> <

2020-07-22 00:26:07 385

原创 inurse

CREATE TABLE user (id varchar(255) COLLATE utf8_unicode_ci NOT NULL COMMENT ‘用户id’,account varchar(255) COLLATE utf8_unicode_ci DEFAULT NULL COMMENT ‘账户’,password varchar(255) COLLATE utf8_unicode_ci DEFAULT NULL COMMENT ‘密码’,PRIMARY KEY (id)) ENGINE=

2020-07-19 15:06:44 194

原创 通过 for...in语句遍历对象的属性+删除对象的属性

通过 for…in 语句用于遍历数组或者对象的属性,对数组或者对象的属性进行循环操作。比如:<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title></title> </head> <body> <script> var student = { name: "hls

2020-07-16 23:47:22 1166

原创 终端输入命令行查看天气情况

终端输入命令行查看天气情况curl wttr.in

2020-07-16 23:10:45 496

原创 GitHub仓库验证问题:git push ERROR: You must verify your email address

如果你不想每次push代码到GitHub仓库的时候总是被提示 You must verify your email address你可以试试下面的方法如果你是window系统第一步:在git bash里(注意:xxx换成你的邮箱),然后一路回车ssh-keygen -t rsa -C xxx第二步:到终端敲这个,输出的key就是你的ssh keycat ~/.ssh/id_rsa.pub第三步:然后把你的key到这个ssh的选项里新增一条以后要是换电脑了,记得去GitHub删掉如果

2020-07-16 23:07:26 866 1

原创 单身?这里有四种方式教你创建对象

1.通过对象字面量来创建2.通过 new Object() 创建对象3.通过工厂函数创建对象4.自定义构造函数

2020-07-16 00:41:05 144

原创 复习一下表单咯

<html> <body> 姓名:<input type="text"></input><br><br> 密码:<input type="text"></input><br><br> 性别: <input type="radio" name="sex" value="male" checked />男 <input .

2020-07-11 16:26:43 168

原创 写一个简陋版课程表

<html> <body> <table border="1" width="80%" bgcolor="AliceBlue" cellpadding="2"> <caption> 课程表 </caption> <tr align="center"> <td colspan="2">时间/日期</td> .

2020-07-11 15:34:17 186

原创 单元跨两行+单元跨两列

<html> <body> <table border="1" width="300px" height="150px"> <h2>单元跨两行</h2> <tr> <th>姓名</th> <th colspan="2">电话</th> </tr> <tr>

2020-07-11 13:47:16 296

原创 今日份手写最基础的HTML代码

我纯手写学的源码<html> <style> #bg{ width:500px; height:250px; background:pink; } .page{ font-family:arial; font-size:20px; text-align:center } .page2{ text-ali.

2020-07-11 12:59:09 535

原创 instanceof 用来检查一个对象是否是一个类的实例

1.函数返回值,就是函数执行的结果。使用return 来设置函数的返回值。语法:return 值;该值就会成为函数的返回值,可以通过一个变量来接收返回值return后边的代码都不会执行,一旦执行到return语句时,函数将会立刻退出。return后可以跟任意类型的值,可以是基本数据类型,也可以是一个对象。如果return后不跟值,或者是不写return则函数默认返回undefined。break、continue和returnbreak退出循环c

2020-07-10 00:34:09 816

原创 JS基础查漏补缺【数组/函数/包装类】

1.数组方法reverse()可以用来反转一个数组,它会对原数组产生影响concat()可以连接两个或多个数组,它不会影响原数组,而是新数组作为返回值返回join()可以将一个数组转换为一个字符串参数:需要一个字符串作为参数,这个字符串将会作为连接符来连接数组中的元素如果不指定连接符则默认使用,sort()可以对一个数组中的内容进行排序,默认是按照Unicode编码进行排序调用以后,会直接修改原数组。可以自己指定排序的规则,需要一个回调函数作为参数:

2020-07-10 00:31:25 212

原创 【面试大整理】JS对象居然有这么多细碎的小知识点

•所谓的原型实际上指的是,在构造函数中存在着一个名为原型的(prototype)对象,这个对象中保存着一些属性,凡是通过该构造函数创建的对象都可以访问存在于原型中的属性。• 当从一个对象中获取属性时,会首先从当前对象中查找,如果没有则顺着向上查找原型对象,直到找到Object对象的原型位置,找到则返回,找不到则返回undefined。• 最典型的原型中的属性就是toString()函数,实际上我们的对象中并没有定义这个函数,但是却可以调用,那是因为这个函数存在于Object对应的原型中。

2020-07-10 00:17:43 386

原创 【02基本语法】我选择再整理复习一下JS

编写位置• 我们目前学习的JS全都是客户端的JS,也就是说全都是需要在浏览器中运行的,所以我们我们的JS代码全都需要在网页中编写。• 我们的JS代码需要编写到<script>标签中。• 我们一般将script标签写到head中。(和style标签有点像)• 属性:– type:默认值text/javascript可以不写,不写也是这个值。– src:当需要引入一个外部的js文件时,使用该属性指向文件的地址Hello World• 创建一个html文件。• 在html文件的的he

2020-07-09 23:50:36 224

原创 【01简介】我选择再整理复习一下JS

什么是语言• 计算机就是一个由人来控制的机器,人让它干嘛,它就得干嘛。• 我们要学习的语言就是人和计算机交流的工具,人类通过语言来控制、操作计算机。• 编程语言和我们说的中文、英文本质上没有区别,只是语法比较特殊。• 语言的发展:– 纸带机:机器语言– 汇编语言:符号语言– 现代语言:高级语言起源• JavaScript诞生于1995年,它的出现主要是用于处理网页中的前端验证。• 所谓的前端验证,就是指检查用户输入的内容是否符合一定的规则。• 比如:用户名的长度,密码的长度,邮箱的格式

2020-07-09 23:26:05 210

原创 学习收藏这20个Linux常用命令

1.移动文件:mv [源文件] [目标文件]2.删除文件或目录:rm –d删除目录 –f强制删除 –r递归删除 [文件或目录名]3.修改文件或目录群组:chgrp –r递归 [群组] [文件或目录]4.修改文件或目录权限:chmod -r递归 [权限范围] [文件或目录]5.修改文件或目录拥有者:chown -r递归 [权限范围] [文件或目录]6.复制文件或目录:cp –f强制 –r递归 [源文件] [目标文件]7.切换目录:cd [目的目录]8.显示目录下文件:ls –a所有 –

2020-07-09 23:17:21 203

原创 深入理解防抖和节流:应用场景及实现方式详解

防抖和节流是在JavaScript中常用的两种技术,用于限制某个函数在短时间内被频繁调用。防抖的原理是在事件被触发后,延迟一定时间执行函数,如果在延迟时间内触发了该事件,则重新计时,直到延迟时间内没有再次触发事件,才执行函数。节流的原理是在规定的时间内,只让函数执行一次,无论事件触发的频率如何。防抖:防止抖动,单位时间内事件触发会被重置,避免事件被误伤触发多次。代码实现重在清零 clearTimeout节流:控制流量,单位时间内事件只能触发一次,如果服务器端的限流即 Rate Limit。

2020-07-08 23:07:24 16806 4

原创 解释器会去哪里找变量

2020-07-08 00:37:41 130

原创 粗略了解下Promise咯

参考文章1MDN Promise

2020-07-05 22:57:40 101

原创 【CSS小Demo】伪元素做京东背景

其实之前i护理主页的原型是这样滴然后由于时间问题+个人能力问题,所以最后是这样滴后来我发现京东的主页好像也是这样的看来试着弄弄还是有点必要滴效果图:源码:我们需要先重置一下浏览器的样式* { margin: 0; padding: 0; box-sizing: border-box;}box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素现在我们在body里面进行粗略的构建结构<body> <div class="conte

2020-07-05 21:34:03 246

转载 vue中computed和watch的区别,以及适用场景

computed:通过属性计算而得来的属性1、computed内部的函数在调用时不加()。2、computed是依赖vm中data的属性变化而变化的,也就是说,当data中的属性发生改变的时候,当前函数才会执行,data中的属性没有改变的时候,当前函数不会执行。3、computed中的函数必须用return返回。4、在computed中不要对data中的属性进行赋值操作。如果对data中的属性进行赋值操作了,就是data中的属性发生改变,从而触发computed中的函数,形成死循环了。5、当com

2020-07-05 11:14:17 1268

原创 最简单的父子组件传值

父组件传值给子组件,父组件引入子组件然后注册然后使用,使用的时候绑定一个值,这个值可以直接写在冒号里面或者写在data里面,然后子组件用props接收,用{{}}进行绑定父组件<template> <child :message="'msg'"></child></template><script>import Child from './Child'export default { components: { Ch

2020-07-04 09:53:38 182

一个月学会JavaScript.pdf

编程世界里只存在两种基本元素,一个是数据,一个是代码。编程世界就是在数据和代码千丝万缕的纠缠中呈现出无限的生机和活力。 数据天生就是文静的,总想保持自己固有的本色;而代码却天生活泼,总想改变这个世界。 你看,数据代码间的关系与物质能量间的关系有着惊人的相似。

2020-04-07

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除