![](https://img-blog.csdnimg.cn/2019091813595558.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
读书笔记
文章平均质量分 67
1
余生皆假期-
ok了家人们
展开
-
第八章 CSS3 过渡、变形和动画
效果如下,transition将会耗时0.5秒完成这个动作。原创 2022-07-14 23:16:01 · 178 阅读 · 0 评论 -
第十章 实现响应式Web设计的技巧
如何让 js 和 css 媒体查询断点联系起来?然后在JavaScript中,我们可以阅读这个值。首先,我们将这个值赋给一个变量。 这样就可以在js中获得当前媒体查询信息了。10.8 采用务实的解决方案 假设我们有一个按钮可以打开离屏菜单。我们的自然反应可能会是这么编写。但是在有些浏览器中,button 标签并不支持 flax 布局。其实使用 a 标签替代即可,并不用追求完美。...原创 2022-07-14 14:48:01 · 186 阅读 · 0 评论 -
第五章 截短文本 创建水平滚动面板 CSS3选择器nth css3变量
它可以把容器内长连接截短。text-overflow: ellipsis; 截断文本white-space: nowrap声明是为了确保长出来的文本不会折行显示在外部元素中。这里的 white-space: nowrap 意思是有空白的时候不折行。为了把所有内容都保持在一行,我们设置了所有子元素为行内元素。虽然使用的是inline-flex,其实 inline-block 或 inline-table 都可以。 两种方式,可选择属性和属性的值。除了这三种,还有空格分割的属性选择符原创 2022-07-14 04:28:01 · 198 阅读 · 0 评论 -
第四章 HTML5 新增与修改的标签 <header> <footer> <section>
这一行没有 type 标签,结尾也没有斜杠,但是他是完全合法的。a 标签内将可以嵌套东西。 网站头部 网站尾部 放置主要元素 放置主要元素 放置导航元素 放置通用区块 广告和导航元素等,于电子商务站点来说,我会把“购买了这个商品的用户还购买了”的内容放在里面。 和 ...原创 2022-07-13 19:26:19 · 470 阅读 · 0 评论 -
第三章 弹性布局与响应式图片 flex简单案例
这个布局宽度为960像素,但页头和页脚都是与屏幕一样宽的。左侧边栏宽度是200像素。按照左边左边宽度100像素,右边100像素,中间便是660像素。使用960/200 = 0.208333333 得出右边百分比,其他宽度以此类推。以百分比为宽度设置css即可。现有布局缺点:行内块与空白会渲染空白、复杂的浮动、表格与表元(display:table布局,我也不懂)。效果:代码: display: flex:这是Flexbox的根本所在。这里就是把当前元素设置为一个Flexbox(而 不是blo原创 2022-07-13 17:46:56 · 372 阅读 · 0 评论 -
第二章 媒体查询 @media 于 meta 标签详解
媒体查询常用于自适应css布局,在这里不过多赘述。 用@media开通 注意@符号 mediatype 媒体类型 关键字 and not only media feature 媒体特性,必须有小括号包含其中,媒体查询使用 and、or、not,only 连接,如果成立便执行花括号内 css。screen其中上述属性都可以通过添加前缀 min- 或 max- 来添加限制。它可以在其中设置具体的宽度(比如使用像素单位),或者设置一个比例(比如2.0,即实际大小的两倍)。下面原创 2022-07-12 14:21:04 · 597 阅读 · 1 评论 -
《node.js实战》第六章 connect中间件
6.0 connectconnect是一个框架,他被称为中间件的模块化组件。以可重用方式实现web程序中的逻辑。中间件是一个函数,他拦截http服务器提供的请求,而且可以传递给下一个中间件组件。6.1 搭建一个connect程序启动之后,发送一个http请求,会返回 cannot GET/表示他还不能处理URL。const connect = require('connect');var app = connect();app.listen(3000);6....原创 2020-10-03 12:02:32 · 311 阅读 · 0 评论 -
《node.js实战》第四章(4.4—4.5) 构建web程序
application/x-www-form-urlencoded:这是html表单的默认值multipart/form-data:在表单重含有文件或二进制数据时使用首先要实现一个支持GET和POST的服务器 实现show函数实现两个错报函数 最后实现last函数 这个例子只处理application/x-www-form-urlencoded值,解析数据只需要把data事件数据拼接到一起。前端表单含有中文会导致乱码,就是这种格式: 其实这个只是decodeURI后的格原创 2020-09-28 00:13:28 · 154 阅读 · 0 评论 -
《node.js实战》第四章(4.1—4.3) 构建web程序
和php之类的语言或者其他框架比较,node的api比较底层,而且node的HTTP接口一样比较底层, 不过这是为了保证他的速度和灵活性。 服务器收到一条http请求,都会都使用新的req和res对象请求回调函数。在触发回调函数之前,node会解析请求的http头,并将它们作为req对象的一部分提供给请求回调。调用完之后,node会一直等待res.end()方法,如果没有res.end()客户端会一直等待。 创建标准的REST服务器需要实现四个HTTP谓词。GET(获得)POST(改变/传输)PUT(原创 2020-09-25 00:29:51 · 153 阅读 · 0 评论 -
【第六章—进阶话题】《node.js开发指南》读书笔记
6.1 模块的加载机制描述node.js模块的内部机制。6.1.1 模块的类型分为两大类,一类是核心模块,一类是文件模块。核心模块:如fs,http,net,vm。这些都是官方提供模块。他们具有最高优先级,即使重名也是首先加载。文件模块:是储存为单独文件的,可能是.js .json 或者c/c++扩展。没有显式指定扩展名会依次尝试格式。6.1.4 加载缓存node.js不会被重复加载,而且node.js是根据实际文件缓存的。require('express...原创 2020-09-13 21:35:26 · 119 阅读 · 0 评论 -
【附录A—高级特性】《node.js开发指南》读书笔记
A.1 作用域作用域(scope)决定变量的可见范围和生命周期。A1.1 函数作用域花括号作用域:一对花括号即是一个作用域。函数作用域:函数内。原创 2020-09-13 01:58:03 · 144 阅读 · 0 评论 -
【第四章—核心模块】《node.js开发指南》读书笔记
第四章 Node.js核心模块4.1 全局对象全局对象即在任何地方都可以访问的对象。浏览器中通常window是全局对象。而在node中global是全局对象。在node中,console、process都是global的属性。4.1.2 processprocess是global的对象属性,它用于描述Node进程状态的对象,提供了一个简单的与操作系统接口。执行node test.js a b c//test.jsconsole.log(process.argv)...原创 2020-09-10 03:14:33 · 128 阅读 · 0 评论 -
【第三章—快速入门】《node.js开发指南》读书笔记
第三章Node.js快速入门3.1.3 建立HTTP服务器var http = require('http');http.createServer(function(req, res) {res.writeHead(200, {'Content-Type': 'text/html'});res.write('<h1>Node.js</h1>');res.end('<p>Hello World</p>');}).listen(3000).原创 2020-09-08 22:09:14 · 130 阅读 · 0 评论 -
JavaScript高级程序设计 笔记【第五章】function类型
5.5 Function类型函数有两种定义方式函数声明和函数表达式。//函数声明function sum(num1,num1){ return num1+num2;} //函数表达式var sum = function(num1,num1){ return num1+num2;}其中,函数表达式必须先定义后使用。就像是一个变量一样。函数声明可以先使用,...原创 2020-02-29 01:39:22 · 169 阅读 · 0 评论 -
JavaScript高级程序设计 笔记【第五章】引用类型
引用类型可以说是js的类,但不妥当。object类型创造object的方式有两种:构造和对象字面量//构造var person1 = new Object(); person1.name = "hello";//对象字面量var person2 = { name:"hello", age:"42" //最后一个不加逗号}获取对象的值除了点操作符还可以...原创 2020-02-24 03:49:14 · 112 阅读 · 0 评论 -
JavaScript高级程序设计 笔记【第四章】变量作用域与内存问题
4.1.1动态的属性person此时是一个引用,他指向了new出的这块东西。var person = new Object();person.name = "hello";alert(person.name); //hello4.1.2复制变量值一个变量复制另一个变量的时候,是把值复制粘贴。var num1 = 5;var num2 = num1;...原创 2020-02-24 00:51:36 · 153 阅读 · 0 评论 -
JavaScript高级程序设计 笔记【第三章】函数
3.7函数一个标准的javacript函数和其他语言大同小异:function sayHi(name, message){ //定义 var str = name+message; return str;}var str = sayHi("tony","hello"); //调用3.7.1理解参数javascript对于传进来的参数不限制类型和数...原创 2020-02-12 17:38:08 · 121 阅读 · 0 评论 -
JavaScript高级程序设计 笔记【第三章】数据类型
3.1.1 javascript是区分大小写的3.4 数据类型ECMAScript有五种基本数据类型:undefined,null,boolean,Number,string。一种复杂数据类型:Object(对象),function array date等都是Objectundefined类型undefined顾名思义,未定义的。未经初始化的默认值就会取得这个值。...原创 2020-02-10 18:37:59 · 103 阅读 · 0 评论