- 博客(27)
- 收藏
- 关注
RSS订阅原创 Red Hat 6.5安装gcc
首先需要下载以下很多的包：地址为：http://vault.centos.org/6.5/os/x86_64/Packages//* 注意：这些包在后续的安装过程中应严格按照顺序，依次安装~ */glibc-common-2.12-1.80.el6.x86_64.rpmkernel-headers-2.6.32-279.el6.x86_64.rpmlibgcc-4.4.6-4.el6.x...
2019-09-14 19:18:33
1209
原创 iframe实现左侧超链接，右侧显示内容
此方法常用在 后台管理系统 的页面布局上。核心：利用 html 中的 iframe标签，结合超链接的 target 属性实现。效果：在图中的粉色内容右边位置，显示对应的 html 链接的内容，而不是出现在一个新的、全屏的页面上。点击 a.html 超链接点击 b.html 超链接点击 c.html 超链接HTML核心代码<body><div c...
2019-08-28 13:59:49
6103
8
原创 VS code部署webpack
这篇部署成功(https://blog.youkuaiyun.com/ChickenBro_/article/details/92834627)
2019-08-26 13:09:53
579
原创 JS闭包和事件流
闭包：什么是闭包？能够读取到其他函数内部变量的函数是把函数内部与函数外部连接起来的桥梁。闭包的作用？读取函数内部的变量，并让这些变量始终保存在内存中。闭包的缺点？由于变量会一直保存在内存中，所以会增大内存使用量使用不当会造成内存泄漏！！！！！JS闭包使用注意：=》如果不是特殊的需要，在其他函数中创建函数的做法是不明智的。=》闭包对脚本性能具有负面影响，...
2019-08-24 20:05:31
266
原创 彻底区分行内元素和块级元素！
元素特性：块级元素（block）特性：总是独占一行，表现为另起一行开始。(即其后的元素必须另起一行显示)宽度(width)、高度(height)、内边距(padding)、外边距(margin)都是可控的。行内元素（inline）特性：和相邻的元素显示在同一行。（即其后的元素会和行内元素在同一行显示，在没有特别定义换行的情况下)width、height、padding-to...
2019-08-24 19:25:44
548
原创 对网站性能优化的理解
何谓优化：从用户角度：=》会使页面加载的更快=》对用户的操作响应的更加及时=》会为用户带来更好地体验从服务端角度：=》减少页面请求次数=》减小请求所占带宽=》节省资源小结：恰当的优化，不仅能够改善用户的体验，也能够节省一部分资源的利用。优化的途径：一、页面级别的优化内联脚本的位置优化按需加载资源可使用ajax，局部刷新页面，减少页面请求次数二、代码级别...
2019-08-15 09:49:30
211
原创 jQuery中$.get()和$.post()提交的异同
两种方式的相同点：都是通过异步请求的方式来获取服务端的数据。两种方式的不同点：1、请求方式不同$.get()方法时通过GET方法来进行异步请求的。$.post()方法则是通过POST方法来进行异步请求的。2、能传输数据的大小不同$.get()传输的数据大小不能超过2KB。$.post()方法数据传输大小要比get大的多。3、参数传递方式不同$.get()的参数是跟...
2019-08-15 08:56:00
702
1
原创 浏览器输入url到显示页面，都经历了什么?
过程分析：1、首先，我们在浏览器地址栏中，输入要查找页面的url。2、然后浏览器依次在 浏览器缓存 -> 系统缓存 -> 路由器缓存中去寻找匹配的url，如果这些缓存中有，就会直接在屏幕中显示出页面内容。若没有，则跳到第三步操作。3、在发送http请求前，浏览器需要先进行域名解析(即DNS解析)，以获取相应的IP地址。补充：DNS (Domain Name System)是一个...
2019-08-15 08:41:39
251
原创 CSS的px和em的区别
一、px：pixel（像素）的缩写=》1024px就是1024像素，也就是点。=》任意浏览器的字体默认的大小都是16px。=》windows的一般浏览器是 1024*768，也就是水平上有1024个点，垂直有768个点。=》利用px来设置字体大小时，比较精确，但是有缺陷，当用户在浏览器中浏览web页面时，如果改变了浏览器窗口的缩放，那么web页面布局会乱，利用em就不会存在这个问题。二、...
2019-08-12 13:28:50
586
原创 CSS3背景
background相关属性汇总：一、background-image：设置背景图片=》多个背景图片的导入，中间使用逗号隔开即可。=》花(flower.png)放在右下角，不重复出现。=》纸(paper.png)放在左上角，重复出现。#image{ background-image:url(flower.png),url(paper.png); background-position...
2019-08-12 12:52:27
130
原创 CSS3渐变
CSS3渐变(gradient)类型：线性渐变( linear-gradients)：从上到下(默认情况)，也可以从左向右开始渐变。径向渐变( radial-gradients)：按照椭圆(默认情况)(ellipse)，或者圆(circle)的方式从中心开始渐变，类似于水波的涟漪效果。渐变使用方式和效果展示：1、不重复的线性渐变(linear-gradient)background...
2019-08-12 11:58:09
281
原创 ES6日期函数整理(常用)
年月日时分秒获取一、得到日期的年let date = new Date(); let year = date.getFullYear();二、得到日期的月let month=date.getMonth()+1;// 拿到的 month 值一般是从0开始的，所以需要+1三、得到日期的日(具体几号)let date = date.getDate();四、得到星期几let da...
2019-08-12 11:14:59
8316
2
原创 Null和Undefined的区别与联系
JS数据类型Null和Undefined的不同与相同点：1、Undefined类型:使用var关键字声明了变量、但还未对其初始化 (即未赋值)。可以理解为变量声明了之后，默认就会取得undefined值。Undefined类型只有一个值，即特殊的undefined。var message; // 这个变量声明之后默认取得了undefined值// age 变量并没有声明// ...
2019-07-09 20:39:37
1516
1
原创 HTML5新增表单属性(常用）
HTML5中新增的常用的表单属性 =》required属性 =》autofocus属性 =》placeholder属性1、required属性=》用于简单的表单非空验证=》email类型判断是否合法=》required=“required”=》必须放在form表单里才会有效=》required=“required”使用方式：<form> <i...
2019-07-08 16:58:27
492
2
原创 Vue的get和post请求
=》vue的resource包中包含了get和post方法。=》导入resource包之后，可以直接使用=》都是通过this.$http.get(’ URL ').then(result=>{});1、get请求来从服务器获取数据说明：通过在this.$http.get()中传递需要拿到的数据地址，然后通过.then来设置成功的回调函数，通过判断result.status来判断是否成...
2019-07-06 19:59:10
2490
原创 Vue实例的生命周期
生命周期：-》即Vue实例从开始创建、编译模板、挂载DOM、渲染->更新->渲染、销毁等一系列的过程，称为Vue实例的生命周期。三个阶段：-》初始化阶段-》运行阶段-》销毁阶段初始化阶段：第一个生命周期函数：beforeCreate(){}。只是初始化，Vue实例的data和methods中的数据都还没有初始化。第二个生命周期函数：created(){}。该函数执行后...
2019-06-14 21:53:54
146
原创 ES6数组方法
ES6中四个数组的使用方法：map(映射)：可用于输出数组每一项的值reduce(汇总)：可用于数组的求和操作filter(过滤器)：得到数组中满足指定条件的项forEach(循环迭代)：实现数组的遍历操作一、map的使用：参数为： 数组的每一项let arr=[12,13,14,15,16];arr.map(item=>{ document.write(item);...
2019-06-10 22:26:02
277
原创 Vue自定义私有和全局指令
通过Vue.directive来自定义全局指令：1、全局指令的定义方法为：Vue.directive(‘指令名称’，{} );其中 {} 内包含的函数被称为**“钩子函数”**。2、常用的钩子函数有：bind:function(el,{});inserted:function(el,{});updated:function(el,{});let vm=new Vue({V...
2019-06-08 11:40:28
1062
1
原创 v-if和v-show的异同和使用场景
通过一个案例来寻找v-if和v-show的异同：说明：1、el（即element的缩写），它指定vm实例对象将要控制的区域，(本例为id="app"的模块。)2、data 是个对象，指定了控制区域内要用到的数据。3、methods 虽然有s后缀，但是它代表对象，在此部分自定义方法。4、在VM实例中，如果要访问data上的数据，或者要访问 methods中的方法，必须要在前面加 this。&...
2019-06-02 10:36:01
5528
1
原创 Vue指令用法1
Vue指令用法1先简单介绍Vue的特点：1、是一套构建用户界面的框架，有提过双向数据绑定的功能，实现前后端的相互通信。2、只关注视图层，也就是说，通过框架中所提供的指令，使得前端只需要关心数据的业务逻辑，不用关心dom是如何渲染的。Vue指令及其试用场景：一、适用于文本的指令v-text：使用该指令用来显示文本内容，但不会解析html标签，即把标签当做文本显示出来。v-htm...
2019-06-02 10:09:43
404
原创 我对MVC和MVVM的认知
我对MVC和MVVM的认知后端MVCM：(model层)：主要负责数据的crud(create、read、update、delete)。V：(view层)：相当于前端的页面。C：(controller层)：业务逻辑层。控制层可分为四个部分1、对前端页面的所有请求进行初步处理(app.js)。2、路由分发处理模块(rooter.js)，因为要保证每个模块职能单一，所以rooter.js...
2019-05-31 11:30:38
201
1
原创 jQuery实现图片切换
在学习使用$()来实现jQuery伪数组的遍历过程中，突然希望实现在一个固定的div框中，通过鼠标点击不同的标题来查看对应的图片，做到对应的图片的隐藏和展示功能。通过下标的遍历来实现。设置选择项：<ul id="tab"> <li>图片一</li> <li>图片二</li> <li>图片三</li> &...
2019-05-02 16:53:16
2522
原创 jQuery中，$.和$().有什么区别以及多个选择器的执行
$代表jQuery对象，同时也是一个函数对象$()和jQuery()是jQuery的核心函数，执行这两个元素返回的是一个DOM元素$()是一个函数，等同于jQuery()，可在括号内传参数，传参后可获取元素$(".one")表示获取class=“one"的元素，返回一个jQuery对象$(”.one").onclick表示class="one"的点击事件$.post() $.get()...
2019-04-27 22:45:41
26703
2
原创 jQuery中 append()/prepend() 和 after()/before() 的异同
学习jQuery添加元素部分中，在指定位置之前添加内容可以使用 prepend()/before()，在指定位置之后添加元素可以使用append()/after()。本来以为只是相同的实现效果的两种不同方式，结果尝试后，发现两组方法在代码格式上有着细微的不同之处。两组方法的不同之处在于：使用append()方法在元素后面追加的效果：<h1>标题一</h1><d...
2019-04-15 12:24:04
754
6
原创 栈和寄存器总结
栈：一种在计算机内部模拟“先进后出”的数据结构。栈指针寄存器：ESP寄存器，指向栈的顶部。帧指针寄存器：EBP寄存器，指向栈的底部。栈帧：每条语句，或每个过程都有自己的栈区。所以栈帧在栈指针和帧指针之间。函数入口参数的压栈顺序为：从右到左。例如： void function(int x,int y,int z){ // 先Z入栈，再y,再z }栈的存...
2019-04-12 14:39:47
4877
4
原创 jQuery输入框焦点效果
利用 focus() 和 blur() 实现鼠标点击焦点效果点击输入文本框时，背景色为 #cccccc。点击下一个文本框时，上个文本框背景色变为#ffffff 。jQuery代码块：focus()和blur()必须配合使用才有效果，其中$(“input”)为元素的选择器。...
2019-04-11 22:27:24
419
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人