content | 易学教程

day39随笔——HTML基础

阅读更多关于 day39随笔——HTML基础

目录 HTML基础 HTML是什么 HTML的基本结构 HTML的标签格式标签的书写标签的语法几个重要的属性注释方式 HTML常用标签 head中的常用标签 meta标签的用法 body内的常用标签基本标签（块级标签和内联标签）特殊字符 img标签 a标签列表表格 HTML基础 HTML是什么超文本标记语言（Hypertext Markup Language,HTML）是一种用于创建网页的标记语言本质上是浏览器可识别的规则，我们按照规则写网页，浏览器根据规则渲染我们的网页。根据不同的浏览器，对同一个标签可能又不同的解释（也就是兼容问题）。网页文件的扩展名：.html或.htm HTML的基本结构 <!DICTYPE html>#声明为HTML5文档 <html lang="zh-CN">#标记文档的开始并且设置了语言属性 <head>#定义了HTML文档的开头部分。head中的内容不会在浏览器的文档窗口显示。 <meta charset="UTF-8">#文档的元数据，可以设置如编码格式等数据 <title>标题</title>#定义了网页标题，在浏览器标题栏显示 </head>#head部分结束 <body>#body之中的文本是可见的网页主体内容页面内容 </body> </html> HTML的标签格式标签的书写双标签 <head></head

vue小案例--简易评论区

阅读更多关于 vue小案例--简易评论区

一、小案例（评论区） 1、流程（1）分析静态页面。（vue项目创建参考https://www.cnblogs.com/l-y-h/p/11241503.html）（2）拆分静态页面，变成一个个组件。（3）对组件编码，生成动态页面。 2、静态页面参考来源：https://www.bilibili.com/video/av49099807/?p=22&t=1223 【举例：】 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0">  <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"> <script src="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/js/bootstrap.js"></script> <title>vue_demo</title> </head> <body> <div id="app">

16-增量式爬虫

阅读更多关于 16-增量式爬虫

增量式爬虫　　增量式爬虫，顾名思义。就是当网站更新新的内容的时候，能够将新内容储存下来，而不是将原来的数据又储存下来。例如电影网站每隔一段时间就更新新的电影，小说网站每天更新新的小说。　　因此增量式爬虫就是发送请求之前，判断这个url是否爬取过，解析出数据判断是否爬取过：　　　　　　　　　　1、对爬取过的url进行储存　　　　　　　　　　2、对爬取过的数据进行储存（数据进行哈希储存（节约资源））　　　　　　　　　　3、判断储存的数据是否已经存在去重方法：　　　　1）将爬取中的url进行储存，储存在redis的set中。下次爬取数据时，首先对即将要发送请求的url对储存在url的set中做判断，如果存在，就不发送请求，否则继续发送请求。　　　　2）爬取到的内容进行唯一身份的标识，然后讲这个唯一标识储存在redis的set中。当下次爬取到网页数据的时候，在进行持久化存储之前，首先可以判断该数据的身份标识是否存在在redis的set中。如果存在，就不储存。如果不存在，就储存身份标识以及数据。 1、url去重 spiders/Movie.py # -*- coding: utf-8 -*- import scrapy from scrapy.linkextractors import LinkExtractor from scrapy.spiders import

上传word文件并预览

阅读更多关于上传word文件并预览

这些天一直在捣鼓一个东西，就是上传word文件，然后将它预览出来，搞得我有点心烦。首先前台页面要获取得到的文件名，然后触发上传事件 @*//用于接收path路径 *@ <input type="hidden" id="path" value="@ViewData["path"]" /> <div id="upload" style="width: 300px; display: block; padding-bottom: 15px; padding-top: 15px;"> <input type="file" class="easyui-linkbutton" name="uploadfile" id="uploadfile" multiple="multiple" οnchange="fileSelected();" /> </div> @*添加按钮弹出框*@ <div style="margin-bottom: 5px; margin-top: 20px;"> <a id="" class="easyui-linkbutton" href="#" data-options="plain:true,iconCls:'icon-undo'" style="margin-left: 5px;" οnclick="uploadFile()"> <span>上传</span> <

ueditor word粘贴上传

阅读更多关于 ueditor word粘贴上传

公司做的项目需要用到粘贴Word功能。就是将word内容一键粘贴到网页编辑器（在线富文本编辑器）中。Chrome+IE默认支持粘贴剪切板中的图片，但是我要粘贴的文章存在word里面，图片多达数十张，我总不能一张一张复制吧？我希望打开文档doc直接复制粘贴到富文本编辑器，直接发布网上找了很久，大部分都有一些不成熟的问题，皇天不负有心人终于让我找到了一个成熟的项目。 1、前端引用代码 <!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>编辑器完整版实例-1.2.6.0</title> <scripttype="text/javascript" src="ueditor.config.js" charset="utf-8"></script> <scripttype="text/javascript" src="ueditor.all.js"

移动端页面内容设定字号相同，但是显示出来字体大小不同的问题

阅读更多关于移动端页面内容设定字号相同，但是显示出来字体大小不同的问题

例如最外层div为<div class="content"></div>，content中包含了许多<p></p>，<p>标签中的内容设定的字号相同，但是页面显示出来字体大小却不一样。 <div class="content"> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> </div> 　　解决方法添加样式： .content p *{ 　font-size: 17px; -webkit-text-size-adjust: none; } 　　　 -webkit-text-size-adjust这个属性虽然Chrome不认识，但是有效果，亲测。感觉不爽可以换成text-size-adjust: none;或者都写上根据自己实际情况调整想了解这个属性的用处，可以自己百度，这里不多做解释。来源： https://www.cnblogs.com/Maoscn/p/11646417.html

HTML基础学习记录

阅读更多关于 HTML基础学习记录

在这里先推荐在线编辑器： https://www.runoob.com/try/try.php?filename=tryhtml_intro 页面组成 <!DOCTYPE html> 通用声明为 HTML文档，是html页面的开头 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 为HTML4的声明。 <html> 元素是 HTML 页面的根元素，所有的其他元素都在<html>标签内编写 HTML内部组成 <head> 元素包含了文档的元（meta）数据，页面头部标签。 <body> 元素包含了可见的页面内容，页面的身体标签。 <footer> 元素为页面的尾部标签。 head内部组成 <meta> ：元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词，<meta> 标签的属性定义了与文档相关联的名称/值对。必须属性 content 属性：定义与 http-equiv 或 name 属性相关的元信息,content 属性始终要和 name 属性或 http-equiv 属性一起使用。属性值："一些文字" 可选属性 http-equiv 属性：把 content

META标签的设置

阅读更多关于 META标签的设置

㈠定义及用法 ⑴<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 ⑵<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。 ⑶元数据（metadata）是关于数据的信息。元数据总是以名称/值的形式被成对传递的。 ⑷典型的情况是，meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。 ⑸元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。㈡可选属性注意：当有http-equiv或者name属性时，必须要有content属性，content 属性提供了名称/值对中的值，content属性定义与 http-equiv 或 name 属性相关的元信息。content始终要和 name 属性或 http-equiv 属性一起使用。㈢name属性 ⑴定义元数据的名称，与content属性包含的值相关联。HTML 和 XHTML 标签都没有指定任何预先定义的 <meta> 名称。通常情况下，您可以自由使用对自己和源文档的读者来说富有意义的名称。 ⑵application-name：定义正运行在该网页上的网络应用名称 •简单的网页不应该去定义 ⑶author：文档的作者名称 ⑷description

nodejs的数据上传与安全

阅读更多关于 nodejs的数据上传与安全

　　Node提供了相对底层的API，通过它构建各种各样的Web应用都是相对容易的，但在Web应用中，不得不重视数据上传相关的安全问题。由于Node与前端Javascript的近缘性，前端Javascript甚至可以上传至服务器直接执行，但在这里我们并不讨论这样危险的动作，而是介绍内存和CSRF相关的安全问题。　　1. 内存限制　　在解析用户提交的表单、JSON和XML的时候，我们采取的策略是先保存所有数据，然后再解析处理，最后才传递给业务逻辑。这种策略存在潜在的问题是，它仅仅适合数据量小的提交请求，一旦数据量过大，将发生内存被占光的情况。攻击者通过客户端能够十分容易地模拟伪造大量数据，如果攻击者每次提交1 MB的内容，那么只要并发请求数量一大，内存就会很快地被吃光。　　要解决这个问题主要有两个方案。　　 限制上传内容的大小，一旦超过限制，停止接收数据，并响应400状态码。　　 通过流式解析，将数据流导向到磁盘中，Node只保留文件路径等小数据。　　首先介绍一下 Connect 框架中采用的上传数据量的限制方式，如下所示：　　 const bytes = 1024; (req, res) => { let received = 0, const len = req.headers['content-length'] ? parseInt(req.headers[

nvarchar(MAX) 、ntext的差别

阅读更多关于 nvarchar(MAX) 、ntext的差别

今天在做一个项目时，程序成功向数据库插入一条数据，插入的是一篇比较大的文章，而且还有很多样式。 Id是int型，Content用的是 ntext类型的但是当我在手动改数据库Id时出现错误：错误源：.NET.SqlClient Data Provider 错误信息：将截断字符串或二进制数据。 DBCC执行完毕。如果DBCC输出了错误信息，请与管理员联系。语句已终止。出现这个问题的直觉就是插入的数据超过了字段的实际长度。于是打开数据库修改，发现没有超过的啊？ ntext在我的印象中应该算是最大的了。这样都不行吗？我又把content数据类型换成nvarchar(MAX)，手动更改的时候成功了。在网上搜索的时候发现nvarchar(MAX) 、ntext是有差别的：以下转载： http://www.cnblogs.com/dudu/archive/2009/10/17/1585152.html NTEXT: 默认情况下，NTEXT将文本数据存储在LOB结构中，在表结构中只存储指针，指针指向该数据在LOB中的存储位置。 NVARCHAR(MAX) 默认情况下，不超过8,000字节的数据直接存储在表结构中，超过的才和NTEXT一样将数据存储在LOB结构中。 NTEXT向NVARCHAR(MAX)的转换： ALTER TABLE 表名 ALTER COLUMN 字段名

订阅 content