- 博客(65)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 web History
history顾名思义就是对网页的历史记录而前端的history接口就是让我们能够对网页的历史记录进行操作同样可以实现页面的跳转history的apihistory.search()在浏览器历史记录中查找符合给定条件的history.HistoryItemhistory.getVisits()获取指定页面的访问集信息。history.addUrl()为浏览器历史...
2018-10-10 14:44:54
676
翻译 学习fetch
资源翻译于https://developer.mozilla.org/zh-CN/docs/Web/API/Fetch_API/Using_Fetch#Bodyfetch是比XMLHttpRequest更好的替代方案，fetch的api比XMLHttpRequest更加的细致，能够实现更多的功能譬如说发送的报文，fetch大量的api可以让我们对发送的内容进行操控及自定义请求对象例...
2018-10-09 00:40:31
262
翻译 flex布局
容器常见的属性：flex-direction 属性决定主轴的方向（即项目的排列方向） .box { flex-direction: row | row-reverse | column | column-reverse;}flex-wrap 如果一条轴线排不下，如何换行 .box{ flex-wrap: nowrap | wrap | wrap-reverse;...
2018-10-03 20:39:20
152
原创 vue学习一
vue是基于mvvm架构的框架，将前端的开发变得更加的细化，即组件化开发将网页分成一个又一个的组件，并进行一级一级的分层一、指令指令 ：概念 （以后补充）常见的指令有指令 指令形式 用途 缩写 v-on 绑定事件，包括自定义事件 @ v-model 实现数据的双向绑定 v-for 遍历数据对象 v-...
2018-09-18 00:06:46
128
原创 html input表单笔记
caption在h5中被废除使用css captiontable标签实现表单排版可以放弃很难受input.radio name需要不一样进行区分label标签常用于与checkbox或radio关联，以实现点击文字也能选中/取消checkbox或radio。如下图，点击文字和点击前面的单选框效果相同，即加大了控件的可点击区域。lable显示关联与隐式关联label标签和特定表单...
2018-09-17 23:51:00
446
原创 vue虚拟dom
个人观点：有错请指正让我及时更改虚拟dom与真正dom之间性能相差很大借用阮一峰大大的文章网页的生成过程，大致可以分成五步。HTML代码转化成DOM CSS代码转化成CSSOM（CSS Object Model） 结合DOM和CSSOM，生成一棵渲染树（包含每个节点的视觉信息） 生成布局（layout），即将所有渲染树的所有节点进行平面合成 将布局绘制（paint）在...
2018-09-17 23:45:39
896
原创 vue框架认知
vue框架使用的是mvvm架构，与之前的mvp架构不同，将开发的重点放在了数据和数据的处理上，mvvm框架自带的vm层节省了前端开发时必须的操纵dom的操作。直接上一段代码 <div id="app"> <input type="text" v-model= "inputValue" /> <button v-on:click="handleCli.
2018-09-17 23:24:28
132
转载 js 回调
Javascript语言的执行环境是"单线程"（single thread）。一次只能完成一个任务js将任务的执行模式分为同步和异步模式。"异步模式"非常重要。在浏览器端，耗时很长的操作都应该异步执行，避免浏览器失去响应，最好的例子就是Ajax操作。在服务器端，"异步模式"甚至是唯一的模式，因为执行环境是单线程的，如果允许同步执行所有http请求，服务器性能会急剧下降，很快就会失去响应。...
2018-08-14 17:07:37
297
翻译 js函数
一、函数对象 在js里面一切皆为对象。函数也不例外，因此函数为可以成为函数对象。 每个函数被创建时都会被连接到原型Function.Prototype。 因为函数是对象，因此函数可以保存在变量、对象、数组中。函数可以被传递给其他函数、函数也可以返回函数，函数也可以返回方 法。二、函数的字面量 例子: var ...
2018-08-14 13:27:08
84
原创 javascript函数调用模式
函数被调用时会暂停当前函数的执行并传递控制权和参数给新的函数。函数还有两个默认的接受参数this、arguements this取决于函数的调用模式 1.方法调用模式 将函数保存在对象的属性时，称为方法。当方法被调用时，this被绑定在该对象 例：/*方法调用模式*/ var myobjec...
2018-08-14 13:26:31
131
原创 js 递归
1.什么叫做递归？ 一个过程或函数在其定义或说明中有直接或间接调用自身的一种方法； 递归函数就是直接或间接调用自身的函数，也就是自身调用自己； 2.什么时候使用递归 当有反复执行的过程与有跳出反复执行过程的条件时例：n的阶乘var recursive = function(i) { var sum = 0; if (...
2018-08-14 13:25:28
272
翻译 js 作用域与作用域链
js的作用域分为全局作用域与函数作用域、但是在es6之前js没有块级作用域因此for(var i =0;i<10;i++){}console.log(i) 输出的是10实现跨级作用域的方法例如（IIFE）立即调用函数表达式。在闭包中经常看见例(function(){for(var i =0;i<10;i++){}})()console.log(i...
2018-08-14 13:24:11
105
翻译 js闭包
闭包的作用 1.读取函数外部的变量（沿着作用域链寻找） 2.让外部变量始终保持在内存中 需要闭包的原因：由于js作用域链的原因导致外部很难获取函数的内部变量。 闭包的目的： 实现读取其他函数的内部变量，function f1(){ var n=999; function f2(){ ...
2018-08-14 13:23:06
90
原创 js 立即执行函数
立即执行函数其实就是函数的调用。形如(function(){ ... })() (function(){ ... }())要理解函数表达式、函数声明、以及匿名函数函数声明 function funName() {}函数表达式 var funName = function(){}调用函数的方式都为funName（），需要用函数名进行调用。匿名函数 funct...
2018-08-14 13:18:03
222
翻译 javascript数据结构（七）树
1、树的定义首先给出树的相关定义：树（tree）是包含n（n>0）个结点的有穷集，其中： 1）每个元素称为结点（node）； 2）有一个特定的结点被称为根结点或树根（root）； 3）除根结点之外的其余数据元素被分为m（m≥0）个互不相交的集合T1，T2，……Tm-1，其中每一个集合Ti（1<=i<=m）本身也是一棵树，被称作原树的子树。 树也可以这样定义：树是由根结...
2018-07-20 16:12:08
140
翻译 javascript数据结构（六）字典和散列表
集合、字典和散列表可以存储不重复的值。在集合中，我们感兴趣的是每个值本身，并把它当作主要元素。在字典中，我们用[键，值]的形式来存储数据。在散列表中也是一样（也是以[键，值]对的形式来存储数据）。但是两种数据结构的实现方式略有不同，本文将详细介绍字典和散列表这两种数据结构转载于https://www.cnblogs.com/xiaohuochai/p/8183020.html字典 ...
2018-07-20 16:08:03
559
翻译 javascript数据结构（五）集合
集合function Set() { let items = {}; this.has = function(value) { // return value in items; // 或者 return items.hasOwnProperty(value); }; this.add = function(value) { if (!this.has(value))...
2018-07-20 15:58:02
145
翻译 javascript数据结构（四）链表
链表结构示意图 function LinkList() { let Node = function(element) { this.element = element; this.next = null; }; let length = 0, head = null; this.append = function(element) { let node = ...
2018-07-20 15:54:09
120
翻译 javascript数据结构（三）队列
队列先进先出常用的方法 enqueue()队尾添加新的项、dequeue()、front()、isEmpty()、size()// 方法实现队列function Queue() { let items = []; this.enqueue = function(elements) { items.push(elements); } this.dequeue = funct...
2018-07-20 15:40:37
92
翻译 javascript数据结构（二）栈
栈后进先出常用的方法push()、pop()、peek()返回栈顶元素、isEmpty()、clear()、size()栈的代码实现function FStack(){ let items = [];// 添加栈顶元素 this.push = function(element) { items.push(element); }// 清除栈顶元素 this.pop ...
2018-07-20 15:33:15
96
翻译 javascript数据结构（一）数组
一、数组的创建于初始化 var day = new Array() var day = new Array(7) //指定长度 var day = new Array(0, 1, 2, 3, 4); var day = [];二、数组的访问 使用for循环遍历数组三、给数组添加元素array[array....
2018-07-20 15:24:12
196
翻译 vue父子组件互相关联（之一）
父组件通过props将数据传递给子组件，子组件通过触发父组件的绑定函数对父组件的数据进行操控demo如下父组件<template> <div class="hello"> <h1>{{ msg }}</h1> <counter v-bind:num = "num" @incre="increme
2018-07-18 20:56:59
1240
原创 js对象
万物皆是对象1.对象的属性名 var flight = { airline = "oceanic"; }; 对象的可嵌套性 var flight = { airline = "oceanic"; arrival: { LATA: "SYD"; } }...
2018-07-14 10:32:25
116
转载 javascript 对字符串的处理
JavaScript的字符串就是用''或""括起来的字符表示。如果'本身也是一个字符，那就可以用""括起来，比如"I'm OK"包含的字符是I，'，m，空格，O，K这6个字符。如果字符串内部既包含'又包含"怎么办？可以用转义字符\来标识，比如：'I\'m \"OK\"!';表示的字符串内容是：I'm "OK"!转义字符\可以转义很多字符，比如\n表示换行，\t表示制表符，字符\本身也要转义，所以.
2018-04-25 22:13:52
416
原创 前端随笔三
<!DOCTYPE><html> <head> <meta charset="utf-8"> <title>IFE JavaScript Task 01</title> </head><body> <ul id="source
2018-04-22 20:05:21
124
原创 js随笔二
js对数组常用的方法为join()join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。默认为逗号push()和pop()push向最后一个添加元素pop删除最后一个元素shift() 和 unshift()shift删除第一个元素unshift将元素添加到第一个sort()sort() 方法用于对数组的元素进行排序。reverse()用于颠倒数组元素中的顺序c...
2018-04-22 18:09:13
95
原创 js随笔一
获取元素的方法：通过ID获取（getElementById）通过name属性（getElementsByName）通过标签名（getElementsByTagName）通过类名（getElementsByClassName）获取html的方法（document.documentElement） documentElement 属性以一个元素对象返回一个文档的文档元素。 可以看到一个页面的结构...
2018-04-22 16:22:04
149
转载 三栏式布局
本任务主要是利用css完成三栏式布局。关于三栏式布局，常规情况下，可以使用float实现，也可以使用relative来实现。 但是，如果要求左右两层定宽，中间层的宽度随浏览器窗口宽度变化而变化，这种情况下，就适合使用圣杯和双飞翼布局。通过对圣杯及双飞翼布局学习之后，我认为两种布局的主旨是在html结构中，使中间的主体层位于左右两层的前面。任务效果图： 基本思路及区别：1.两种布局的基本构思为：首...
2018-04-18 20:03:16
191
转载 元素居中问题
这篇笔记是根据小薇导师提供的参考资料完成的附上原网址：https://css-tricks.com/centering-css-complete-guide/1.水平居中for inline, inline-block, inline-table, inline-flex……（前提：该元素的父元素为块级元素）element { text-align: center; }for blo...
2018-04-18 19:56:19
111
转载 es5 js 模块开发
模块就是实现特定功能的一组方法。一、原始写法例如 function m1(){ //... } function m2(){ //... }二、对象写法为了解决上面的缺点，可以把模块写成一个对象，所有的模块成员都放到这个对象里面。 var module1 = new Object({ _count : 0, m1 : function (){ //... ...
2018-04-16 01:06:50
1270
原创 jquery load ajax方法
load方法该方法是最简单的从服务器获取数据的方法。它几乎与 $.get(url, data, success) 等价，不同的是它不是全局函数，并且它拥有隐式的回调函数。当侦测到成功的响应时（比如，当 textStatus 为 "success" 或 "notmodified" 时），.load() 将匹配元素的 HTML 内容设置为返回的数据。这意味着该方法的大多数使用会非常简单：$(docum...
2018-04-14 13:12:50
206
原创 vue随笔
v-if ： vue中的条件的判断一般使用 v-for：用于vue中的遍历 官方语言：可以绑定数组的数据来渲染一个项目列表v-on:添加事件监听器 例如click onmouseoverv-on:click="reverseMessage" reverseMessage：是方法的名字，方法定义在methods里面 ...
2018-04-12 00:43:24
101
转载 jquery获取当前页面的高度
$(document).scrollTop() 获取垂直滚动的距离 (即当前滚动的地方的窗口顶端到整个页面顶端的距离)$(document).scrollLeft() 这是获取水平滚动条的距离 要获取顶端 只需要获取到scrollTop()==0的时候 就是顶端了要获取底端 只要获取scrollTop()>=$(document).height()-$(window).height() 就可...
2018-04-02 16:51:54
17620
原创 使用百分比定义宽度
首先将你所要定义宽度的的元素包裹进父元素中当两个元素想要并行时有两种方式一、定义display：inline二、利用float元素进行浮动 父元素要进行clear<div class="section"><div class="text-section"></div><div class="img-section"></di
2018-04-02 16:06:18
1279
转载 vuejs class与style绑定
1.1、对象语法如果数据属性 发生改变，class 列表将相应地更新。【案例】<div id="app"> <div v-bind:class="{active:isActive}"></div></div><script>var app = new Vue({ el:"#app",
2018-04-01 22:10:04
159
原创 javascript学习日记（三）
javascript基本概念语言类c java一、常见的要求 1.区分大小写标识符与c语言要求一样。2.严格模式3.变量：弱语言，不需要专门的定义类型如果在函数中定义变量时不添加var 则该变量为全局变量4.数据类型：undefined、null、boolean、number、String、Object。 （1）typeof（），用来检查数据类型。 （2）null 特殊的数据类...
2018-03-20 16:14:45
121
原创 javascript学习日记（二）
html引入js两种方式1.直接嵌入代码2.引入外部文件<script>的属性defer：告诉浏览器js文件立刻下载，但是需要等到页面加载完毕才能执行。async：只适用于外部的脚本，进行异步的执行。js在xhtml中的应用比较符号的使用1.> < = 只能用&lt等进行实现2.利用CData片段<noscript>:作用平稳退化出现方式：浏览器不支持脚...
2018-03-19 21:35:21
133
原创 js语法学习日记（一）
一、javascript的构成 1.ECMAScript（核心） 定义了javascript的如下内容 语法、类型、语句、关键字、保留字、操作符、对象。 还需要了解最新的es6的内容 2.DOM（文档对象模型） DOM 就是针对 HTML 和 XML 提供的一个API ...
2018-03-17 16:08:09
183
转载 js 事件
js是以事件为驱动的一门语言。事件的三要素为：事件源、事件、事件的驱动程序例如：我们关闭网页上的小广告，x号就是事件源，而事件是onclick，事件驱动程序：广告关闭。总结：事件源：引发后续事件的html标签。事件：js定义好的（例：onclick）。事件驱动程序：对样式和html的操作。也就是dom常见的事件有：1、获取事件源的方式（DOM节点的获取）获取事件源的常见方式如下： var d...
2018-03-15 09:52:05
107
原创 javaweb后端实例 service
service的作用1.将前端需要的业务代码封装成接口2.将do数据封装为vo3.水平有限只知道这些下面展示的代码为将do封装为vopublic class StationService {private StationDao stationDao = new StationDao();public List listSLByYear(int year) {
2017-12-14 14:58:38
924
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人