![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
书籍学习笔记
宝拉不想努力了
沉淀ing……
展开
-
[Book]Vue.js权威指南(脸谱)第五章表单控件绑定
第五章表单控件绑定在web应用中,经常使用表单向服务端提交一些数据,而在表单中绑定一些如input、change等事件对用户输入的数据进行校验、更新等操作。在vue.js中、我们可以使用v-model指令同步用户输入的数据到vue实例data属性中,同时会对radio、CheckBox、select等原生表单组件提供一些语法糖使表单操作更加容易。一.基本用法text<div i...原创 2019-11-15 14:06:55 · 161 阅读 · 0 评论 -
[Book]Vue.js权威指南(脸谱)第四章计算属性
第四章计算属性一.什么是计算属性计算属性:当其依赖属性的值发生变化时,这个属性的值会自动更新,与之相关的DOM部分也会同步自动更新。computed中的getter<div id="app"> 我的全名:{{fullName}} <br> 我的年龄:{{age}}岁</div><script> var ...原创 2019-11-14 15:35:21 · 144 阅读 · 0 评论 -
[Book]Vue.js权威指南(脸谱)第三章指令
第三章 指令指令:是特殊的带有前缀v- 的特性。指令的值限定为绑定表达式,指令的职责就是当其表达式的值改变时把某些特殊的行为应用在DOM上一. 内部指令.内置指令1.v-if根据表达式的值在DOM中生成或移除一个元素。当赋值为false则对应的元素会从DOM中移除,否则对应元素的一个克隆将被重新插入DOM中。(这也是v-if和v-show的一个区别)<!DOCTYPE html&...原创 2019-11-07 14:20:46 · 181 阅读 · 0 评论 -
[Book]Vue.js权威指南(脸谱)第一章遇见vue.js&第二章数据绑定
第一章遇见vue.js一.MVX模式1.MVC:Model(模型),Controller(控制器),View(视图)。View一般都是通过Controller来和Model进行联系。Controller是Model和View的协调者,View和Model不直接联系。基本联系都是单向的。用户通过Controller来操作Model以达到View的变化。2.MVP(代表Riot.js...原创 2019-11-06 15:25:12 · 208 阅读 · 0 评论 -
读书:SQL必知必会
第 1 课 了解 SQL知识点:1.数据库(database):保存有组织的数据的容器(通常是一个文件或一组文件)2.注意:人们通常用数据库这个术语来代表他们使用的数据库软件,这是不正确的,也因此产生了许多混淆。确切地说,数据库软件应称为数据库管理系统(DBMS)。数据库是通过 DBMS 创建和操纵的容器,而具体它究竟是什么,形式如何,各种数据库都不一样。3.表(table):某种特定...原创 2019-08-02 16:58:55 · 339 阅读 · 0 评论 -
CSS世界-第四章 盒尺寸四大家族
盒尺寸的4个盒子:content box,padding box,border box,margin box一 深入理解 content原创 2019-03-07 20:51:45 · 635 阅读 · 0 评论 -
CSS世界-第三章 流、元素与基本尺寸
1原创 2019-02-01 19:37:44 · 225 阅读 · 0 评论 -
CSS世界-第一、二章
第一章 概述1.1 CSS世界的“世界观”1.2 世界都是创造出来的1.3 CSS完胜SVG的武器——流1.3.1什么是“流”:实际上是css世界中的一种基本的定位和布局机制。css世界构建的基石是HTML,而HTML最具有代表的2个基石<div>和<span>正好是css世界中块级元素和内联级元素的代表1.3.2流是如何影响整个css世界1.3.3什么...原创 2019-01-15 19:54:02 · 1057 阅读 · 0 评论 -
JavaScript DOM编程艺术(第2版)第四章 JavaScript图片库 第五章 最佳实践 第六章图片库的改进版
第四章 JavaScript图片库点击有a链接的图片,不发生跳转页面再显示图片而是在本页展示图片占位符最好使用一个有序清单元素(ol)&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;l原创 2018-11-12 21:36:04 · 218 阅读 · 0 评论 -
freemarker中local和assign标签区别
local概要<#local name=value>或<#local name1=value1 name2=value2 ... nameN=valueN>或<#local name> capture this</#local>name: 在root中局部对象的名称。它不是一个表达式。但它可以被写作是字符串形式, 如果变量名...原创 2019-08-06 13:34:52 · 3407 阅读 · 0 评论 -
freeMarker模板语言参考:指令参考
指令参考Alphabetical index(按字母顺序搜索)中文官方参考手册一.assign写法:<#assign name1=value1 name2=value2 ... nameN=valueN>或<#assign same as above... in namespacehash>或<#assign name> capture t...原创 2019-08-13 14:51:18 · 1582 阅读 · 0 评论 -
freemarker自学1.0
<#assign list = sqlt.sqlQueryForList("todo_list.getList")>原创 2019-08-12 14:37:56 · 175 阅读 · 0 评论 -
freemarker自学2.0
部分内容连接数据库<#assign list = sqlt.sqlQueryForList("todo_list.getList")>在sql文件夹下创建todo_list.sql文件,书写sql语句-- [getList] 获取列表信息 select * from "list" ORDER BY seq1.list = sqlt.sqlQueryForList("t...原创 2019-08-12 17:00:41 · 491 阅读 · 0 评论 -
[Book]学习JavaScript数据结构与算法:第1章“JavaScript简介”
目录:第1章“JavaScript简介”第2章“数组”第3章“栈”第4章“队列”第5章“链表”第6章“集合”第7章“字典和散列表”第8章“树”第9章“图”第10章“排序和搜索算法”第11章“算法补充知识”第1章 JavaScript简介一.JavaScript 基础1.在HTML中编写JavaScript的两种方式第一种方式<!DOCTYPE html&g...原创 2019-08-16 15:03:09 · 205 阅读 · 0 评论 -
[Book]学习JavaScript数据结构与算法:第2章“数组”
第2章“数组”一.为什么用数组数组是最简单的内存数据结构数组存储一系列同一种数据类型的值。但在JavaScript里,也可以在数组中保存不同类型的值。但我们还是要遵守最佳实践,别这么做(大多数语言都没这个能力)。为什么用数组可以用数组来解决,更加简洁地呈现var averageTempJan = 31.9;var averageTempFeb = 35.3;var avera...原创 2019-08-16 16:34:23 · 171 阅读 · 0 评论 -
[Book]学习JavaScript数据结构与算法:第3章“栈”
第3章“栈”数组是计算机科学中最常用的数据结构,上一章我们学习了如何创建和使用它。我们知道,可以在数组的任意位置上删除或添加元素。然而,有时候我们还需要一种在添加或删除元素时有更多控制的数据结构。有两种数据结构类似于数组,但在添加和删除元素时更为可控。它们就是栈和队列栈是一种遵从后进先出(LIFO)原则的有序集合。新添加的或待删除的元素都保存在栈的末尾,称作栈顶,另一端就叫栈底。在栈里,新...原创 2019-08-23 10:08:46 · 115 阅读 · 0 评论 -
[Book]学习JavaScript数据结构与算法:第4章“队列”
第4章“队列”队列是遵循FIFO(First In First Out,先进先出,也称为先来先服务)原则的一组有序的项。队列在尾部添加新元素,并从顶部移除元素。最新添加的元素必须排在队列的末尾常见例子就是:排队一.创建队列我们需要创建自己的类来表示一个队列。先从最基本的声明类开始:function Queue() {//这里是属性和方法}首先需要一个用于存储队列中元素的数...原创 2019-08-27 15:19:53 · 174 阅读 · 0 评论 -
JavaScript DOM编程艺术(第2版)第十章 用JavaScript实现动态效果
从位置距上100距左50的位置开始移动 直到到达距上100距左200&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&原创 2018-11-15 19:06:46 · 385 阅读 · 0 评论 -
JavaScript DOM编程艺术(第2版)第七章 动态创建标记 第九章CSS-DOM
第七章 动态创建标记一.1.document.write最大缺点是违背“行为应该与表现分离”的原则。还有,MIME类型application/xhtml+xml与document.write不兼容,浏览器在呈现这种XHTML文档时不会执行document.write方法。2.document.write方法像&amp;amp;amp;amp;lt;font标签去设定字体和颜色3.innerHTML属性:用来读写给某给定的...原创 2018-11-13 19:22:45 · 324 阅读 · 0 评论 -
JavaScript DOM编程艺术(第2版)第二章 语法 第三章DOM
一.变量把值存在变量的操作——赋值JavaScript可以直接对变量赋值而不需事先声明。如果在对某个变量赋值前没有声明,赋值操作会自动声明该变量。var age;JavaScript中变量不能包含空格或标点符号变量可以使用驼峰命名二.数据类型1.必须明确类型声明的语言——强类型js中不用进行类型声明——弱类型2.字符串var mod= ‘happy’; var mod = “ha...原创 2018-11-10 12:59:42 · 266 阅读 · 0 评论 -
css知识点整理(八)
布局让设计在页面中水平居中创建两列和三列的基于浮动的布局创建固定宽度、流式和弹性布局创建高度相等的列css框架&系统一.计划布局在编写之前想好如何构建结构先把页面划分成大的结构性区域(如页眉 内容区域 页脚),然后在内容区域本身,开始建立网格结构。最后,在各内容区域找不同的布局结构(如:是否分成两列三列四列)。在每块内容里面的结构,查看是否有相同的模式,...原创 2018-08-22 22:48:29 · 139 阅读 · 0 评论 -
css知识点整理(六)
对列表应用样式和创建导航条用css对列表应用样式用背景图像作为项目符号创建垂直和水平导航条用滑动门 标签页式导航纯css下拉菜单创建css图像映射,创建远距离翻转使用定义列表一.基本列表样式1.ul>li*4<ul id="dot"> <li class="active">1</li> <li...原创 2018-08-21 18:05:18 · 345 阅读 · 0 评论 -
css知识点整理(五)
对链接应用样式1.基于层叠对链接选择器进行排序 2.创建应用样式的链接的下划线 3.使用属性选择器对外部链接应用样式 4.使链接表现得像按钮 5.创建已访问链接样式,创建纯css的工具提示一.简单的链接样式1.对链接应用样式最容易的方式是使用锚类型选择器,如:a{color: #666666;}使用锚也有弊端,就是锚既可以内部引用也可以外部链接为了解决 不想让没有必...原创 2018-08-21 11:21:07 · 227 阅读 · 0 评论 -
css知识点整理(四)
背景图像效果1.渐变效果:背景图片是一条的可以实现垂直平铺,水平平铺,或者不平铺background: url("picture/01bg.png") no-repeat;//不平铺background: url("") repeat-x;//水平平铺background: url("") repeat-y;//垂直平铺显示一张图片不用<img src="" alt=""&am原创 2018-08-14 11:45:14 · 504 阅读 · 0 评论 -
css知识点整理(三)
可视化格式模型三个重要的css概念:浮动,定位,盒模型,形成css的基本布局一.盒模型1.内边距,是为了内容和背景区分开。外边距,是为了控制元素之间的间隔2.outline属性和border属性不同,outline作为轮廓不影响元素的大小或定位3.初始化 *{margin:0;padding:0;}4.width不是一成不变的,当想达到100px宽,已知每个边有...原创 2018-07-31 09:54:19 · 177 阅读 · 0 评论 -
css知识点整理(二)
CSS三大特性—— 继承、 优先级和层叠。继承:即子类元素继承父类的样式;优先级:是指不同类别样式的权重比较;层叠:是说当数量相同时,通过层叠(后者覆盖前者)的样式。选择器1.常用的:类型选择器(又名元素选择器):寻找特定类型的元素如段落,标签元素后代选择器:寻找特定元素或元素组的后代,后代选择器由其他两选择器之间的空格表示2.ID选择器 #+名称,类选择器 ....原创 2018-07-26 10:32:50 · 159 阅读 · 0 评论 -
css知识点整理(一)
1.ID命名,应该根据“元素是什么”来命名,不是“元素的外观如何”如:头header 尾footer 导航nav 侧栏sidebar 栏目column 页面外围控制整体布局宽度wrapper 左中右left center right 登录条login bar 标志logo 广告banner 页面主体main 热点hot 新闻news 下载download 子导航subnav 菜单menu 子菜...原创 2018-07-25 11:07:48 · 148 阅读 · 0 评论 -
响应式web设计-第二章媒体查询:支持不同的视口
为什么响应式设计需要媒体查询如何构造CSS3媒体查询能够检测哪些设备特性编写第一个CSS3媒体查询为特定视口设定CSS样式如何在iOS和Android设备上使用媒体查询一 为什么响应式设计需要媒体查询1.没有CSS3的媒体查询模块,就不能针对设备特性(如视口宽度)设置特定的CSS样式。2.screen和print是两种已定义的媒体类型。媒体查询让样式有更强的针对性,...原创 2018-09-04 16:42:31 · 809 阅读 · 0 评论 -
JavaScript权威指南(第六版)-第2章 词法结构
一.字符集1.JavaScript程序是用Unicode字符集编写(Unicode是ASCII和Latin-1的超集)2.区分大小写(HTML不区分)当JavaScript对象和属性与他们所表示的HTML标签和属性同名。在HTML中这些标签和属性名可以使用大写也可以是小写,而JavaScript中必须为小写(如HTML中设置事件处理程序时,onclick属性可以写成onClick,但J...原创 2018-09-04 22:30:13 · 121 阅读 · 0 评论 -
JavaScript权威指南(第六版)-第3章 类型、值、变量
在编程语言中能表示在操作的值得类型称作数据类型(type)JavaScript数据类型分为两类:原始类型(数字,字符串,布尔值)和对象类型JavaScript中有两个特殊的原始值:null(空),undefined(未定义),他们分别代表各自特殊类型的唯一的成员JavaScript的数据类型:数字,字符串,布尔值,null,undefined,对象对象是属性的集合,每个属性都由“名...原创 2018-09-07 19:46:42 · 178 阅读 · 0 评论 -
JavaScript权威指南(第六版)-第4章 表达式和运算符
第4章 表达式和运算符一.原始表达式1.定义:表达式的最小单位——他们不再包含其他表达式(包含常量或直接值,关键字和变量)2.this关键字经常在面向对象编程中出现。在一个方法体内,this返回调用这个方法的对象。二对象和数组的初始化表达式1.对象和数组初始化表达式可以称作“对象直接量”“数组直接量”。但是和布尔不同,他们不是原始表达式(因为他们包含的成员或元素是子表达式)2...原创 2018-09-12 08:00:04 · 241 阅读 · 0 评论 -
响应式web设计-第一章 HTML5、CSS3及响应式设计入门
1.手机上浏览的网页越多,需要优化的东西越多。放大 缩小页面,然后为了看到视口外的文字,再左右拖动大多数情况,根据视口大小为用户提供与之匹配的视觉效果还是优先选择。(字体大小要调整)一句话概括响应式:针对任意设备对网页内容进行完美布局的一种显示机制2.大多数情况不使用像素px,而会用em或%(相对度量单位)Internet Explorer用户请下载安装Microsoft Inte...原创 2018-09-03 17:10:15 · 2213 阅读 · 0 评论 -
JavaScript权威指南(第六版)-第5章 语句
语句条件语句,循环语句,跳转语句一.表达式语句1.客户端函数调用都是表达式:alert(greeting);window.close();二.复合语句&空语句1.<script type="text/javascript"> x = Math.PI; cx = Math.cos(x); console.log("cos(π) = " ...原创 2018-09-12 21:23:29 · 145 阅读 · 0 评论 -
JavaScript权威指南(第六版)-第6章 对象
对象对象是JavaScript的基本数据结构。对象是一种复合值:他将很多值放在一起,通过名字访问这些值对象除了保持自有的属性,还可以从一个称为原型的对象继承属性js对象是动态的——可以增属性也可以删除属性——常用来模拟对象及静态类型语言中的结构体对象常用的用法:创建create,设置(set),查找(query),删除(delete),检测(test),枚举(enumerate)...原创 2018-09-18 10:00:39 · 154 阅读 · 0 评论 -
响应式web设计-第三章 拥抱流式布局
理解为什么响应式设计需要百分比布局将元素的固定像素宽度转换为百分比宽度将文字的固定像素大小转换为等量的相对尺寸理解如何找到任意元素的上下文学习如何使图片平滑缩放学习如何为不同的大小的屏幕提供不同的图片学习如何让媒体查询与弹性图片及流式布局协同工作使用css网络系统从头创建一个响应式布局一.固定布局经不起未来考验二.为什么响应式设计需要百分比布局...原创 2018-10-14 10:38:29 · 725 阅读 · 0 评论 -
JavaScript权威指南(第六版)-第7章 数组
数组一.创建数组1.定义:数组是值得有序集合。每个值叫做一个元素,而每个元素在数组中有一个位置,以数字表示——索引数组的元素可以是任意类型,并且同一个数组中的不同元素也可能有不同的类型。第一个元素的索引是0,数组是js对象的特殊形式。数组继承自Array.prototype中的属性,他定义了一套丰富的数字操作方法&lt;script&gt; var empty = [];...原创 2018-11-07 12:58:41 · 217 阅读 · 0 评论 -
css知识点整理(七)-表单
对表单和数据表格应用样式创建有吸引力且可以访问的数据表格创建简单&复杂的表单布局对各种表单元素应用样式提供可访问的表单反馈一.对数据表格应用样式(&日历&)1.表格特有的元素:①.summary作用于表格标签用来描述表格的内容,与图像的alt相似。 caption作用于表格的标题<table class="cal" sum...原创 2018-08-22 18:38:08 · 340 阅读 · 0 评论