自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 强大的电脑快捷键

1、让电脑锁屏:windows + L (lock锁住) 2、步骤记录器:先按windows + R;再输入psr.exe;然后点击开始记录,它会记录下你做的所有操作,然后生成一个图文并茂的详细文档,单击停止记录以后,会将详细文档保存到一个压缩文件中。 3、快速显示桌面:windows + D。...

2019-12-07 15:35:09 48 0

原创 js实现小球随机运动

HTML <div class='box'> <div class='ball'></div> </div> style: .box{ width:300px; height:400p...

2019-09-29 00:09:24 406 0

原创 为什么要设置短信验证码倒计时和图片验证码(登录原理)

1、短信验证码倒计时的作用: 主要是为了防止用户频繁的点击,获取短信验证码是有时间限制的,这样就可以让用户在规定的时间内只能点击一次,在客户端就只是告知用户这个什么时候可以点击,在服务端就可以更少的调用这个接口,不去影响服务器的性能 每点击一次都会发送一条短信,也是会收费用的,限制用户点击次数...

2019-08-23 18:09:47 113 0

原创 闭包面试题之闭包解决for循环打印

闭包的作用: 正常函数执行完毕后,里面声明的变量被垃圾回收处理掉,但是闭包可以让作用域里的 变量,在函数执行完之后依旧保持没有被垃圾回收处理掉 1、正常的for循环打印 for (var i = 0; i < 4; i++) { console.log(i); 输出的是0、1、2、...

2019-08-21 11:27:41 186 0

原创 js事件循环机制相关定义

(1)、当javascript代码执行的时候会将不同的变量存于内存中的不同位置:堆(heap)和栈(stack)中来加以区分。其中,堆里存放着一些对象。而栈中则存放着一些基础类型变量以及对象的指针。 但是我们这里说的执行栈和上面这个栈的意义却有些不同。 (2)、当我们调用一个方法的时候,js会生成...

2019-08-21 11:04:24 64 0

原创 对比promise的流程控制和js的回调

例如写一个方块不断移动的动画,首先写一个移动动画的函数,然后不断的调用,用传统写法如下: //动画函数 function moveTo(el,x,y,cb) { el.style.transform = `translate(${x}px,${y}px)`; setTimeout(...

2019-08-19 17:49:08 40 0

原创 移动端用户登录&注册案例

用的是TypeScript语言,主要是展示相关的思想逻辑,而不是语法。会说明注册和登录页面进行局部切换的逻辑、用账号密码登录的相关逻辑、用手机号和验证码登录的相关逻辑、获取验证码的相关逻辑,忘记密码的相关逻辑,最后点击登录的相关逻辑 一、注册和登录页面进行局部切换 效果图: 即点击验证码登录...

2019-08-15 20:34:39 1007 1

原创 ES6环境的搭建步骤

步骤一:在自己电脑里面选择一个盘新建一个文件夹,例如es6use文件夹 步骤二:在es6use文件夹下建立一个src文件夹、一个dist文件夹、一个index.html文件(其中src文件夹用来存放自己用es6语法写的js文件;dist文件夹用来存放es6转换为es5语法的js文件) 步骤三:...

2019-08-06 14:47:27 63 0

原创 HTML5属性变化汇总

一、input新增type类型 新增了:email、url、tel、number(主要针对移动端) <input type="email" name="email"> <input type="url&quo...

2019-08-02 15:13:25 53 0

原创 html5标签变化知识点汇总

HTML5在移动互联网中的优势之一: 它是唯一一个通吃Mac、PC、iPhone、Android等主流平台的跨平台语言。所以只要开发一遍,就可以在各个平台使用。 Web改变趋势:Native APP ——>Web APP ——> Hybrid APP 一、HTML5标签变化 1、D...

2019-07-29 15:36:06 73 0

原创 position属性详解(static|relative|absolute|fixed|sticky)

一、staic——自然定位/常规定位/静态定位 把它叫做定位中的一股清流,回归本真 1、作用:是元素定位于常规/自然流中,即块、行垂直排列下去,行内元素水平从左到右 2、特点: 会忽略掉top、left、right、bottom或者z-index声明 首先写如下样式:一个父容器里面右三个块 &...

2019-07-22 20:01:10 118 0

原创 css定位机制原理详解(标准流&定位&浮动)

一、css定位机制 1、分为普通流(标准流),浮动、绝对定位 (1)普通流:默认状态是元素从左往右。从上往下的排列,也就是说标准流中元素的位置是由它在HTML中的位置决定的 块级元素特性: 块级元素大多为结构性标记 独占一行 可以设置宽高 如果不设置宽高,宽度默认为容器的100% 块级元素有di...

2019-07-22 14:08:46 309 0

转载 前后端分离开发流程

前后端分离开发流程 新框架前后端完全分离,后端基于SpringBoot提供 ResultFul的接口服务,前端是基于Layui的全静态页面,这样就对我们的开发流程提出新的要求。 后端人员:按照约定提供经过单元测试的Restful API接口,使后端更关注业务逻辑的实现。 前端人员:按界面要求完成页...

2019-07-22 11:13:57 3447 0

原创 Sublime Tex中关于Vue无高亮显示的问题

1、首先control + shift + p会出现一个输入框 2、然后输入Package Control,再在下面选择Install Package 3、输入vue syntax highlight 安装插件 如果安装后vue文件仍然没有高亮,可以重新打开sublime, 如果仍然无效,重新...

2019-07-02 23:00:40 130 0

原创 前端面试之js基础

一、说说BOM和DOM 1、BOM——浏览器对象模型 1)BOM主要用于管理窗口与窗口之间的通讯,可以对浏览器窗口进行访问和操作。用来获取或设置浏览器的属性、行为,例如:新建窗口、获取屏幕分辨率、浏览器版本号等 2)BOM的核心是window对象。 属性 window对象有很多属性例如navi...

2019-06-30 22:47:45 79 0

原创 Element-UI的表单组件实现原理

可以去Element-UI官网引用里面的很多组件 https://element.eleme.cn/#/zh-CN/component/form 一个Element-Ui的小demo代码如下: <template> <div> <el-form :mode...

2019-06-18 21:23:51 1759 0

原创 面试之ES6你都知道哪些呢(详细实例展示)

1、export和import 1)、导入的时候有没有大括号的区别是什么 当用export default people导出时,就用 import people 导入(不带大括号) 一个文件里,有且只能有一个export default。但可以有多个export。 当用export name 时...

2019-06-15 19:58:57 432 0

原创 解决前端跨域的方法有哪些

1、首先一个域名的组成: 当协议、子域名、主域名、端口号中任意一个不相同时,都算作不同域 JavaScript出于安全方面的考虑,不允许跨域调用其它页面的对象。跨域就可以理解为因为JavaScript同源策略的限制,a.com下的js无法操作b.com或者c.a.com域名下的对象。 2、处理跨...

2019-06-14 19:32:03 154 0

原创 ajax和php模拟前后端的数据交互

用到的服务器是和php配套使用的apache(阿帕奇)服务器,后端语言是PHP。 一、后端的实现 我建立了一个data.php文件,作为后端。整体代码如下,都有详细的注释。 简单思想是客户端如果发送的是GET请求,一般是要查询数据,我在这里就建立了查询函数;如果发送的是POST请求,一般就是要...

2019-06-14 17:10:26 725 0

原创 深入学习一下JSON

一、JSON的基本概念 加粗样式**JSON:JavaScript的对象表示法 JSON是存储和交换文本信息的语法,类似于XM。它采用键值对的方式来组织,易于我们阅读和编写,同时也易于机器解析和生成 JSON是独立于语言的,也就是说不管什么语言都可以解析json,只要按照json的规则来就行 ...

2019-06-13 21:32:43 40 0

原创 vue组件之祖孙传后代provide和inject

首先祖先给子孙后代传递也是可以用props传递,一层层传递,爷爷给孙子还好,但是嵌了五六层还这么写,就显得非常麻烦了。 所以就用到了provide(提供)和inject(注入)。这两个是配套使用的,以允许祖先向所有祖先后代注入一个依赖。 provide: 是一个对象或者是一个返回对象的函数。里面...

2019-06-12 22:26:13 721 0

原创 前端面试之轻松实现CSS两栏布局的几种方式(实践有效)

这里实现得两栏布局是左边部分的宽度固定,右边部分的宽度自适应 其效果就如下图,在浏览器屏幕大小变化的过程中,左边块的大小是不变的,右边块的宽度是自适应的。 实现方法有以下几种: 1通过设置浮动实现。需要两个div实现,一个div设置浮动,并设置宽度,另一个div不用设置任何东西 如果要给右边块设...

2019-06-12 22:12:23 350 0

原创 Vue组件之$dispatch和$broadcast

$ dispatch 主要是事件流由当前组件往父组件流动,当满足一定条件的时候就会触发当前子组件的监听事件,$broadcast 的功能是事件流由当前组件向子组件流动,当满足一定条件的时候就会触发当前子组件的监听事件。也就是说 $dispatch 和 $broadcast 主要解决了父子组件、嵌套...

2019-06-11 15:56:21 813 0

原创 Vue报错和警告 // eslint-disable-next-line to ignore the next line

出现这样的提示: You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to ...

2019-06-10 15:26:46 871 0

原创 Vue组件之详细理解并使用props和$emit()

一、props的使用 父组件的数据需要通过 props 把数据传给子组件,子组件需要显式地用 props 选项声明 “prop”。 个人理解是:props是在子组件里面写的,其值为一个数组,即props:[keyName]。其中的keyName是要传递的参数,但它是如何绑定到父组件的数据呢?在父...

2019-06-09 21:47:18 862 0

原创 CSS可继承属性详解

继承就是指子节点默认使用父节点的样式属性。可以这样记忆:只有颜色,文字,字体间距行高对齐方式,和列表的样式可以继承 一、可继承属性有如下分类: 1、字体系列属性 font:组合字体 font-family:规定元素的字体系列 font-weight:设置字体的粗细 font-size:设置字体的...

2019-06-02 23:41:15 54 0

原创 面试之BFC布局||圣杯布局||双飞翼布局

一、BFC布局 BFC,即Block Formatting Contexts(块级格式化上下文),具有BFC特性的元素可以看做是隔离了的独立容器,容器里面的元素不会再布局上影响到外面的元素,并且BFC具有普通容器所没有的一些特性。 1、BFC 布局规则 内部的Box会在垂直方向,一个接一个地放置...

2019-06-02 19:05:19 118 0

原创 JS阻止事件冒泡和默认行为

1、首先对事件冒泡和默认行为以及要用到的事件对象event有个认识 对事件冒泡的理解是当触发一个子元素的事件时,同时它的父元素的事件也会依次被触发。即事件从最低层元素依次向最外层元素触发 默认事件(行为)指的是有些元素自身会有一些行为会自行被触发。例如< a>链接,提交按钮< ...

2019-06-02 17:27:15 760 0

原创 理解W3C是干什么的

W3C是指万维网联盟(word wide web consortium);它是一个会员组织,其工作是对web进行标准化;W3C创建并维护WWW标准 W3C标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构 (Structure)、表现(Presentation)和行为(Behav...

2019-06-02 16:17:17 625 0

原创 git中push或者clone时报错the remote end hung up unexpectedly

使用git提交或者克隆时出现the remote end hung up unexpectedly的异常,原因应该是网络原因引起的而且文件可能比较大的情况下 解决办法是: 配置git的最低速度和最低速度时间,命令如下: git config --global http.lowSpeedLimit...

2019-06-01 12:44:53 857 0

原创 解决git中push时报错fatal:remote origin already exists

使用git 添加远程仓库或者提交文件时·报如下错误: 解决办法如下: 先删除远程git库 $ git remote rm origin 再添加git远程库 git remote add origin git@github.com:H3X6Q9/myProjects.git 过程如下图: ...

2019-06-01 09:50:53 126 0

原创 Vue-cli了解、安装与简单上手

在真实的vue项目中是要借助webpack打包工具的,以便于维护。但是每做一个项目都要安装webpack的话是很麻烦的,于是vue就提供了脚手架工具Vue-cli,通过这个脚手架就可以快速的搭建一个vue项目,并且这个脚手架还自带了webpack的各种配置。通过这个工具我们就可以迅速上手工程级别的...

2019-06-01 02:28:50 48 0

原创 vue(三)—组件与组件的拆分

组件分为全局组件和局部组件,每个vue的组件都是vue实例,每个vue实例也都是组件, 组件定义后就可以多次的拿来当模板用 每个组件里面都有一个模板属性template,data属性,methods属性,以及传参的属性props等,而最大的组件即Vue实例没有将template属性写出来时它默认的...

2019-05-26 17:38:50 1391 0

原创 vue(二)—指令详细使用及其区别&实例属性

1、{{}}、v-text和v-html(绑定数据)、v-bind(绑定属性)、v-on(绑定方法)、v-model(数据双向绑定) v-text和v-html两者的区别是v-text会将标签语义化,v-html不会将标签语义化 v-on:可以简写为@ v-bind:可以简写为: 数据双向绑定是...

2019-05-26 16:30:12 86 0

原创 JavaScript类的理解及prototype和_proto_属性

面向对象编程的的思想 1、先大概抽象理解一下一些常用词的定义: 类:定义某一事物的抽象特点,包含属性和方法 对象:类的一个实例 继承性:一个类会有子类,这个子类是更具体化的一个抽象,它包含了父类的一些属性和方法,也可能有不同于父类的属性和方法 JS并没有类(class)的概念,更多的时候我们把它...

2019-05-26 16:25:28 142 0

原创 vue(一)—安装&实例创建&挂载点&模板

1、 安装 首先去Vue官网菜单栏的学习选项中下载vue,可以下载开发板或者是生产版 将下载好的vue.js文件放入要做项目的的目录下 通过< script>标签引入文件,就可以使用了 2、实例、模板、挂载点 代码如下 上面的方式就类似于下面的原声JS的写法 3、templa...

2019-05-21 19:40:22 103 0

原创 JS数组的遍历方法汇总及区别

总的遍历方法: 1、经典遍历方法:for语句、forEach语句、for-in语句、for-of语句 2、其它循环方法:map(映射)方法、filter(过滤)方法、every方法、some方法、reduce方法(reduceRight) 3、不常用的方法:find方法、findIndex方法 4...

2019-05-08 23:28:31 72 0

原创 各公司前端面试题总结(二)

一、如何让文本居中 1、首先让一个块级元素居中的方法是:给该元素设置margin-left和margin-right属性值为auto。让文本水平居中的方法是设置text-align属性值为center。 2、对于单行文本居中的方法是:给文本父元素设置line-height属性并使其属性值与父元素w...

2019-04-26 02:21:00 311 0

原创 JavaScript初级面试题(二)

一、关于元素 1、JavaScript中获取某个元素有哪几种方式? document.getElementById(); document.getElementsByClassName(); document.getElementsByName(); ...

2019-04-26 01:23:13 68 0

原创 下拉菜单滑动效果(animation实践)

==思路:==通过给父元素设定固定的宽度和高度以及设置overflow:hidden属性将超出的ul li列表隐藏掉。视觉上看到的上下滑动的其实是父元素的高度,而不是ul li列表,列表并没有动过。但视觉上感觉到的就是ul li列表在上下滑动。 完整代码如下: <title>下拉菜单...

2019-04-22 13:44:26 560 0

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