- 博客(58)
- 收藏
- 关注
转载 06-Vue路由
什么是路由对于普通的网站,所有的超链接都是URL地址,所有的URL地址都对应服务器上对应的资源;对于单页面应用程序来说,主要通过URL中的hash(#号)来实现不同页面之间的切换,同时,hash有一个特点:HTTP请求中不会包含hash相关的内容;所以,单页面程序中的页面跳转主要用hash实现;在单页面应用程序中,这种通过hash改变来切换页面的方式,...
2019-07-26 17:01:00
156
转载 05-Vue组件
定义Vue组件什么是组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可; 组件化和模块化的不同:模块化: 是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职能单一;组件化: 是从UI界面的角度进行划分的;前端的组件化,方便UI组件的重用; -全局...
2019-07-26 14:51:00
144
转载 Git版本管理工具使用
1.Git简介 Git(读音为/gɪt/。)是一个开源的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理。Git 是Linus Torvalds为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。2.安装Git 官方下载链接:https://git-scm.com/downloads/3.Git使用 ...
2019-07-23 16:11:00
195
转载 React 环境搭建
移动App开发环境配置-安装最新版本的java jdk修改环境变量,新增JAVA_HOME的系统环境变量,值为C:\Program Files (x86)\Java\jdk1.8.0_112,也就是安装JDK的根目录修改系统环境变量Path,在Path之后新增%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;新建系统环境变量CLASSPAT...
2019-06-05 16:00:00
113
转载 04-Vue中的动画
Vue中的动画为什么要有动画:动画能够提高用户的体验,帮助用户更好的理解页面中的功能;-使用过渡类名1.html<div id="app"> <input type="button" value="动起来" @click="myAnimate"> <!-- 使用 transition 将需要过渡的元素包裹起来 --&g...
2019-06-04 15:04:00
65
转载 03-vue实例生命周期和vue-resource
vue实例的生命周期什么是生命周期:从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期!生命周期钩子:就是生命周期事件的别名而已;生命周期钩子 = 生命周期函数 = 生命周期事件主要的生命周期函数分类:创建期间的生命周期函数:beforeCreate:实例刚在内存中被创建出来,此时,还没有初始化好 data 和 ...
2019-05-28 23:23:00
121
转载 02-vue过滤器和键盘修饰符
过滤器概念:Vue.js 允许你自定义过滤器,可被用作一些常见的文本格式化。过滤器可以用在两个地方:mustache 插值和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符指示;-私有过滤器HTML元素:<td>{{item.ctime | dataFormat('yyyy-mm-dd')}}<...
2019-05-28 22:12:00
81
转载 01-vue指令
什么是Vue.jsVue.js 是目前最火的一个前端框架,React是最流行的一个前端框架(React除了开发网站,还可以开发手机App, Vue语法也是可以用于进行手机App开发的,需要借助于Weex)Vue.js 是前端的主流框架之一,和Angular.js、React.js 一起,并成为前端三大主流框架!Vue.js 是一套构建用户界面的框架,只...
2019-05-28 20:55:00
69
转载 webpack
一、什么是 webpack?webpack 是一个模块打包器。webpack 的主要目标是将 JavaScript 文件打包在一起,打包后的文件用于在浏览器中使用,基于 node 。二、webpack 安装/* 注意:以下命令均在 Windows CMD 下运行 */1. 运行`npm i webpack -g`全局安装webpack,这样就能在全局使用...
2019-05-18 17:19:00
103
转载 nrm 工具的使用
一、什么是nrm?这是官方的原话: 开发的npm registry 管理工具nrm, 能够查看和切换当前使用的registry, 最近NPM经常 down 掉, 这个还是很有用的哈哈顾名思义,就是说nrm是一个管理npm的工具,如果你不知道npm是什么的话,请看下这里npm的是什么?。二、nrm 的安装/* 注意:以下命令均是在 Windows C...
2019-05-18 00:14:00
197
转载 Linux下安装MySQL
数据库服务器(MySQL)步骤一:在数据库服务器安装MySQL源(1) 首先更换Linux源为阿里云源(2)更新缓存步骤二:在数据库服务器安装MySQL服务器(1) 安装前需先卸载mariadb(2) 安装MySQL服务(这里有三个依赖包)步骤三:执行命令启动MySQL(1) 启动服...
2019-05-11 02:28:00
54
转载 Node环境配置
1.官网下载msi文件安装2.多版本安装 -1.卸载已有node -2.安装nvm -在磁盘创建根目录 -在根目录下创建两个子目录(nodejs、nvm) -将下载的nvm.zip解压到nvm目录,运行install.cmd回车,配置生成文件,另存为当前目录 -root: 修改为当前路径 -path: 修改为nodej...
2019-05-05 17:08:00
72
转载 07.移动端类库
iScroll.js一个可以实现客户端原生滚动效果的类库。1、下载iScroll2、build目录下提供了不同版本的iScroll,可根据情况选择使用3、html要求有3层结构如下图4、获取wrapper这个最外层结点,然后实例化,如下图swipe.js1、下载swipe.js2、html结构要求有三层结构,如下图3.需要一些基础CS...
2019-05-04 21:07:00
123
转载 06.网页布局
布局方式1、固定宽度布局:为网页设置一个固定的宽度,通常以px做为长度单位,常见于PC端网页。2、流式布局:为网页设置一个相对的宽度,通常以百分比做为长度单位。3、栅格化布局:将网页宽度人为的划分成均等的长度,然后排版布局时则以这些均等的长度做为度量单位,通常利用百分比做为长度单位来划分成均等的长度。4、响应式布局:通过检测设备信息,决定网页布局方式,即用户如果采用不同...
2019-05-04 21:07:00
254
转载 04.触屏事件
事件类型touchstart: 手指触摸屏幕时触发touchmove: 手指在屏幕上移动时触发touchend: 手指离开屏幕时触发TouchEvent对象touches: 位于屏幕上的所有手指的列表targetTouches: 位于该元素上的所有手指的列表changedTouches:touchstart时包含刚与触摸屏接触的触点,touchend时包含离开...
2019-05-04 21:06:00
105
转载 05.预处理器
CSS 预处理器是一种语言,用来为 CSS 增加一些编程的的特性,无需考虑浏览器的兼容性问题,并且你可以在 CSS 中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧,可以让你的 CSS 更简洁,适应性更强,代码更直观等诸多好处。常见的CSS预处理器有:LESS、SASS、Stylus等LESSLESS 是动态的样式表语言,通过简洁明了的语法定义,使编写 CSS...
2019-05-04 21:06:00
91
转载 03.媒体查询
媒体查询设备终端的多样化,直接导致了网页的运行环境变的越来越复杂,为了能够保证我们的网页可以适应多个终端,不得不专门为某些特定的设备设计不同的展示风格,通过媒体查询可以检测当前网页运行在什么终端,可以有机会实现网页适应不同终端的展示风格。 媒体类型将不同的终端设备划分成不同的类型,称为媒体类型 媒体特性每种媒体类型都具体各自不同的特性,根据不同媒体...
2019-05-04 20:41:00
88
转载 轮播图制作
1.js实现轮播图<div class="banner"> <ul class="jd_bannerImg clearfix"> <li> <a href="javascript:;"> ...
2019-05-04 20:34:00
138
转载 02 视口
视口(viewport)是用来约束网站中最顶级块元素<html>的,即它决定了<html>的大小。1.1 PC设备在PC设备上viewport的大小取决于浏览器窗口的大小,以CSS像素做为度量单位。通过以往CSS的知识,我们都能理解<html>的大小是会影响到我们的网页布局的,而viewport又决定了<html>的大小,所...
2019-04-22 20:19:00
128
转载 01.基础知识
1.1 屏幕移动设备与PC设备最大的差异在于屏幕,这主要体现在屏幕尺寸和屏幕分辨率两个方面。通常我们所指的屏幕尺寸,实际上指的是屏幕对角线的长度(一般用英寸来度量)如下图所示而分辨率则一般用像素来度量 px,表示屏幕水平和垂直方向的像素数,例如1920*1080指的是屏幕垂直方向和水平方向分别有1920和1080个像素点而构成,如下图所示1.2 ...
2019-04-21 17:27:00
77
转载 PHP基本语法
PHPphp是一种后台编程语言;使用php可以开发动态网站和后台接口(所谓接口就是url地址,用于给前端提供数据)。php基础语法 - 变量 - 字符串拼接 - 单引号与双引号 - 内容输出 - 数据类型 - 运算符 - 分支循环语句 - 函数 - 预定义变量(表单处理)变量 -变量以$开头 字母/数字/下划线 不能以数字开头,大小写...
2019-04-12 09:52:00
114
转载 原生Ajax详解
原生Ajax发送请求: 1.创建XMLhttpRequest对象 ie中为ActiveXobject("Microsoft.XMLHTTP") 早期的ie浏览器 2.准备发送 3.执行发送动作 4.指定回调函数 案例: 1.html文件<!DOCTYPE html><html>...
2019-04-12 08:05:00
139
转载 fullpage 全屏插件
fullpage 全屏插件全屏滚动效果,原生js也很好实现,主要是用 mousewheel 鼠标滚轮滚动事件, 来判断上滚动还是下滚动,之后设置每次滚动的高度为屏幕的高度即可。但是,虽然效果简单,但是兼容性很差,要做很多兼容处理及比较麻烦啦!fullPage.js 是一个基于 jQuery 的插件,它能够帮你很方便、很轻松的制作出全屏网站。github 官网 ...
2019-04-11 22:58:00
110
转载 jQuery事件绑定,解绑,触发
事件绑定1.bind(type,[data],fn) --type: 含有一个或多个事件类型的字符串,由空格分隔多个事件。比如"click"或"submit",还可以是自定义事件名。 --data:作为event.data属性值传递给事件对象的额外数据对象 --fn:绑定到每个匹配元素的事件上面的处理函数 例子:$("p").bind("click",...
2019-03-25 08:40:00
88
转载 Ajax - Apache安装配置
apache安装配置1.安装wamp2.配置根路径3.默认的网站根路径是安装目录的www子目录,如果不想使用默认目录,可以自己配置。配置方式如下: --找到文件wamp\bin\apache\Apache2.4.4\conf\httpd.conf 或者打开如下文件(实际是同一个文件) --在文件中搜索DocumentRoot --修改根路...
2019-03-24 17:27:00
130
转载 jQuery元素操作
jQuery中创建元素及追加元素DOM中可以动态创建元素:document.createElement(“标签的名字”);jQuery中同样可以创建元素标签,并且返回的就是jQuery对象,可以直接调用方法进行使用1.append 方法用来在元素的末尾追加元素(最后一个子节点)。增加元素末尾2.prepend ,在元素的开始添加元素(第一个子节点)。增加元素开始3.a...
2019-03-24 14:18:00
270
转载 jQuery动画
jQuery动画1.hide([speed,[easing],[fn]])方法:隐藏显示的元素参数: ①speed[,fn] speed:三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如:1000) fn:在动画完成时执行的函数,每个元素执行一次。 ②[speed],[easing],[fn...
2019-03-23 13:54:00
58
转载 jQuery链式编程
链式编程多行代码合并成一行代码,前提要认清此行代码返回的是不是对象.是对象才能进行链式编程.html(‘val’).text(‘val’).css()链式编程,隐式迭代链式编程注意:$(‘div’).html(‘设置值’).val(‘设置值’);这样可以,但是$(‘div’).html().text()这样是不对的,因为获取值时返回的是获取的字符串而不是对象本身所以不能链式编...
2019-03-22 11:36:00
148
转载 Jquery 使用和Jquery选择器
jQuery中的顶级对象($)jQuery 中最常用的对象即 $ 对象,要想使用 jQuery 的方法必须通过 $ 对象。只有将普通的 Dom 对象封装成 jQuery 对象,然后才能调用 jQuery 中的各种方法。$ 是 jQuery 简写,在代码中可以使用 jQuery 代替$ $ ,但一般为了方便大家都直接使用 $。例如;通过和JavaScript对比//W...
2019-03-05 22:43:00
95
转载 初识jQuery
常见的JavaScript框架库1.什么是JavaScript 框架库?普通JavaScript 的缺点:每种控件的操作方式不统一,不同浏览器下有区别封装库,要编写跨浏览器的程序非常麻烦。因此出现了很多对JavaScript 的。2.常见的JavaScript 框架库Prototype 、YUI( 网络反响一般) 、Dojo 、ExtJS 、jQuery 等,这些库对Ja...
2019-03-05 20:43:00
87
转载 正则表达式
正则表达式(regular expression)描述了一种字符串匹配的模式(pattern),可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。目的:1. 给定的字符串是否符合正则表达式的过滤逻辑(称作“匹配”):2. 可以通过正则表达式,从字符串中获取我们想要的特定部分。特点:1. 灵活性、逻辑性和功能性非常强;...
2019-02-27 21:13:00
156
转载 正则表达式
正则表达式(regular expression)描述了一种字符串匹配的模式(pattern),可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。目的:1. 给定的字符串是否符合正则表达式的过滤逻辑(称作“匹配”):2. 可以通过正则表达式,从字符串中获取我们想要的特定部分。特点:1. 灵活性、逻辑性和功能性非常强;...
2019-02-27 21:13:00
54
转载 JavaScript函数继承
在ES6中有了继承,使用extends关键字就能实现。但这里讲的讲的不是这种,而是ES6之前的几种实现继承的方式。(一)原型继承ECMAScript中将原型链作为实现继承的主要方法。其基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。例如:<!DOCTYPE html><html> <head> ...
2019-02-24 15:01:00
104
转载 Linux常用命令
关机(系统关机,重启等) shutdown -h now 关闭系统(1) init 0 关闭系统(2) telinit 0 关闭系统(3) shutdown -h hours:minutes & 按预定时间关闭系统 shutdown -c ...
2019-01-30 21:13:00
532
转载 JavaScript原型链
原型链是实现继承的主要方法。其基本思想是:利用原型让一个引用类型继承另一个应用类型的属性和方法。简单回顾一下构造函数、原型和实例的关系:每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针。prototype 和_proto_之间的关系:一个基本对象都有自己的_proto_属性,而每一个函数对象都有...
2019-01-29 21:09:00
95
转载 JavaScript原型
js原型 js每声明一个function,都有prototype原型,prototype原型是函数的一个默认属性,在函数的创建过程中由js编译器自动添加。也就是说:当生产一个function对象的时候,就有一个原型prototype。例如:prototype的属性值是一个对象,是属性的集合,是属性的集合,是属性的集合例如:function ...
2019-01-29 20:57:00
58
转载 使用Python下载工具you-get下载媒体文件
You-Get是一个基于 Python 3 的下载工具。使用 You-Get 可以很轻松的下载到网络上的视频、图片及音乐。使用you-get下载媒体文件1.安装Python(步骤详情见另一篇文章)2.安装you-get 1.打开cmd,输入命令并执行 pip3 install you-get 2.输入命令,检测 You-Get 是...
2018-12-15 13:49:00
325
转载 解决高度塌陷问题
所谓高度塌陷就是在文档流中,父元素的高度默认是被子元素撑开的,也就是子元素多高,父元素就多高。但是当为子元素设置浮动以后,子元素会完全脱离文档流,此时将会导致子元素无法撑起父元素的高度,导致父元素的高度塌陷。由于父元素的高度塌陷了,则父元素下的所有元素都会向上移动,这样将会导致页面布局混乱。例如:<!DOCTYPE html><html> ...
2018-11-17 15:29:00
112
转载 清楚浏览器默认样式
通用CSS模板下载:https://pan.baidu.com/s/1r4WFPNEWNweNDB-j7E3r9A通用模板内容:/* v2.0 | 20110126 http://meyerweb.com/eric/tools/css/reset/ License: none (public domain)*/html, body, div, span,...
2018-11-12 18:28:00
131
转载 解决ie6中png图片格式不兼容问题
在IE6中对图片格式png24支持度不高,如果使用的图片格式是png24,则会导致透明效果无法正常显示解决方法: 1.可以使用png8来代替png24,即可解决问题,但是使用png8代替png24以后,图片的清晰图会有所下降 2.使用JavaScript来解决该问题,需要向页面中引入一个外部的JavaScript文件,然后在写一下简单的JS代码,来处理该问题 j...
2018-11-11 15:50:00
182
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人