自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(37)
  • 收藏
  • 关注

原创 【无标题】

Dos命令

2023-04-20 20:49:26 72

原创 linux下非root账号安装jdk和maven

Linux下非root账号安装jdk和maven先下载jdk-8u271-linux-x64.tar.gz, 然后拷贝到Linux服务器上直接解压 tar -zxvf jdk-8u211-linux-x64.tar.gz解压后,配置环境变量 vi ~/.bashrc添加环境最后,执行下 source ~/.bashrc,保存环境变量设置检验java -versionmvn -version...

2020-12-18 09:29:53 491

原创 支付宝小程序

可能大多数人对微信小程序很熟悉,但是对于支付宝小程序了解并不是很多,因为做了一个支付宝小程序,所以把自己遇到的一些问题,或者是说我觉得比较重要的点列出来和大家分享一下。我们先说说支付宝小程序它是什么?顾名思义,支付宝小程序它就是手机应用嵌入支付宝客户端的一种方法,有以下特点: 1.基于 Web 技术,学习成本低 2.一套代码,同时支持 iOS 和 Android,接近原生体验 3.提...

2018-08-28 16:50:02 1084 1

原创 函数属性和方法

我们大家都知道,一个函数它有属性和方法,每个函数都包含两个属性:length和prototype。length属性length属性表示函数希望接收的命名参数的个数。 举个例子function sayName(name){ alert(name);}function sum(sum1,sum2){ return num1 + num2;}funct...

2018-07-22 08:25:22 1983

原创 小程序

最近一段时间小程序异常的火,特别是小程序游戏,刚好也有个小程序大赛,自己恰巧会前端,于是,我就开始了小程序的学习旅程,这个过程确实很有意思。先来说说小程序的官方定义小程序小程序是指微信公众平台小程序,小程序可以帮助开发者快速的开发小程序,小程序可以在微信内被便捷地获取和传播;是一种不需要下载安装即可使用的应用小程序,和原有的三种公众号是并行的体系。简单地说,小程序出现后,手机内存将...

2018-05-28 16:58:41 518

原创 语义化的理解

语义化这个问题在很多面试中都被提及,毕竟在前端的学习中它很重要,也很基础,我今天总结了一些关于语义化的理解,大家一起来学习吧!HTML语义化:根据内容的结构化(内容语义化),选择合适的标签(代码语义化),便于开发者阅读和写出更优雅的代码,同时,让浏览器的爬虫和机器更好地解析。1.去掉或样式丢失时候能让页面呈现清晰的结构:html本身是没有表现的,所以去掉或样式丢失的时候能让页面呈现清晰的结...

2018-05-14 14:44:29 325

原创 垃圾收集

我们都知道JavaScript具有自动垃圾收集机制,这也就是说,执行环境会管理代码执行过程中使用的内存。这种垃圾收集机制的原理很简单:找出那些不再继续使用的变量,然后释放其占用的内存。垃圾收集器必须跟踪那个变量有用哪个变量没用,对于不再有用的变量打上标记,以备将来收回其占用的内存。用于标识无用的策略可能会因实现而异,但具体到浏览器中的实现,则通常有两个策略。一.标记清除1.标记...

2018-04-23 11:02:15 170

原创 HTML中元素居中方法

之前我们就总结过很多剧中的方法,但是时间长不用,就会慢慢遗忘,所以我们从头来复习一次,变想边敲代码……文本居中height + line-height:两者配合使用,垂直方向居中 text-align:父级的text-align,水平方向居中 注意:text-align:center ;只是将子元素里的内联元素居中 如果不是内联元素就要用到 margin: 0 auto;写个简单的代码来理解

2018-03-29 18:55:46 55597

原创 事件冒泡和捕获

之前遇到过冒泡自己没太注意,直到今天在面经中看到,这才意识到是时候该好好研究冒泡和捕获了……我们先来看看事件捕获究竟是什么操作?事件捕获事件捕获:事件从最上一级标签开始往下查找,直到捕获到事件目标(target)。假设一个元素div,它有一个下级元素p。<div>  <p>元素</p></div>这两个元素都绑定了click事件,如果用户点击了p,它在div和p上都触发了click事件,那这两个

2018-03-08 20:32:20 134

原创 ES6-Promise

学过ES6的同学大概都知道Promise,可想而知Promise在ES6中很重要。Promise对象代表了未来将要发生的事件,用来传递异步操作的消息。Promise是一个构造函数,有属于自己私有的all,reject,resolve,rece等方法,也有原型上面的,属于实例对象调用的方法then,catch。Promise对象特点:1.对象的状态不受外界影响。Promise对象代表一个异步操作,有三

2018-03-07 20:56:20 136

原创 正则表达式

正则表达式很好用,我们先来说说什么是正则表达式正则表达式 也称规则表达式。(Regular Expression,在代码中常简写为regex、regexp或RE),正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本。特点: 1. 灵活性、逻辑性和功能性非常强; 2. 可以迅速地用极简单的方式达到字符串的复杂控制; 3. 对于刚接触的人来说,比较晦涩难懂。 4.性能要比正...

2018-02-27 18:18:46 205

原创 MVVM框架

我们大家一直熟知的是MVC架构,iOS应用开发中使用也大都是MVC架构,随着项目开发度的增大,致使C层代码异常复杂,然而近年新出的MVVM架构有取代MVC架构的趋势。那么什么是MVVM架构? 说简单点,它就是MVC架构的加强版。 其实说到MVVM架构,我们很有必要从头来看看这个发展阶段第一阶段JS操作HTML对于js学习前端的我们一点都不陌生,原生js当然也很重要,js操作HTML其实就是js通

2018-02-26 12:32:04 2245

原创 JS中的栈和堆

学过数据结构的同学对于栈和堆都多少有点了解吧!不了解也没关系,学习JS中的栈和堆也一样的^_^,下面我们来看看栈和堆到底是何方神圣……一.栈和堆栈(stack):栈会自动分配内存空间,会自动释放,存放基本类型,简单的数据段,占据固定大小的空间。 基本类型:String,Number,Boolean,Null,Undefined堆(heap):动态分配的内存,大小不定也不会自动释放,存放引用类型,指

2018-02-23 22:48:42 1322 1

原创 Gulp

前端真的是入门简单,要想学深那就很难了…… 今天我跟大家分享一下前端学习中很强大的一个工具GulpGulpgulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器; 不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成; gulp是基于Nodejs的自动任务运行器, 能自动化地完成 javascript/coffee/sass/less/html/im

2018-02-20 17:06:18 110

原创 HTTP AND HTTPS

HTTP和HTTPSHTTP大家都知道它是超文本传输协议,也就是提供一种发布和接受HTML页面的方法。HTTPSHyper Text Transfer Protocol Secure 简单讲就是HTTP的安全版,也就是HTTP下加入SSL层,SSL就是HTTPS的安全基础,加密就更离不开SSL。 HTTP = HTTP + SSLSSL它又是什么?它是一个URI

2018-02-07 19:30:29 287

原创 HTTP知识点小集合

HTTP协议对于HTTP之前我自己了解的不是很多,虽然我的专业是网工……现在了解也还不晚,这就整理了一些知识点和大家分享一下。1.定义: HTTP协议(Hyper Text Transfer Protocol,超文本传输协议)的缩写,是用于从万维网(WWW)服务器传输超文本到本地浏览器的传送协议。 HTTP是一个基于TCP/IP通信协议来传递数据(HTML文件,图片文件,查询结...

2018-02-07 16:28:58 305

原创 Cookie,LocalStorge、SesstionStorge的区别和用法

Cookie什么是cookie?cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。1.cookie所有数据都保存在浏览器,数据大小不超过4k,只适合保存小数据; 2.cookie可以设置保存时间,在设置时间内一直有效,即使关闭浏览器窗口; 3.cookie在所有同

2018-02-06 17:29:16 619

原创 DOM知识点集合

DOMDOM( Document Object Model),文档对象模型,DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。换句话说,这是表示和处理一个HTML或XML文档的常用方法。 Dom技术使得用户页面可以动态地变化,如可以动态地显示或隐藏一个元素,改变它们的属性,增加一个元素等,Dom技术使得页面的交互性大大地增强。 要改变页面的某个东西,JavaScript

2018-02-02 17:08:36 364

原创 HTML知识点

最近在总结之前学过的一些小知识点,和大家分享一下。一.html中的标签元素在html中的标签元素大体被分为三种不同的类型:块级元素、内联元素(又叫行内元素)和内联块级元素。块级元素特点:1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(霸道,一个块级元素独占一行) 2、元素的高度(width)、宽度(height)、行高(line-height)以及顶(top

2018-01-31 21:33:36 159

原创 ES6(二)

5.iterableMap遍历Array可以采用下标循环,遍历Map和Set就无法使用下标。为了统一集合类型,Array、Map和Set都属于iterable类型 具有iterable类型的集合可以通过新的for … of循环来遍历var a = ['A', 'B', 'C'];for (var x of a) { // 遍历Array(Set与Map相同)alert(x);for … in循

2018-01-28 12:09:51 219

原创 ES6(一)

最近ES6 很火,当然这也源于它强大的功能,现在我将自己学到的ES6知识做个小分享。。。1.ES6是什么?ES6:它是ECMAScript 6.0的简称,也是JavaScript语言的下一代标准,它的目标,是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。2.Let和ConstSame:它们都在块级作用域内有效 Difference: Le

2018-01-28 10:56:22 161

原创 01串算法题

今天写了一个简单的算法题和大家分享一下 原题是这样:01串,要求是字符串长度在0-50之间,01串也就是只有0和1,并且左右相邻的数和它本身不一样,然后输出它的最大子串。 example:010:最大子串是3,111111:最大子串是1下面是我的思路先定义一个计数器cnt,统计最大子串长度 再定义一个max,表示初始最大的子串 然后我们可以利用charAt()来比较它的前后项 如

2018-01-26 21:24:33 2401

原创 Vue实例-2

接着上一篇我们继续学习有关vue的实例5.v-if及v-else-if指令v-if 是一个指令,所以必须将它添加到一个元素上,通俗说就是它必须要有父元素 如果想切换多个元素可以这样写<!--如果想切换多个元素,此时可以把一个 <template> 元素当做不可见的包裹元素,并在上面使用 v-if。最终的渲染结果将不包含 <template> 元素。--><template v-if='ok'>

2018-01-25 21:48:10 209

原创 Vue实例-1

对于vue如果只是学习知识点,完全掌握它是不太现实的,所以说写一些小实例很有必要,和大家分享一下。。。1.事件处理 v-on及修饰符这是一个点击按钮事件和一个鼠标移动事件的案例<div id="app"> <h1>Event</h1> <input v-on:click="add" type="button" value="加一岁" /> <input

2018-01-25 11:58:35 165

原创 浅谈VUE

1.学习vue的目标  通过尽可能简单的API实现响应的数据绑定和数组的视图组件2.核心  一个响应的数据绑定系统,它让数据与DOM保持同步3.理解MVC架构和MVVM开发方式  实现基于MVVM实现交互式的Web界面  掌握用vue.js实现网站开发4.组件系统:一种抽象,提供小组件来构建大型应用,然后形成一个组件树。5.属性和方法  每个vue实例都会代理d

2018-01-24 10:32:46 174

原创 同源策略及jsonp

今天看到了同源策略,自己百度了一下,简单的进行了一些了解和大家分享一下:同源策略     它是由Netscape提出的一个著名的安全策略,现在所有支持JavaScript 的浏览器都会使用这个策略。     实际上,这种策略只是一个规范,并不是强制要求,各大厂商的浏览器只是针对同源策略的一种实现。它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到

2018-01-17 18:13:29 223

原创 Ajax

今天了解了一点关于Ajax的东西,和大家分享一下:1.AJAXAJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。优点:在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容2.XMLHttpRequestXMLHttpRequest是AJAX的基础, 用于在后台与服务器交换数据。现在所有浏览器都内建XMLHttpRequest对象。创

2018-01-16 16:44:20 115

原创 Vue.js的计算属性

计算属性关键词:computed计算属性用途:用来处理一些复杂逻辑问题。字符串反转问题相信很多人遇到过吧,我们可以用计算属性来演示一下Vue 计算属性 原始字符串: {{ message }} 计算后反转字符串: {{ reversedMessage }}var vm = new Vue({ el: '#app', data: { mess

2018-01-14 15:45:19 199

原创 var,const,let区别

之前被学姐问const和let有什么区别,没有答出来,自己查阅了一些资料和大家分享一下。 1.var     定义的变量可以修改,也可以不给它初值,如果没有没有初始化就是undefined,不会报错。2.const  定义的变量必须初始化,而且不可以修改。3.let       是块级作用域,函数内部使用let定义后,对函数外部无影响。

2018-01-11 19:16:34 145

原创 JavaScript Math方法

今天给大家分享一些Math的有关方法1.Math.round();            四舍五入2.Math.random();         0-1之间的随机数3.Math.max();               较大的数4.Math.min();                较小的数这四种是最常见的方法,当然Math还有其他的一些数学运算方法abs();   绝

2018-01-11 15:09:22 209

原创 JavaScript数组常用方法

今天复习了一下JavaScript内置对象中数组的一些内容,其实数组中的一些方法我们在字符串中学过,记性比较差,还是再复习一次吧!!!现在总结了这些方法和大家分享一下:1.arr.join();                    用数组的元素组成字符串     2.arr.push("www");       在数组最后面添加一个元素   返回数组新长度,返回值nu

2018-01-10 19:32:20 198

原创 jQuery遍历的常用方法

1.jQuery parent() 方法parent() 方法返回被选元素的直接父元素。该方法只会向上一级对 DOM 树进行遍历。2.jQuery parents() 方法parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 ()。也可以在里面加一个参数,有选择性的对其祖先元素改变。3.jQuery parentsUntil() 方法paren

2018-01-10 19:28:54 472

原创 Git学习

1.Git是分布式控制版本,不同于集中式控制版本,它使用起来比较方便,在不联网的状态下管理也比较方便。2.Git安装  我电脑是window版本,所以在这里给大家分享window版本下的安装及简单操作  msysgit是window版的git,在http://msysgit.github.io/下载,然后按默认选项安装即可;  安装完成后,在 Git -> Git Bash 下出现

2018-01-09 10:54:47 154

原创 字符串操作

String属性1.length字符串长度(js中的中文每个汉字也只代表一个字符,这里可能跟其他语言有些不一样)2.prototype属性String对象方法1.获取类方法charAt ()   获取指定位置的字符串,index为字符串索引值,从0开始到string.leng – 1,若不在这个范围将返回一个空字符串。charCodeAt()   可返回指定位置的字符的Un

2018-01-05 11:20:57 168

原创 容器左右布局方法

一个容器左右布局,左边固定宽度,右边自适应宽度1.利用css3的cacl(算术表达式) 属性来设置宽度  cacl 运算符左右两边必须要有空格​&lt;style&gt;.div1{width: 200px; height: 300px; background-color: yellow;float: left;margin-right: 10px;}.div2{width:...

2018-01-05 11:19:37 1164

原创 居中

1.块元素文字居中文字居中 text-align:center                 line-height=块的高度块居中margin:0. auto           只能在子元素比父元素小,在父元素中居中                                  只能水平居中2.万能居中方法:首先移动子元素宽度(高度)的一半left:50%

2017-08-08 07:08:13 237

原创 盒子模型

padding内间距margin外间距盒子模型*{box-sizing}    /*通配选择器*/.box{属性}.box_1{属性}   /*box_1在box里面*/class可以重复id是唯一的内联块display:inline-block 浮动float:right/left绝对位置absolute相对位置relative

2017-08-08 07:06:07 183

空空如也

空空如也

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

TA关注的人

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