前端 - 随笔分类(第2页) - DurianTRY

NPM

摘要：Node 包管理（npm）是一个是开发者共享和管理模块（或者包）的命令行工具, 它由 JavaScript 代码编写，广泛应用于 Node.js。当开始一个新的项目时，npm 会生成一个package.json文件。这个文件列出了你项目的包依赖。由于 npm 的包更新很频繁，package.json 阅读全文

posted @ 2020-10-15 16:27 DurianTRY 阅读(182) 评论(0) 推荐(0)

Sass

摘要：变量 $main-fonts: Arial, sans-serif; $headings-color: green; //To use variables: h1 { font-family: $main-fonts; color: $headings-color;} 函数 CSS 的新功能需要一段阅读全文

posted @ 2020-10-15 15:41 DurianTRY 阅读(69) 评论(0) 推荐(0)

ES6

摘要：记下一些知识。。。。。 var 和 let 关键字之间的差异 var定义的同名变量，最后一次变量定义会覆盖前面的值，且不会报错。与var不同的是，当使用let的时候，同一名字的变量只能被声明一次。请注意"use strict"。这代表着开启了严格模式，用于检测常见的代码错误以及"不安全"的行为，例阅读全文

posted @ 2020-10-14 15:46 DurianTRY 阅读(148) 评论(0) 推荐(0)

简单了解CSS的transition属性

摘要：简介不需要javascript就可以实现简单的动画交互效果复合属性通过这四个子属性的配合来完成一个完整的过渡效果 transition-property: 过渡属性(默认值为all) transition-duration: 过渡持续时间(默认值为0s) 必需值 transiton-timin 阅读全文

posted @ 2020-08-25 10:24 DurianTRY 阅读(223) 评论(0) 推荐(0)

Html标签

摘要：记一下自己不熟的标签 <hr>水平线 <abbr>缩写可以在 <abbr> 标签中使用全局的 title 属性，这样就能够在鼠标指针移动到 <abbr> 元素上时显示出简称/缩写的完整版本 <address> 定义文档或文章的作者/拥有者的联系信息,元素中的文本通常呈现为斜体 <area> 标签定阅读全文

posted @ 2020-08-19 13:45 DurianTRY 阅读(167) 评论(0) 推荐(0)

HTML5表单属性

摘要：1.autocomplete 属性 autocomplete 属性规定 form 或 input 域应该拥有自动完成功能。 <form action="demo.asp" method="GET" autocomplete="on"> 自动完成输入：<input type="text"><br /> 阅读全文

posted @ 2020-08-19 09:48 DurianTRY 阅读(298) 评论(0) 推荐(0)

HTML5 表单元素datalist

摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <form action="demo.asp" method="get"> webpage:<input type="url" na 阅读全文

posted @ 2020-08-18 22:08 DurianTRY 阅读(182) 评论(0) 推荐(0)

html表单输入类型

摘要：1.email <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- type 可为email、url、Number number可设置最大最小值 <input type="n 阅读全文

posted @ 2020-08-18 22:00 DurianTRY 阅读(196) 评论(0) 推荐(0)

HTML 5 服务器发送事件 server-sent event

摘要：1.简介 Server-Sent 事件指的是网页自动获取来自服务器的更新。 Internet Explorer不支持 2.demo.php文件 <?php header('Content-Type:text/event-stream');//服务器端事件流 header('Cache-Control 阅读全文

posted @ 2020-08-18 18:02 DurianTRY 阅读(233) 评论(0) 推荐(0)

HTML5 web worker

摘要：1.简介 web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。Internet Explorer不支持web worker。 2.worker.js文件 var i=0; function count(){ i=i+1; postMessage(i);// 阅读全文

posted @ 2020-08-18 17:43 DurianTRY 阅读(147) 评论(0) 推荐(0)

Html5 缓存

摘要：每个指定了 manifest 的页面在用户对其访问时都会被缓存。如果未指定 manifest 属性，则页面不会被缓存（除非在 manifest 文件中直接指定了该页面） <html manifest="demo.appcache"> manifest 文件可分为三个部分： CACHE MANIFES 阅读全文

posted @ 2020-08-18 17:13 DurianTRY 阅读(198) 评论(0) 推荐(0)

HTML 5 Web 存储 localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2020-08-18 16:55 DurianTRY 阅读(377) 评论(0) 推荐(0)

html5画布

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2020-08-18 15:51 DurianTRY 阅读(209) 评论(0) 推荐(0)

html5拖动

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2020-08-18 15:50 DurianTRY 阅读(95) 评论(0) 推荐(0)

html5音频及视频

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2020-08-18 15:27 DurianTRY 阅读(99) 评论(0) 推荐(0)

只有一

随笔分类 - 前端