html5

点击上方“ IT共享之家 ”，进行关注 回复“ 资料 ”可获赠Python学习福利 前言 上篇文章主要介绍了CSS样式更改篇中的字体设置Font&边框Border设置，这篇文章分享列表、表格和轮廓，一起来看看吧。 1.列表List 1).列表的类型 <ul style='list-style-type:square'><li></li></ul> none 无标记 disc 实心圆 circle 空心圆 square 实心方块 decimal 数字 none 无 2).列表的图像 < ul > < li style = 'list-style-image:url(1.png)' > </ li > </ ul > 3).列表的位置 < ul > < li style = 'list-style-position:inside' > </ li > </ ul > inside 列表项目标记放置在文本以内 outside 列表项目标记放置在文本以外 这三者属性可以放在list-style中统一设置。 2.表格Table 1).折叠表格边框 table { border-collapse :collapse } separate 边框会被分开 collapse 边框合并为一个单一的边框 2).表格文本对齐 设置水平对齐方式，比如左对齐、右对齐或者居中 td { text-align

一、简介 KodExplorer可道云，原名芒果云，是基于Web技术的私有云和在线文件管理系统。致力于为用户提供安全可控、可靠易用、高扩展性的私有云解决方案。用户只需通过简单环境搭建，即可使用KodExplorer快速完成私有云/私有网盘/在线文档管理系统的部署和搭建。可道云提供了类windows经典用户界面，延续了windows平台的用户界面、操作逻辑和使用习惯，支持100余种文件格式的在线预览，解决了文件在线存储与管理、共享和跨平台访问、在线办公影音娱乐等一系列问题，使得用户的私有云产品可以拥有本地操作一样方便、快捷、安全的体验。 全平台支持:Linux，Windows，Mac; 只需要php5以上服务器环境. 官网 https://kodcloud.com/ 下载 https://gitee.com/kalcaddle/KODExplorer 二、特性 像使用操作系统一样使用体验，右键操作，拖拽，快捷键…… 框中选择，拖拽移动，拖拽上传，在线编辑器，影音播放器，解压缩。全面ajax保证性能和体验！ 各个功能直接无缝连接；以对话框形式存在，多任务管理等功能 完备的中文支持，各种情况下乱码解决； 三、功能简介 便捷的文件选择：单选，鼠标框选，shift连选，ctrl随意选择，键盘上下左右、home、end选择；同时支持类似windows的键盘字母快捷定位文件功能 文件操作

知识点： localStorage和sessionStorage都 只能存储字符串类型的对象 问题描述：将数组[1,1,1]存入localStorage时，取出来后变成了字符串的形式，读取arr[1]=,就是将逗号变成了内容的一部分，解决办法如下： 存入的时候： localStorage.setItem("getState", JSON.stringify (rightGetState)); 取出的时候： JSON.parse (localStorage.getItem("getState")) ​​​​​​​这样取出来的时候就还是数组的形式了。 来源： oschina 链接： https://my.oschina.net/zhangxuman/blog/4695156

从清明假期回来之后，朋友圈也好，自己之前学生的QQ群也罢，都被" 从入门到精通（放弃或跑路） "的书籍刷爆。如下图 有人说，程序员们又结结实实的自黑了一把。不了解程序员的人们可能会觉得不理解这群程序员，可能会觉得程序员们在自娱自乐，看这些消息时也是一笑了之。只有程序员才知道，这其实根本不算自黑。 细心的人们可能发现了，所有被修改的书通常是这样的标题 《某某语言从入门到精通》 。为何一定要修改这类书籍的标题呢？除了这种标题比较好修改之外，还有一个致命性的原因，那就是—此类书籍 没有任何实际意义和价值 ，很多自学者都吃过这种书的亏（小编也是），提到这种书，给开发攻城狮们不知道带来了多少吐槽点。 字典式的内容排布 应该说，此类书籍，和字典类似，以HTML5技术为例，标签，样式，新标签，CSS3，罗列清晰，分类标准。可是，给你一本新华字典你就会写作文了？给你一本托福字典，你就能和别人用英文对话了？ 其实，“ 字典式排布 ”这一问题是这类书籍最致命的部分，IT技术，知识点只是一个最基础的东西，而关于这些技术的应用却没有任何讲解和说明。 换言之，我们学习一些知识，通常需要了解这个 知识是什么，知识怎么应用，知识为什么要学 (也就是学习这个知识是缘于实践中哪些地方的要求)。此类书籍只解决了以上三点之一（知识是什么），而且有时还解释的不够明白，这也就怪不得大家不太喜欢这类书了。 过气的知识

1、【HTML5】Blob对象 （1）写在前面 ：本小节主要介绍Blob对象属性及作用，通过demo介绍blob对象的应用场景。 blob对象：一直以来，JS都没有比较好的可以直接处理二进制的方法。而blob的存在，允许我们可以通过js直接操作二进制数据。 “一个blob对象就是一个包含有只读原始数据的类文件对象。blob对象中的数据并不一定得是JavaScript中的原生形式。file接口基于blob，继承了blob的功能，并且扩展支持了用户计算机上的本地文件” Blob对象可以看作是存放二进制数据的容器，此外还可以通过blob设置二进制数据的MIME类型。 （2）创建blob 方法一：通过构造函数 var blob = new Blob( dataArr :Array<any>, opt :{type:string}); dataArr ：数组，包含了要添加到blob对象中的数据，数据可以是任意多个ArrayBuffer，ArrayBufferView，blob或者DOMString对象 opt ：对象，用于设置Blob对象的属性（如 MIME 类型） MIME：每一个 URL 都代表着一个资源对象，而当我们请求一个网页的时候，看似只请求了一个 URI（统一资源标识符），实际上这个网页可能包含多个 URI，例如图片资源的 URI 和视频资源的 URI 等

闭包的理解 使用闭包主要是为了设计私有的方法和变量。优点是可以避免全局变量的污染，缺点是闭包会常驻内存，会增大内存使用量，使用不当很容易造成内存泄露 Cookie 第一：每个特定的域名下最多生成20个cookie 1.IE6或更低版本最多20个cookie2.IE7和之后的版本最后可以有50个cookie。3.Firefox最多50个cookie4.chrome和Safari没有做硬性限制 第二：cookie的最大大约为4096字节，为了兼容性，一般不能超过4095字节 优点:极高的扩展性和可用性 1.通过良好的编程，控制保存在cookie中的session对象的大小。2.通过加密和安全传输技术（SSL），减少cookie被破解的可能性。3.只在cookie中存放不敏感数据，即使被盗也不会有重大损失。4.控制cookie的生命期，使之不会永远有效。偷盗者很可能拿到一个过期的cookie。 缺点: 1.`Cookie`数量和长度的限制。每个domain最多只能有20条cookie，每个cookie长度不能超过4KB，否则会被截掉。2.安全性问题。如果cookie被人拦截了，那人就可以取得所有的session信息。即使加密也与事无补，因为拦截者并不需要知道cookie的意义，他只要原样转发cookie就可以达到目的了。3.有些状态不可能保存在客户端。例如，为了防止重复提交表单

HTML5学堂小编：圆形，一个很奇妙的形状，在各种地方都可以看得到，特别是现在各类网站，都会有各种的圆形。圆角的制作曾经困扰了 开发者 很久，以至于以前 开发者 只能使用图片来替代。但是当CSS3的这个border-radius出现之后，对于开发者而言简直就是福利，只需要在需要圆的地方给上一句代码就可以了。一起来学习学习吧~~~ 如何理解border-radius border-radius——CSS3的圆角属性。但是除了圆角的定义外，它还可以做点别的事情。radius其实指的是边框所在圆的半径，这个CSS3属性不仅能够创建圆角，还可以创建椭圆角（如图下图第2），而把这些角按照不同的顺序和大小来展现，也能够绘制成多种多样的图形。以下图例就是通过定义border-radius得到的效果。 基本语法 想要完成上述的这些图例，我们及很有必要来了解一下其语法到底是怎么样的。书写形式如下： border-radius ： none | {1,4} [/ {1,4} ]?； none代表的是不设置圆角。后面的参数值代表水平或者垂直方向的圆角值设置，其中前部分参数 {1,4}代表水平方向的值，后部分参数[/ {1,4} ]?代表垂直方向的值，可省略。 提醒：border-radius是CSS3的属性，书写的时候建议加上内核前缀。 border-radius可以通过值来定义样式相同的角

不知从什么时候，我的电脑出现了一个奇怪的问题，在某些软件里上传文件的时候只要一上传就出现IRQL_NOT_LESS_OR_EQUAL的错误，然后蓝屏重启。最开始是IE会这样，后来连chrome都是这样。谷歌百度了半天都没有找出原因，今天又出现了，终于解决了这个问题。这里记一下，希望能帮助到遇到类似情况的朋友。 首先亮出我的配置： 机器：DELL M800 内存：16GB 显卡：Intel集显+Nvidia k2100M 其他信息无关紧要，就不罗列了。 说一下遇到的问题及解决办法。 问题：在浏览器（IE或者chrome）上传文件时瞬间蓝屏，重启后问题依旧。 解决过程： 1.在谷歌搜索browser upload blue screen，然后出来一堆结果，通过标题和摘要信息过滤到不相关的，在打开相关页面查看，其中有一个说是内存问题，部分内存坏了。于是下载了个内存测试软件MemTest64（下载：http://nl1-dl.techpowerup.com/files/5Ppc_mWYURA3ZxYB6kkLbg/1519796308/MemTest64.exe），下载来运行软件提示我虚拟内存小（我设置了4GB），好吧，让windows自动管理，虚拟内存跟实际内存一样大了。结果测试了半天，没有发现任何错误。 2.既然不是内存错误，搜索也没有什么新的突破。刚好，有导出文件

1 什么是Fiddler? Fiddler是一个http调试代理，以代理服务器的方式，监听系统的Http网络数据流动， Fiddler可以也可以让你检查所有的http通讯，设置断点，以及Fiddle所有的“进出”的数据。 Fiddler还包含一个简单却功能强大的基于JScript .NET 事件脚本子系统，它可以支持众多的http调试任务。 你是不是曾经疑惑过你的web程序和IE是如何交互的？你是不是遇到过一些奇怪的而你又无法解决的性能瓶颈？ 你是不是对那些发送给服务器端的cookie和那些你下载下来的被标记为可缓存的内容感到好奇？ 无论你是从事什么开发，哪种语言，只要你想更深入的了解HTTP，这个工具就值得你去了解，它对前端开发工作是很有价值的。 Fiddler官方网站及下载可以在[http://www.fiddler2.com/fiddler2/]找到，安装过程很简单，这里就不介绍了。 同样，Fiddler支持插件扩展，常见插件可以在[http://fiddler2.com/add-on]找到。下面，简单介绍Fiddler的功能和常见应用场景。 2 Fiddler界面及功能介绍 Fiddler整个界面布局如上所示，下面再简单介绍一些特殊的概念： 代理模式，支持缓存模式和流模式: 缓冲模式(Buffering Mode Fiddler直到HTTP响应完成时才将数据返回给应用程序。

　　移动互联网的快速发展让web前端开发人员成为目前市场上紧俏、稀缺的人才。对于零基础想要学习web前端开发的人来说，应该从哪些方面入手呢?下面，千锋上海小编就给大家介绍一下。 　　对于零基础的人，学习web前端开发可以按照以下学习路线： 　　1、前端页面重构。主要内容为PC端网站布局、Photoshop 工具及切图、H5移动端网页布局、HTML5+CSS3新特性与交互。学习目标是完成PC端网站布局，可实现响应式布局，一套代码适配 PC 端、移动端、平板设备等。 　　2、前后端网页交互。主要内容为JavaScript 语法全面进阶、ES6 到 ES10 新语法实践、jQuery 应用及插件使用、设计模式及插件编写、封装 JS 工具库及Web APIS、AJAX+PHP+MySQL前后端交互、前端工程化与模块化应用以及PC 端全栈开发项目等。学习目标是可以掌握前端工程化工具，如 git、gulp、webpack 等，搭建项目及开发项目。 　　3、Node.js + 前端框架。主要内容为Node.js 全面进阶、Koa2+MongoDB搭建服务、Vue.js 框架、React.js 框架、小程序云开发与小程序框架、原生 APP与混合APP、数据可视化与桌面应用等。学习目标是掌握桌面应用及可视化大数据，实现复杂数据展示类项目，能够独立完成前后台相关功能，胜任HTML5全栈开发工程师职位。