content | 易学教程

前端基础之HTML

阅读更多关于前端基础之HTML

前端基础之HTML 一、什么是HTML HTML：是一种超文本标记语言(Hypertext Markup Language，HTML)，是一种用于创建网页的标记语言。本质上是浏览器可识别的规则，我们按照规则写网页，浏览器更具规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。(兼容问题) 网页文件的扩展名：.html或.htm(在文件后缀名只有能是三位的时候使用，现在基本不用) HTML是标记语言，不是编程语言，使用标签来描述网页。二、HTML文档结构最基础的HTML文档： <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>css样式优先级</title> </head> <body> </body> </html> <!DOCTYPE html> 声明为HTML5文档。 <html> </html> 是文档的开始标记和结束标记。是HTML页面的根元素，在它之间是文档的头部(head)和主体(body)。 <head> </head> 定义了HTML文档的开头部分。他们之间的内容不会在浏览器的文档窗口显示。包含了文档的元(meta)数据。 <title> </title> 定义了网页标题，在浏览器标题栏显示。 <body> </body>

openwrt luci web分析

阅读更多关于 openwrt luci web分析

openwrt luci web分析来源 https://www.jianshu.com/p/596485f95cf2 www/cbi-bin/luci #!/usr/bin/lua --cgi的执行命令的路径 require"luci.cacheloader" --导入cacheloader包 require"luci.sgi.cgi" --导入sgi.cgi包 luci.dispatcher.indexcache = "/tmp/luci-indexcache" - -cache缓存路径地址 luci.sgi.cgi.run() --执行run方法，此方法位于*/luci/sgi/cgi.lua中 run方法的主要任务就是在安全的环境中打开开始页面（登录页面），在run中，最主要的功能还是在dispatch.lua中完成。 LUCI的MVC 用户管理：在luci的官方网站说明了luci是一个MVC架构的框架，这个MVC做的可扩展性很好，可以完全的统一的写自己的html网页，而且他对shell的支持相当的到位，（因为luci是lua写的，lua是C的儿子嘛，与shell是兄弟）。在登录界面用户名的选择很重要，luci是一个单用户框架，公用的模块放置在 /luci/controller/下面，各个用户的模块放置在 /luci/controller/下面对应的文件夹里面，比如

对于div里面内容过大根据长度或者宽度进行适配，然后可以滚轮缩放的功能

阅读更多关于对于div里面内容过大根据长度或者宽度进行适配，然后可以滚轮缩放的功能

在做3000的项目中，因为页面的svg很大，但是做的只是适配电脑，打开肯定是看不全的，要看全就必须进行滚动，可是客户提出了将页面放在电视机上面，用电视输入网址直接访问，这样问题就来了，电视上怎么进行滚动呢所以新增需求 1、页面根据不同尺寸的设置进行适配 2、确保页面内容可以全部查看完整 3、可以进行滚轮滚动缩放实例 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title> <style type="text/css"> html,body{ width:100%; height:100%; overflow:hidden; padding:0; margin:0; } #big{ overflow:auto; width:100%; height:100% } #content{ width:3000px; height:2000px; background-color

Android爬坑之旅之FileProvider（Failed to find configured root that contains）

阅读更多关于 Android爬坑之旅之FileProvider（Failed to find configured root that contains）

原文地址： https://www.jianshu.com/p/ac5fe346a5b7 最近在测试FileProvider相关功能的时候，在从自定义相册选择图片通过FileProvider来获取content uri的时候程序突然崩溃了，报出了 Failed to find configured root that contains xxxx 的错误，一开始以为是自己的配置出错了，但是参照官方文档改来改去仍然没有任何作用，通过绞尽脑汁地排查，终于发现了错误原因，并找到了正确的解决方案，在了解最终的解决方案之前我们先对FileProvider做个简单的了解和回顾。 FileProvider简介很久之前就知道FileProvider了，然而之前做过的实际项目中却很少用到，一方面自己的项目没有涉及到相关的场景，一方面也是自己对文件安全没有太在意，虽然看官方文档的时候多次读过，却从来没想到去使用它。但随着Android 7.0的到来，为了进一步提高私有文件的安全性，Android不再由开发者放宽私有文件的访问权限，之前我们一直使用"file:///"绝对路径来传递文件地址的方式，在接收方访问时很容易触发SecurityException的异常。因此，为了更好的适配Android 7.0，例如相机拍照这类涉及到文件地址传递的地方就用上了FileProvider

Mata标签，og标签

阅读更多关于 Mata标签，og标签

一、Mata标签　　　　 meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head>中。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机查找、分类。这其中最重要的是description（站点在搜索引擎上的描述）和keywords（分类关键词），所以应该给每页加一个meta值。 name 属性 1、<meta name="renderer" content="webkit"> 　 content的取值为webkit,ie-comp,ie-stand之一，区分大小写，分别代表用页面默认使用 webkit内核，IE兼容内核，IE标准内核。 2、<meta name="viewport" content="width=device-width, initial-scale=1"> 　　上面的一行代码可以让网页的宽度自动适应手机屏幕的宽度: 　　注：在iOS9中要想起作用，得加上"shrink-to-fit=no" <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user

生产者消费者模式C++11模拟

阅读更多关于生产者消费者模式C++11模拟

#include <iostream> #include <deque> #include <mutex> #include <condition_variable> #include <functional> #include <thread> #include <chrono> #include <cstdlib> #include <ctime> template<typename T> class Buffer { private: static const int SIZE = 10; std::deque<T> content; std::mutex mtx; std::condition_variable con_var; public: Buffer() = default; void add(const T &item) { std::unique_lock<std::mutex> lck(mtx); con_var.wait(lck, [this](){return content.size() < SIZE;}); content.push_back(item); con_var.notify_all(); } T remove() { std::unique_lock<std::mutex> lck(mtx); con_var.wait(lck, [this

关于meta标签

阅读更多关于关于meta标签

1.<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。<meta> 标签位于文档的头部，不包含任何内容。 2.<meta> 标签的属性定义了与文档相关联的名称/值对。 3.常见的代码： <meta http-equiv="content-Type" content="text/html; charset=gb2312" > <meta http-equiv="X-UA-Compatible" content="IE=edge" />； <meta name ="keywords" content="science,education,culture,politics,ecnomics,relationships,entertainment,human"> 即：<meta> 标签永远位于 head 元素内部。元数据总是以名称/值的形式被成对传递的。 4.meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。一. name属性 name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。 meta标签的name属性语法格式是：<meta

Content disposition 允许 servlet 指定文档表示的信息

阅读更多关于 Content disposition 允许 servlet 指定文档表示的信息

Content disposition HTTP response header中的content-disposition 允许 servlet 指定文档表示的信息。使用这种header ，你就可以将文档指定成单独打开（而不是在浏览器中打开），还可以根据用户的操作来显示。如果用户要保存文档，你还可以为该文档建议一个文件名。这个建议名称会出现在 Save As 对话框的“文件名”栏中。如果没有指定，则对话框中就会出现 servlet 的名字。 servlet 中，将 header 设置成下面这样： response.setHeader("Content-disposition","attachment;filename="+ "Example.xls" ); response.setHeader("Content-Disposition", "inline; filename="fliename);//点击打开会在ie中打开。需要说明的有三点： (1) 中文文件名需要进行iso8859-1转码方可正确显示： fileName = new String(fileName.getBytes("GBK"),"iso8859-1"); (2)传递的文件名，需要包含后缀名（如果此文件有后缀名），否则丢失文件的属性，而不能自行选择相关程序打开。 (3)有下载前询问（是打开文件还是保存到计算机

ASP.Net Core使用Ajax局部更新

阅读更多关于 ASP.Net Core使用Ajax局部更新

由于目前ASP.NET Core中没有提供Ajax帮助器，所以参照上一篇帖文，使用data-ajax-*属性来使用jQuery Unobtrusive Ajax功能实现HTML的局部页面元素更新。在.cshtml文件中，根据文章分页，分别生成各页链接： <div id="content"> @if (Model.ContentArray.Count() > 1) { @Html.Raw(Model.ContentArray[0]) } else { @Html.Raw(Model.CurrentAtricle.Content) } </div> <ul class="pagination offset-5"> @for (int i = 0; i < Model.ContentArray.Length; i++) { <li class="page-item"> <a asp-controller="Home" asp-action="GetContent" asp-route-articleId="@Model.CurrentAtricle.ArticleId" asp-route-num="@i" data-ajax="true" data-ajax-method="GET" data-ajax-mode="replace" data-ajax-update="

WordPress设置文章页面的关键字和描述都是不同的

阅读更多关于 WordPress设置文章页面的关键字和描述都是不同的

如果已经设置了网站关键字的话(手动添加)，可以这么修改，没有设置的话，直接添加下面代码即可步骤1 ：打直接修改源文件（header.php）也好，或者登录后台修改：外观-编辑-选择修改（顶部）header.php文件。找到代码：（作用：设置关键字） <meta name="keywords" content="这里是你网站首页的关键字..." /> 替换为（这里选择title作为关键词）： <meta name="keywords" content="<?php echo the_title(); ?>" /> 找到代码：（作用：设置描述） <meta name="description" content="这里是你网站首页的描述..." /> 替换为： <meta name="description" content="<?php if (is_single()){ echo mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 180,"");} else{echo ("这里是你网站首页的描述...");}?>" /> 步骤2 ：点击“更新文件”保存设置。这样就可以啦！打开一个文章页面，鼠标右键，查看源文件，看看效果吧！

订阅 content