自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端技术的学习整理

自己的学习过程及分享

  • 博客(131)
  • 收藏
  • 关注

转载 Docker概念

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

2019-07-03 14:44:50 4803

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

参考一:在 Vue 中,computed 的属性可以被视为是 data 一样,可以读取和设值,因此在 computed 中可以分成 getter(读取) 和 setter(设值),一般情况下是没有 setter 的,computed 预设只有 getter ,也就是只能读取,不能改变设值。vue.js计算属性默认只有 getter,因为是默认值所以我们也常常省略不写,如下代码:&lt...

2019-06-28 16:09:36 15937 5

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

1,函数说明slice()方法可通过指定的开始和结束位置,提取字符串的某个部分,并以新的字符串返回被提取的部分。语法如下: 1 stringObject.slice(start, end) 参数说明:start(必需):规定从何处开始选取。如果是负数,那么它规定从字符串尾部开始算起的位置。也就是说,-1指最后一个字符,-2指倒数第二个字符,...

2019-06-19 11:03:16 5015

转载 js Map对象的用法

第一篇:Map:Map是一组键值对的结构,具有极快的查找速度。举个例子,假设要根据同学的名字查找对应的成绩,如果用Array实现,需要两个Array:var names = ['Michael', 'Bob', 'Tracy'];var scores = [95, 75, 85];给定一个名字,要查找对应的成绩,就先要在names中找到对应的位置,再从scores取出对应...

2019-06-12 13:47:46 158775 10

转载 js input输入框校验

只能输入英文<input type="text" onkeyup="value=value.replace(/[^a-zA-Z]/g,'')">只能输入英文<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')"onkeydown="fncKeyStop(event)" onpas...

2019-06-11 19:20:02 29448

转载 HTTP状态码

众所周知,每一个HTTP响应都会带有一个状态码,不过对于很多开发者来说,平时使用最多的几个状态码无外乎就是200、400、404、500等。那其 他众多状态码该应用在何种场景中,什么时候应该使用哪些状态码就成为一个值得我们深入思考的问题了。即便在Facebook这样的公司中,那些聪明的开发者所构建的API也可能只返回200。对于目前的绝大部分服务端接口层设计都会遵循REST规范,而REST规范...

2019-05-27 09:33:12 350

转载 js 里面的each遍历

each的用法var arr = [ "one", "two","three", "four"];$.each(arr, function(){ alert(this);});//上面这个each输出的结果分别为:one,two,three,fourvar arr1 = [[1, 4, 3], [4, 6, 6], [7...

2019-05-16 15:10:49 15765

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

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

2019-05-16 14:08:16 24570 2

转载 前端cookie和session

第一层楼什么是 Cookie 和 Session ?初级程序员高频面试题。什么是 CookieHTTP Cookie(也叫 Web Cookie或浏览器 Cookie)是服务器发送到用户浏览器并保存在本地的一小块数据,它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。通常,它用于告知服务端两个请求是否来自同一浏览器,如保持用户的登录状态。Cookie 使基于无状态的 HT...

2019-05-15 19:38:51 8749

转载 前端路由原理和解析

什么是前端路由?路由的概念来源于服务端,在服务端中路由描述的是 URL 与处理函数之间的映射关系。在 Web 前端单页应用 SPA(Single Page Application)中,路由描述的是 URL 与 UI 之间的映射关系,这种映射是单向的,即 URL 变化引起 UI 更新(无需刷新页面)。如何实现前端路由?要实现前端路由,需要解决两个核心:如何改变 URL 却不引起页...

2019-05-15 19:37:09 468

转载 前端操作系统知识

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

2019-05-15 19:36:00 1123

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

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

2019-05-15 19:31:49 5672 1

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

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

2019-05-10 17:02:11 118186 8

转载 js 实现上传文件

参考一:<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-...

2019-05-10 14:27:37 122709 1

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

参考一:vararray = [{'yaxis':22,'lines':true},{'lines':true}]var isTrue = array.some(val => { return val.yaxis})if(isTrue === true){ console.log('数组对象里面存在 属性 yaxis')}1.使用in关键字。该方法可...

2019-05-07 11:26:32 4011

转载 Vue 父子传值

参考一:父组件向子组件传值:parent:<parent> <child :message="msg"></child></parent>data(){ return { msg: "this is parent message" }}child:<div> &lt...

2019-04-30 16:28:31 40505 2

转载 Cloud Foundry 命令总结

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

2019-04-30 10:50:31 3622 4

转载 js 一些常用的方法 二

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

2019-04-26 13:29:10 216

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

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

2019-04-22 17:27:07 13440

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

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

2019-04-18 12:07:06 88523 3

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

参考一:new Date('2018-08-06T10:00:00.000Z').toLocaleString().replace('上午', 'AM 0').replace('下午', 'PM 0').replace(/\//g, '-')参考二:Java方法:package jp.misumi.wos.components.service.hp;import java.tex...

2019-04-18 10:11:54 4131

转载 SVG 画图

SVG 在线画图工具:https://svg.haowen100.com/把画的图片代码保存成svg文件,加载http://www.bejson.com/convert/image_to_svg/https://www.aconvert.com/cn/image/png-to-svg/参考一SVG 是一种基于 XML 语法的图像格式,全称是可缩放矢量图(Scalable Vecto...

2019-04-16 19:54:13 14520

转载 js 一些常用的方法

map()在 JavaScript 1.6 里,javascript 数组增加了几个非常有用的方法:indexOf、lastIndexOf、every、 filter、 forEach、 map、 some,其中前两个可以归为元素定位方法,而后面的几个则可以归为迭代(iterative)方法。遗憾的是:这些新方法并非所有浏览器都支持,在这种情况下,我们就需要自己动手了,在这些介绍的文章中,...

2019-04-15 19:08:54 520

转载 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); a.fun(3);//undefined,?,?,?var b = fun(0).fun(1...

2019-04-15 14:12:27 9703

转载 js 运算符

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

2019-04-15 14:10:14 8525

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

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

2019-04-10 17:14:30 1598

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

参考一JSON.parse(JSON.stringify(obj))我们一般用来深拷贝,其过程说白了 就是利用JSON.stringify 将js对象序列化(JSON字符串),再使用JSON.parse来反序列化(还原)js对象;序列化的作用是存储(对象本身存储的只是一个地址映射,如果断电,对象将不复存在,因此需将对象的内容转换成字符串的形式再保存在磁盘上 )和传输(例如 如果请求的Conte...

2019-04-10 14:22:47 6218

转载 web存储

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

2019-04-10 11:06:15 188

转载 Git 总结

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

2019-04-09 15:05:42 299

转载 vue v-model

1、属性绑定v-bind :例如<div id="root"> <div v-bind:title="title">hello world</div></div><script> new Vue({ el:"#root", data:{ titl...

2019-03-27 16:44:44 1226

转载 速算

十 大 速 算 技 巧 ★【速算技巧一:估算法】 要点: "估算法"毫无疑问是资料分析题当中的速算第一法,在所有计算进行之前必须考虑 能否先行估算。所谓估算,是在精度要求并不太高的情况下,进行粗略估值的速算 方式,一般在选项相差较大,或者在被比较数据相差较大的情况下使用。估算的方 式多样,需要各位考生在实战中多加训练与掌握。 进行估算的前提是选项或者待比较...

2019-01-15 16:55:28 623

转载 vue+elementUI $message

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

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

转载 options请求

&lt;1&gt;一个Option请求引发的深度解析在当前项目中,前端通过POST方式访问后端的REST接口时,发现两条请求记录,一条请求的Request Method为Options,另一条请求的Reuest Method为Post。想要解决这个疑惑还得从以下3个概念说起。Http Options MethodRFC2616标准(现行的HTTP/1.1)中如下描述:简而言...

2018-12-18 17:27:37 25347 1

转载 原生js实现轮播图

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

2018-12-06 15:04:20 1237

转载 浏览器的兼容性问题

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

2018-12-05 11:11:54 692

转载 git 命令总结

 &lt;1&gt;Workspace:工作区 Index / Stage:暂存区 Repository:仓库区(或本地仓库) Remote:远程仓库一、新建代码库# 在当前目录新建一个Git代码库$ git init# 新建一个目录,将其初始化为Git代码库$ git init [project-name]# 下载一个项目和它的整个代码历史$ git...

2018-11-22 16:40:25 136

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

&lt;1&gt;1.利用后台将用户名和密码进行base64加密,浏览器输入登录地址url进行登录var Base64={_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",encode:function(e){var t="";var n,r,i,s,o,u,a;var f=0;e=Bas...

2018-11-01 16:36:23 10365

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

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

2018-11-01 16:07:48 4318

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

&lt;1&gt; String.prototype.format = function(args) { var result = this; if (arguments.length &gt; 0) { if (arguments.length == 1 &amp;&amp; typeof (args) == "object") { for (va...

2018-10-28 15:56:29 9961

转载 vue 路由里面的 hash 和 history

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

2018-10-28 15:45:13 1036

空空如也

空空如也

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

TA关注的人

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