自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端技术的学习整理

自己的学习过程及分享

转载 Docker概念

本文只是对Docker的概念做了较为详细的介绍,并不涉及一些像Docker环境的安装以及Docker的一些常见操作和命令。 阅读本文大概需要15分钟,通过阅读本文你将知道一下概念: 容器 什么是Docker? Docker思想、特点 Docker容器主要解决什么问题 容器 VS 虚拟机...

2019-07-03 14:44:50 164 0

转载 计算属性computed里面的getter和setter

参考一: 在 Vue 中,computed 的属性可以被视为是 data 一样,可以读取和设值,因此在 computed 中可以分成 getter(读取) 和 setter(设值),一般情况下是没有 setter 的,computed 预设只有 getter ,也就是只能读取,不能改变设值。 ...

2019-06-28 16:09:36 2598 1

转载 js slice、substring、substr、indexOf、lastIndexOf、split、join、concat、charAt的用法

1,函数说明 slice()方法可通过指定的开始和结束位置,提取字符串的某个部分,并以新的字符串返回被提取的部分。语法如下: 1 stringObject.slice(start, end) 参数说明: start(必需):规定从何处开始选取。如果是...

2019-06-19 11:03:16 267 0

转载 js Map对象的用法

第一篇: Map: Map是一组键值对的结构,具有极快的查找速度。 举个例子,假设要根据同学的名字查找对应的成绩,如果用Array实现,需要两个Array: var names = ['Michael', 'Bob', 'Tracy�...

2019-06-12 13:47:46 18441 1

转载 js input输入框校验

只能输入英文 <input type="text" onkeyup="value=value.replace(/[^a-zA-Z]/g,'')"> 只能输入英文 <input type="text&q...

2019-06-11 19:20:02 6204 0

转载 HTTP状态码

众所周知,每一个HTTP响应都会带有一个状态码,不过对于很多开发者来说,平时使用最多的几个状态码无外乎就是200、400、404、500等。 那其 他众多状态码该应用在何种场景中,什么时候应该使用哪些状态码就成为一个值得我们深入思考的问题了。即便在Facebook这样的公司中,那些聪明的开发者所...

2019-05-27 09:33:12 98 0

转载 js 里面的each遍历

each的用法 var arr = [ "one", "two","three", "four"]; $.each(arr, function(){ alert(this); }); //上面这个each输...

2019-05-16 15:10:49 5585 0

转载 js 如何获取服务器端的 sessionID

参考一: function getSessionId(){ var c_name = 'JSESSIONID'; if(document.cookie.length>0){ c_start=document.cookie.indexOf(c_nam...

2019-05-16 14:08:16 10560 0

转载 前端cookie和session

第一层楼 什么是 Cookie 和 Session ?初级程序员高频面试题。 什么是 Cookie HTTP Cookie(也叫 Web Cookie或浏览器 Cookie)是服务器发送到用户浏览器并保存在本地的一小块数据,它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。通常...

2019-05-15 19:38:51 2514 0

转载 前端路由原理和解析

什么是前端路由? 路由的概念来源于服务端,在服务端中路由描述的是 URL 与处理函数之间的映射关系。 在 Web 前端单页应用 SPA(Single Page Application)中,路由描述的是 URL 与 UI 之间的映射关系,这种映射是单向的,即 URL 变化引起 UI 更新(无需刷...

2019-05-15 19:37:09 266 0

转载 前端操作系统知识

1. 进程和线程的区别。 (1)进程是资源分配和保护的基本单位,线程是处理器调度和分派的基本单位,程序执行的最小单元。 (2)同一个进程中可以包含多个线程,并且线程共享整个进程的资源(寄存器、堆栈、上下文),一个进程至少包含一个线程。 (3)进程结束后,它所有的线程都将销毁,而线程...

2019-05-15 19:36:00 332 0

转载 vue computed计算属性和watch监听事件

参考一: 1、计算属性适用的情形 我们可能会有这样的需求,一个数据属性在它所依赖的属性发生变化时,也要发生变化,这种情况下,我们最好使用计算属性。 例如在下面这个例子中,如果我们使用监听函数,代码就会变得有点冗余。 <div id="demo">{{ fullN...

2019-05-15 19:31:49 1568 0

转载 vue @click.native和@click.stop和@click.self

参考一: vue @click.native 原生点击事件: 1,给vue组件绑定事件时候,必须加上native ,不然不会生效(监听根元素的原生事件,使用.native修饰符) 2,等同于在自组件中: 子组件内部处理click事件然后向外发送click事件:$emit("cl...

2019-05-10 17:02:11 22642 2

转载 js 实现上传文件

参考一: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport&quo...

2019-05-10 14:27:37 45500 0

转载 javascript - 检测对象中是否存在某个属性

参考一: vararray = [{'yaxis':22,'lines':true},{'lines':true}] var isTrue = array.some(val => { return val.yaxis }...

2019-05-07 11:26:32 1806 0

转载 Vue 父子传值

参考一: 父组件向子组件传值: parent: <parent> <child :message="msg"></child> </parent> data(){ return { msg: "th...

2019-04-30 16:28:31 7863 0

转载 Cloud Foundry 命令总结

参考一: 1 安装cloudfoundry cli 客户端 2 带密码等录 cf login --skip-ssl-validation -a https://api.yourcompany.com -u username -p password 3 显示组织(org) cf orgs 4 创建...

2019-04-30 10:50:31 793 0

转载 js 一些常用的方法 二

1.String.IndexOf 方法 (value[,startIndex]) value:要查找的 Unicode 字符。 必选项 startIndex:搜索起始位置。  可选项 不写从开头查找 该方法返回一个整数值, 指出 String 对象内子字符串的开始位置(如果没有设置第二个索引...

2019-04-26 13:29:10 86 0

转载 js 判断一个 Object 对象是否为空

参考一: 判断一个对象是否为空对象,本文给出三种判断方法: 1.最常见的思路,for...in...遍历属性,为真则为“非空数组”;否则为“空数组” for (var i in obj) { // 如果不为空,则会执行到这一步,返回true return true } return...

2019-04-22 17:27:07 3020 0

转载 js 判断字符串为空的方法

参考一: function isEmpty(obj){ if(typeof obj == "undefined" || obj == null || obj == ""){ return true; }else{ ...

2019-04-18 12:07:06 25131 0

转载 UTC时间转换为本地时间格式

参考一: new Date('2018-08-06T10:00:00.000Z').toLocaleString().replace('上午', 'AM 0').replace('下午', 'PM 0�...

2019-04-18 10:11:54 1995 0

转载 SVG 画图

SVG 在线画图工具:https://svg.haowen100.com/ 把画的图片代码保存成svg文件,加载 http://www.bejson.com/convert/image_to_svg/https://www.aconvert.com/cn/image/png-to-svg/ ...

2019-04-16 19:54:13 3013 0

转载 js 一些常用的方法

map() 在 JavaScript 1.6 里,javascript 数组增加了几个非常有用的方法:indexOf、lastIndexOf、every、 filter、 forEach、 map、 some,其中前两个可以归为元素定位方法,而后面的几个则可以归为迭代(iterative)方法。...

2019-04-15 19:08:54 140 0

转载 js 面试题

闭包: function fun(n,o) { console.log(o) return { fun:function(m){ return fun(m,n); } }; } var a = fun(0); a.fun(1); a.fun(2)...

2019-04-15 14:12:27 1723 0

转载 js 运算符

JS 运算符 要进行各种各样的运算,就要使用不同的运算符号。 1、算术运算符:+、-、*、/、%、++、-- A = 10 + 20; A = 10 – 20; A = 10 * 20; A = 10 / 20; (1)“%”取余运算符,两个数相除,取余数。 A = 10...

2019-04-15 14:10:14 1147 0

转载 js 给引用类型数组去重

参考一 js 包含引用类型数组 - 对象标记法去重 前言   Js数组去重已经有很多中实现方式:包括逐个检索对比(使用Array.property.indexOf),先排序后对比,使用hash表,利用ES6中的Set()等。这些数组去重办法中速度最快的是hash表,最安全也最慢的是逐个检索对...

2019-04-10 17:14:30 219 0

转载 浅拷贝和深拷贝 JSON.parse和JSON.stringify

参考一 JSON.parse(JSON.stringify(obj))我们一般用来深拷贝,其过程说白了 就是利用JSON.stringify 将js对象序列化(JSON字符串),再使用JSON.parse来反序列化(还原)js对象;序列化的作用是存储(对象本身存储的只是一个地址映射,如果断电,对...

2019-04-10 14:22:47 1036 0

转载 web存储

Web 存储 Web Storage 介绍 Web storage 是在web上存储数据的功能,这里的存储是针对客户端来说的. 具体说分为两种: seesionStorage 数据存储在 session 对象中。session,是指用户打开浏览器窗口浏览网站,从进入网站到关闭 这个窗口...

2019-04-10 11:06:15 108 0

转载 Git 总结

一、SVN与Git的最主要的区别?   说起git自然想到SVN,我刚接触到的版本控制工具是SVN,SVN是集中式版本控制系统,版本库是集中放在中央服务器的,干活的时候,先要从中央服务器哪里得到最新的版本,干完活后,需要把自己做完的活推送到中央服务器。中央服务器就好比是一个图库,你要改一本书,必须...

2019-04-09 15:05:42 126 0

转载 vue v-model

1、属性绑定 v-bind : 例如 <div id="root"> <div v-bind:title="title">hello world</div> </div> <script&g...

2019-03-27 16:44:44 759 0

转载 速算

十 大 速 算 技 巧 ★【速算技巧一:估算法】 要点: "估算法"毫无疑问是资料分析题当中的速算第一法,在所有计算进行之前必须考虑 能否先行估算。所谓估算,是在精度要求并不太高的情况下,进行粗略估值的速算 方式,一般在选项相差较大,或者在被比较数...

2019-01-15 16:55:28 245 0

转载 vue+elementUI $message

element-ui,$message显示倒计时信息 element-ui,$message显示倒计时信息 element-ui 提供的message组件,文字是写死的,没有提供动态变化的方法。 但是作为一个vue组件,他的message属性是双向绑定的。 下面是实现倒计时显示的例子 ...

2018-12-21 16:13:52 5782 1

转载 options请求

&lt;1&gt; 一个Option请求引发的深度解析 在当前项目中,前端通过POST方式访问后端的REST接口时,发现两条请求记录,一条请求的Request Method为Options,另一条请求的Reuest Method为Post。想要解决这个疑惑还得从以下3个概念说起...

2018-12-18 17:27:37 3661 0

转载 原生js实现轮播图

轮播图基本上是前端所必须面临的一个功能。而且在网上可以找到各种各样的插件或者写法。 但是我个人觉得还是写一下比较好。这里用到的是原生JS、CSS3相结合的写法。 对IE 8以下的兼容性不是太好。但相对于浏览器使用情况来说,还是可以的。 下边是css样式: body{margin: 0;p...

2018-12-06 15:04:20 782 0

转载 浏览器的兼容性问题

浏览器兼容问题一:不同浏览器的标签默认的外补丁和内补丁不同 问题症状:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大。 解决方案:CSS里    *{margin:0;padding:0;} 备注:这个是最常见的也是最易解决的一个浏览器兼容性问题,几乎所有...

2018-12-05 11:11:54 345 0

转载 git 命令总结

  &lt;1&gt; Workspace:工作区 Index / Stage:暂存区 Repository:仓库区(或本地仓库) Remote:远程仓库 一、新建代码库 # 在当前目录新建一个Git代码库 $ git init # 新建一个目录,将其初始...

2018-11-22 16:40:25 65 0

转载 js 用户名,密码 登陆加密和解密

&lt;1&gt; 1.利用后台将用户名和密码进行base64加密,浏览器输入登录地址url进行登录 var Base64={_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789...

2018-11-01 16:36:23 5599 0

转载 js 如何计算前一天,后一天

&lt;1&gt; function getNowFormatDate() {     var date = new Date();     var seperator1 = "-";     var seperator2 = ":"...

2018-11-01 16:07:48 2238 0

转载 js中的string.format函数代码

&lt;1&gt; String.prototype.format = function(args) { var result = this; if (arguments.length &gt; 0) { if (arguments.l...

2018-10-28 15:56:29 7294 0

转载 vue 路由里面的 hash 和 history

对于 Vue 这类渐进式前端开发框架,为了构建 SPA(单页面应用),需要引入前端路由系统,这也就是 Vue-Router 存在的意义。前端路由的核心,就在于 —— 改变视图的同时不会向后端发出请求。 为了达到这一目的,浏览器当前提供了以下两种支持: hash —— 即地址栏 URL 中的 #...

2018-10-28 15:45:13 422 0

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