目录基本概念代码与实例基本概念这里有如下页面：这里面表单的数据都是从后端获取的，点获取数据，会调用getRecord方法从数据库获取数据。点击提交备注，是备注可以让用户填写。提交后，更新数据库中的数据。在freemarker中使用${xxxx}，这种方式获取单条的数据。代码与实例前端代码如下：数据获取页面获取数据用户名密码创建时间备注注意成功获取帐号后，需要填写备注信息，随后点击提交备注按钮，避免

目录1.上次回顾.call()清除浮动静态属性数组定义2、本次内容2.1、搭建开发环境1.上次回顾类和继承Set和Map集合箭头函数Promise和Generator上次作业：要求：每10分钟开奖1次。在未开奖之前，可以选择任意一个数作为自己选择的彩票号码。设置用户在每次开奖阶段只有3次选号机会。到抽奖时间判断用户是否中奖，并提示中奖金额。笔记：每秒显示倒计时时间，不能只用setInterval倒

css盒子就是它的盒模型，所有css的布局都是以此作为基础的，很有必要来详细记录一下。1、盒子的尺寸就是margin+padding+border+content的总和，这很好理解，但令人迷惑的可能就是四个顶角是怎样产生的，可以由两个例子来看一下：12效果如图：和。从这两幅图可以看出：四个顶角的矩形是由相邻两个边框各分一半形成的。此时如果将某些边框的颜色设为背景色或者透明，则可以形成梯形；如果在将

一Css文件Css:美化HTML的4种选择器：元素选择类选择ID选择伪类选择常用的布局方案1写在什么位置能好用。1.1元素里面优先级是最高的1.2元素外，文件内优先级次之1.3外部文件引入方式：组成：选择器：标签/元素选择器classID伪类选择器属性选择器（不常用）组合形式：层级选择器.wangjianlin,.mahuateng{color:yellow;}/*组合选择器*/父子.wangji

一：CSS定义什么是CSSCSS就是层叠样式表（CasadingStyleSheets），通常称为CSS样式表，或者是级联样式表。主要用于设置HTML中的文本，内容（字体，大小，对齐），图片外形（宽高，边框样式，边距等），以及版面的布局等外观样式。CSS以HTML为基础，提供了丰富的功能。还可以针对不同的浏览器设置不同的样式。HTML和CSS的关系HTML结构层：负责从语义的角度搭建页面CSS：负

###CSS层叠样式表CasecadingStyleSheet:层叠样式表作用:美化页面类似装修###CSS的三种引入方式内联样式:在标签的style属性中添加css样式代码,弊端:不能复用内部样式:在head标签里面添加style标签,标签体内写样式代码,弊端:只能当前页面复用,不能多页面复用外部样式:在单独的css文件中写样式代码,在html页面中通过link标签引入样式文件,可以多页面复用优

js（javascript）介绍和数据类型js介绍js历史19几几年有一家公司开发了一个脚本语言,scriptEase可以嵌入到网页执行。Netscape网景公司,为了解决表单提交数据验证的一个问题联合sun公司推出了liveScript脚本语言。当年java开始的时候很流行，为了抱大腿javascript(为了在java这个大树地下乘凉提高知名度)，取了这个名字。js现代用途前端，后端，游戏脚本

切图开始学网站时，因为切图这个概念居然纠结了很久，现在的理解是：是指前端技术对于网站设计稿的某一部分没办法或需要高成本技术手段才能实现时，会考虑以图片代替的形式。把原设计稿的这一部分裁剪出来，通过调用图片来还原设计稿。比如翘起拇指点赞的图标，前端html\css无法轻松实现，则把该图标裁剪出来，通过html或css调用来达到还原设计稿的目的。听起来很简单的一件事，做得好还需要一些思考、规划、不断的

条件判断通常写代码的时候，我们需要根据不同的条件执行不同的代码块。那么if语句是一个不错的选择。if语句只有当指定条件为true时，该语句才会执行代码。语法一if(条件){当条件为true时执行的代码}举个例子：if(num>=60){alert("及格")}语法二请使用if…else语句在条件为true时执行代码，在条件为false时执行其他代码。if(条件){当条件为true时执行的代码}el

前端笔记：多人开发必备Git技能玩转前端|2016-11-0816:26如果你已经开始工作了，一定对Git不陌生，开发需要一个团队，版本控制必不可少。

原型，原型链原型也是一个对象，通过原型可以实现对象的属性继承，JavaScript的对象中都包含了一个”[[Prototype]]”内部属性，这个属性所对应的就是该对象的原型。“[[Prototype]]”作为对象的内部属性，是不能被直接访问的。所以为了方便查看一个对象的原型，Firefox和Chrome中提供了__proto__这个非标准（不是所有浏览器都支持）的访问器（ECMA引入了标准对象原

Web前端笔记第十一部分：js移动端库和bootstrap框架，re正则1.移动端js事件移动端的操作方式和PC端是不同的，移动端主要用手指操作，所以有特殊的touch事件，touch事件包括如下几个事件

目录路飞学城项1.项目分析2.项目搭建2.1创建项目目录2.2初始化项目2.3安装路由vue-router2.3.1下载路由组件2.3.2配置路由2.3.2.1初始化路由对象2.3.2.2注册路由信息2.3.2.3在视图中显示路由对应的内容3.引入ElementUI3.1快速安装ElementUI3.2配置ElementUI到项目中4.首页4.1创建首页组件4.1.1创建首页对应的路由4.2开发导

我有趣的前端笔记！！（webpack，babel，typescript，手撕排序算法等持续更新中！！）

我有趣的前端笔记！！（webpack，babel，typescript，手撕排序算法等持续更新中！！）具体代码请各位移步GitHub-clone即可！

我有趣的前端笔记！！（webpack，babel，typescript，手撕排序算法等持续更新中！！）

我有趣的前端笔记！！（webpack，babel，typescript，手撕排序算法等持续更新中！！）

前言很久没有写HTML页面，想要学习一些前端的语言。现在重拾有关于前端的东西，实现一个简单的HTML页面。一个简单的HTML页面实现的步骤1.创建一个Html文件，创建一个.txt文件，把.txt修改成.html，图标会变成你电脑默认的浏览器图标。2.点击右键，用记事本打开进行编辑。HelloWord我的第一个HTML这是上面界面的实现的html代码，编辑完成记得要按Ctrl+S进行保存，要不然不

程序运行截图如下：这里首先要申请个百度地图密钥使用下面的方式输入密钥，这里使用jsonp的方式源码如下：varmychart=echarts.init(document.getElementById("main"));vardata=[{name:'海门',value:9},{name:'鄂尔多斯',value:12},{name:'招远',value:12},{name:'舟山',value:1

记录自己在网上自学加复习的前端笔记，当然还有一些其他涉及的相关知识。

1.【重点】Vue通过表单变化来提醒用户是否要保存通过vue的监听去判断表单元素是否变化很省心，但是由于组件的值经常变化，这里需要特别注意赋值的影响，以及弄一些标识来进行判断是否有变化了弄一个变化标识比如：isChange初始化和第一次赋值都要注意这个变量isChange=false,再进行赋值后通过changeNum=0,changeNum++来判断是什么情况的赋值，因为每次赋值，都能监听到表单

今天写博客时，写今天学习的前端笔记时，想记下HTML标签的格式，结果打出来就消失了，被执行了，由于是新手不太懂，就查了一下，害怕自己再忘了，就记录下来第一种方法：如果只是想显示一些标签的字面内容而不想被转换

运行项目报错，如下，好像是nodejs版本兼容问题。日后研究。Thisusuallyhappensbecauseyourenvironmenthaschangedsincerunning`npminstall`.Run`npmrebuildnode-sass`todownloadthebindingforyourcurrentenvironment.MicrosoftWindows[版本6.1.7

代码：1.js基本语法js基本语法/*JS注释多行注释注释中的内容不会被执行，但是可以在源代码中查看要养成良好的编写注释的习惯，也可以通过注释来对代码进行一些简单的调试*///单行注释//alert("hello");//document.write("hello");console.log("hello");//该语句用来在控制台输出一个日志/*1.JS中严格区分大小写2.JS中每一条语句以分号

就是在慕课上学的前端视频课程，看的时候记了一点笔记。过后想总结到博客上一为了知识梳理记忆，二是怕以后忘记，便于查询。内容是针对我个人的知识点方面的查漏补缺，若需要认真学习、了解前端建议去W3school或者是菜鸟教程。什么是web前端？web前端开发：以网站形式呈现，通过浏览器访问完成一定功能。web->web系统前端->网页上为用户呈现的部分开发->编写代码前端：网页上用户呈现的部分。后端：数据

定位流定位流的分类：相对定位：什么是相对定位：指相对于自己以前在标准流中的位置发生变化相对定位注意点：相对定位是不会脱离脱离标准流，会继续在标准流里面占用一份空间在相对定位中同一个方向上的定位属性只能使用一个,也就是说使用了left属性就不要使用right，使用了top属性就在不要使用bottom属性由于相对定位是不脱离标准流的，所以在相对定位中是区分块级元素\行内元素\行内块级元素的由于相对定位

前提：已经clone下来vue源码vue的data属性是在实际使用中最常见的了，以及大家老生常谈的双向绑定。本篇文章介绍了data属性的初始化以及双向绑定中model绑定部分。先概述一下整体的逻辑过程：1、初始化vue实例2、在实例created生命周期之前执行initState函数，这个函数对props、methods、data、computed、watch初始化3、在data初始化中，vue会

前端笔记知识点整合之CSS（上）层叠样式表(英文全称：CascadingStyleSheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言

前端笔记知识点整合之CSS（下）一、浮动1.1各个语言的主要知识点HTML：标签语义化(那么怎么样布局才是合理的?

目录最简单的使用i标签做小图标修改前端源码注意的问题最简单的使用i标签做小图标运行截图如下：实例结构如下：此处就是使用i标签制作的小图标其中html源码如下：HelloWorldcss源码如下：.icon{display:inline-block;width:100px;height:100px;background-image:url(girl.jpg);background-position:

1、html，css网页图标：引入csss：css样式分为行内样式，内联样式，外联样式样式计算权重：元素=1class=10id=100style=1000去掉字体下划线：text-decoration:none;让字体不加粗:font-weight:normal;字体不倾斜：font-style:normal;综合字体属性：（可以没有weight，line-height）规则：font:weig

label标签标签为input元素定义标注（标记）。我们可以通过标签扩大标签的选区。代码示例需要的注意的input标签要设置id，然后label必须for="id"。可以复制下面代码运行看效果男：女：不详：

前言在日常使用网页的时候，我们肯定有选择过城市。那么网页中的选择城市是怎么实现的呢？下面我就为大家揭晓，它是通过select标签来实现的。select标签select可以创建单选或多选菜单。代码示例代码中有做注释，有根据不同的情况进行演示。北京上海广州深圳

文章前提：已经clone下来vue源码直接进入主题，computed计算属性的初始化位置是在newVue的时候初始化的。查看顺序：1、/src/core/instance/index.js中的initMixin函数执行中2、initMixin函数在/src/core/instance/init.js中，函数有调用initState函数（注意初始化是在created生命周期之前）3、在initSta

1、margin对于table相关类型（除了table-caption、table和inline-table这三类）的元素是不起作用的，如td、tr和th等。另外对于行内非替换元素（如span元素），垂直方向的margin是不起作用的。2、外边距折叠外边距折叠是指相邻的两个或多个外边距会合并成一个外边距。比如下面三个div的上外边距是相邻的，因此其边距会折叠：.parent{border:1pxs

varimg=document.getElementById(‘img’);varcas=document.createElement(‘canvas’);varctx=cas.getContext(‘2d’);cas.width=100,cas.height=100;ctx.fillStyle=‘pink’;ctx.fillRect(0,0,100,100);//把画布的内容转换为base64编

6删除图书6.1给删除按钮添加事件把当前需要删除的书籍id传递过来6.2根据id从数组中查找元素的索引6.3根据索引删除数组元素{{item.id}}{{item.name}}{{item.date}}修改|删除/*图书管理-添加图书*/varvm=newVue({methods:{deleteBook:function(id){//删除图书#//6.2根据id从数组中查找元素的索引//varin

图书列表案例1.基于接口案例-获取图书列表导入axios用来发送ajax把获取到的数据渲染到页面上[mw_shl_code=applescript,true]编号名称时间操作{{item.id}}{{item.name}}{{item.date}}修改|删除1.导入axios/*图书管理-添加图书*/[/mw_shl_code][mw_shl_code=applescript,true]#2配置公

6删除图书6.1给删除按钮添加事件把当前需要删除的书籍id传递过来6.2根据id从数组中查找元素的索引6.3根据索引删除数组元素[mw_shl_code=applescript,true]{{item.id}}{{item.name}}{{item.date}}修改|删除/*图书管理-添加图书*/varvm=newVue({methods:{deleteBook:function(id){//删除

JS字符串方法的练习需求：假设上传商品图片的应用场景，需要判断上传文件后缀是图片类型。选择商品图片//需求：点击图片上传按钮，判断当前上传的文件是否符合上传的类型//1.txtvaroFile=document.getElementById("btn")varallowType=[".png",".jpg",".gif",".bmp"]oFile.onchange=function(){//thi

图片的修复代码：ie6png的修复.box1{width:200px;height:200px;background-image:url(img/3_1.png);background-repeat:no-repeat;}.box2{width:200px;height:200px;background-image:url(img/3.png);background-repeat:no-repea

在前端开发中，使用表单会进行跳转，有时候并不需要这个的。这里通过jQuery，使用AJAX直接发送Json数据。运行截图如下：界面如下：这里可以看到div里面是group1，然后后面都是input1,input2等等。并且有一个group2name和上面group1一样。通过这种方式，获取，如下，group1下的input[name=input1]的值，等等。在index.html下面可以知道先加

积累1.判断数据的类型JS中数据的类型有基本数据类型和复杂数据类型。基本数据类型：number、String、Boolean、null、undefined、（ES6中的Symbol）复杂数据类型L:Object(Object,Function,Array)1.typeof（适合用于校对基本数据类型）对于基本数据类型的null来说其返回值为Object，但是相对于复杂类型的Function来说返回的

前端笔记知识点整合之JavaScript（一）初识JavaScript一、JavaScript简介1.1网页分层web前端一共分三层：结构层HTML：负责搭建页面结构样式层CSS：负责页面的美观行为层JavaScript

前端完整页面设计：1.PC端布局：通栏：自适应浏览器的宽度版心：固定一个宽度，并让容器居中页面中需要用到的图片：(由于本人未能找到原版的图片资源，所以只是利用截屏到的图片，进行简单截图后使用，清晰度不够，单用于学习前端学习已足够)图片资源链接：https://pan.baidu.com/s/1ZhaQ8oc2pGuH5uZvXsxjlQ提取码：vj93博文尚美#banner{position:re

Vue中经常会用到v-on指令来绑定一个事件，那么它具体什么时候调用，什么时候使用呢？父组件中使用了v-on:editItem="editObject"和v-on:removeItem="removeObject"两个监听，代码如下父组件中有两个方法，名为editObject和removeObject，因为代码太长就不贴过来，大家可以随意写一点，供自己观察就行子组件中代码：htmljsexport

前端笔记区分一下常用标签的类型：1、块级标签块级标签是默认占满整行的元素，可以设置宽高，即使设置过宽高之后，在文档流中的宽度也是默认沾满整行，使用浮动或者绝对定位失去文档流位置之后才会显示设置的宽高。

接触前端（好大气的名字啊）已经一个多月了，看了很多视频和博客，有了一定的感性认识，但还是需要总结一下以便系统化所学习的知识，就从html标签开始吧。关于标签，谈论最多的就是简洁和语义化。简洁指html标签仅仅负责把页面中的内容进行正确标示即可，而对内容的表现形式则统统交由css负责。语义化本不应成为问题，因为就像人与人之间的交流需要有意义的语言一样，html文档作为人与浏览器交流的语言自然是有意义

基于《撩课-玩转H5大前端》第一章（1）浏览器最重要的的核心是“浏览器内核”，也叫渲染引擎。（2）网页主要由三部分组成：（3）HTML是用来描述网页的标签语言（4）头部：文档的头部描述了文档的各种属性和信息，包括文档的标题、在Web中的位置以及和其他文档的关系等（5）定义文档的标题，它是head部分中唯一必需的元素。（6）元标签：用来描述HTML网页文档的属性。例如设置编码格式（7）常见标签的分类

一、ES6的Set、Map数据结构Map、Set都是ES6新的数据结构，都是新的内置构造函数，也就是说typeof的结果，多了两个：Set是不能重复的数组Map是可以任何东西当做键的对象ES6提供了新的数据结构Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。lets=newSet();s.add(1);s.add(2);s.add(3);s.add(3);s.add(3);s.add(