charset

CSS学习笔记2:选择器

爷,独闯天下 提交于 2019-11-27 11:05:19
标签选择器   1、选择要给样式的目标标签,所以叫做 标签选择器 ,也叫 元素选择器 。 2、给所有相同标签,给相同样式。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS注释</title> <style type="text/css"> /*标签选择器:标签作为选择器*/ p{ color: red; } div{ color: purple; } </style> </head> <body> <p>李大嘴</p> <p>佟掌柜</p> <p>白展堂</p> <div>鸣人</div> <div>佐助</div> </body> </html> 类选择器 1、html声明,CSS调用 2、格式: .类名{属性:值;属性:值} 3、类名尽量不使用下划线(用中横线代替),纯数字,中文,具体见命名规范。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS注释</title> <style type="text/css"> /*标签选择器:标签作为选择器*/ p{ color: red; } div{ color: purple; } /*类选择器:html声明,CSS调用*/

前端开发HTML&css入门——HTML

这一生的挚爱 提交于 2019-11-27 10:02:30
  HTML究竟为何物?其实HTML就是一种标记语言,英文全称为Hypertext Markup Language,翻译过来就叫超文本标记语言。它的作用就是负责负责网页的三个要素之中的结构。 HTML使用标签的的形式来标识网页中的不同组成部分。 所谓超文本指的是超链接,使用超链接可以让我们从一个页面跳转到另一个页面 。 点一下试试 。   那么既然是文本标记语言,我们自然能用txt来编辑HTML语言。打开windows自带的记事本工具,键入以下内容: 这是我第一个网页   因为我们编写的是HTML网页,所以一定要将后缀名改为HTML(以前还有htm后缀名,因为早期系统不支持那么长的后缀名,但是二者是相同的): 让我们看一下图标: ,变成了浏览器的logo。证明此文件可以用浏览器打开。我们打开这个网页:   ??这哪是网页啊?你在骗我把?为什么和我们看到的网页不同?因为我们只加入了文本,我们未加入标签内容以及排版样式。   接下来让我们先来上一组基本的html标签,这样的一组标签能构成一个最基本,最简单的一个网页。每个标签都是由一组<>来构成(就是M右边的两个键)。 1 <html> 2 <head> 3 <title>这是一个非常好的网页</title> 4 </head> 5 6 <body> 7 <h1>这是我的第一个网页</h1> 8 </body> 9 </html>

WEB项目中的中文乱码问题

冷暖自知 提交于 2019-11-27 09:44:11
目录: 一 、Request中文乱码 二、tomcat 中文乱码 一、Request中文乱码 解决 request 中文乱码 的问题 request .setCharacterEncoding(charset);必须写在第一次使用 request .getParameter ()之前, 这样才能保证参数是按照已经设置的字符编码来获取。 response.setCharacterEncoding(charset);必须写在PrintWriter out = request .getWriter()之前, 这样才能保证out按照已经设置的字符编码来进行字符输出。 通过过滤器,我们可以保证在Servlet或JSP执行之前就设置好了请求和响应的字符编码 。 但是这样并不能完全解决 中文乱码 问题: 对于post请求,无论是“获取参数环节”还是“输出环节"都是没问题的; 对于get请求,"输出环节"没有问题,但是"获取参数环节"依然出现 中文乱码 ,所以在输 出时直接将乱码输出了。 原因是post请求和get请求存放参数位置是不同的: post方式参数存放在请求数据包的消息体中。get方式参数存放在请求数据包的请求行的 URI字段中, 以?开始以param=value&parame2=value2的形式附加在URI字段之后。而 request .setCharacterEncoding

loopback4, node mysql connector支持 utf8mb4字符集

烈酒焚心 提交于 2019-11-27 08:47:20
背景: 使用loopback4 做后端,数据库已设置字符集为utf8mb4, 但是由于loopback4使用的mysql connector版本太低,有字符集issue, "mysql": "2.17.1", "loopback-connector-mysql": "^5.4.2", 解决方式,直接修改 node_modules/mysql/lib/ConnectionConfig.js 第55行 this.charsetNumber = (options.charset) ? ConnectionConfig.getCharsetNumber(options.charset) : options.charsetNumber || Charsets. UTF8_GENERAL_CI ; 改为 this.charsetNumber = (options.charset) ? ConnectionConfig.getCharsetNumber(options.charset) : options.charsetNumber || Charsets. UTF8MB4_UNICODE_CI ; 修改完毕,直接重启nodejs即可生效。 参考文档: https://github.com/mysqljs/mysql/pull/1408/commits

HTML标签

做~自己de王妃 提交于 2019-11-27 07:14:36
Mate标签: META标签分两大部分:HTTP标题信息( http-equiv )和页面描述信息( name )。 http-equiv http-equiv类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。 设置页面编码 charset UTF-8是世界性通用编码,也完美的支持中文编码 GB2312属于中文编码,针对国内用户使用,国外用户访问GB2312编码的网站就会变乱码。 设置页面刷新时间 refresh 让网页多长时间自动刷新,或者多长时间后让网页自动链接到其他网页,单位:秒。不添加URL就本地刷新 设置网页缓存时间 expires 设置网页在缓存时间过期时间,一旦网页过期,就需要在服务器上重新加载 必须使用GMT的时间格式(格林尼治标准时间),或者直接设为0,数字表示多少时间后过期 禁止页面缓存 pragma(cach模式) 禁止浏览器从本地的缓存中调阅页面的内容,网页不保存在缓存中,每次访问都刷新页面,访问者无法脱机浏览 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="refresh" content="3;url=https://www.baidu.com"> <title>刷新</title>   <meta

Notepad2 可以替换xp记事本Notepad

笑着哭i 提交于 2019-11-27 07:03:41
软件分类:文字处理 软件性质:汉化软件/绿色版/简体中文 软件大小:556KB 运行环境:Win2000/XP/2003 软件版本:2.0.16.0 详细简介: 编程的朋友们,平时大家除了自己喜爱的开发工具外,我想每个人都有一个 mini编辑器吧, WinXP自带的记事本,我们既喜欢它的小巧玲珑,又苦于功能稍微偏弱,比如:不能语法高量显示、不能显示行号,这两个最大的缺陷,致使很多朋友都自备了一个记事本的代替品,比如大名鼎鼎的 UlseaEdit 等等。。。。不过现在你可以高兴啦!Vista的记事本把这些功能都补上了!并且还有人提取了出来,可以替换掉XP里的记事本,并且还进行了汉化! 特点: 1 自定义语法高亮,支持HTML, XML, CSS, Java, VB, ASP, PHP, CSS, Perl/CGI,C/C++, C#, Java, VB, Pascal, Assembler, SQL, Python, NSIS,INI, REG, INF, BAT, DIFF等众多文件 2 支持ANSI,Unicode,UTF-8等编码互换 3 可以设置无限个书签(9种图标可换)轻松定位 4 空格,制表符彩色显示,并可互相转换 5 可以对任意的文本块进行操作,ALT键+鼠标 6 对括号{}〔〕()可以高亮配对显示,方便查看(仅对英文符号有效) 7 可以自定义代码页和字符集

ContentType,charset和pageEncoding的区别

假装没事ソ 提交于 2019-11-27 06:35:59
ContentType 属性指定响应的 HTTP 内容类型。如果未指定 ContentType,默认为 text/HTML。   语法  Response.ContentType [= ContentType ]   参数   ContentType pageEncoding是jsp文件本身的编码 contentType的charset是指服务器发送给客户端时的内容编码 JSP要经过两次的“编码”,第一阶段会用pageEncoding,第二阶段会用utf-8至utf-8,第三阶段就是由Tomcat出来的网页, 用的是contentType。 第一阶段是jsp编译成.java,它会根据pageEncoding的设定读取jsp,结果是由指定的编码方案翻译成统一的UTF-8 JAVA源码(即.java),如果pageEncoding设定错了,或没有设定,出来的就是中文乱码。 第二阶段是由JAVAC的JAVA源码至java byteCode的编译,不论JSP编写时候用的是什么编码方案,经过这个阶段的结果全部是UTF-8的encoding的java源码。 也就是说: pageEncoding:设置JSP源文件和响应正文中的字符集编码。 contentType:设置JSP源文件和响应正文的字符集编码及MIME类型。 可见

富文本编辑器直接从 word 中复制粘贴公式

痴心易碎 提交于 2019-11-27 04:57:51
在之前在工作中遇到在富文本编辑器中粘贴图片不能展示的问题,于是各种网上扒拉,终于找到解决方案,在这里感谢一下知乎中众大神以及TheViper。 通过知乎提供的思路找到粘贴的原理,通过TheViper找到粘贴图片的方法。 其原理为一下步骤: 监听粘贴事件;【用于插入图片】 获取光标位置;【记录图片插入位置】 获取剪切板内容;【主要是获取文件】 上传剪切板图片; 在指定光标位置插入图片。 以下是代码部分: 1.获取光标代码部分,大部分都是直接利用TheViper的代码,只是做了简单的修改,在获取光标的位置添加了插件子集document对象,因为直接使用document对象获取不到光标位置 var isSupportRange = typeof document.createRange == 'function'; var currentRange, _parentElement; // 获取当前光标多在位置 function getCurrentRange(target) { var selection, range; if (isSupportRange) { selection = target.getSelection(); if (selection.getRangeAt && selection.rangeCount) { range = selection

Ueditor 从word中复制内容带多张图片

大兔子大兔子 提交于 2019-11-27 02:44:41
粘贴文本 注意,以下配置暂时对 IE 无效。IE 暂时使用系统自带的粘贴功能,没有样式过滤! 关闭粘贴样式的过滤 当从其他网页复制文本内容粘贴到编辑器中,编辑器会默认过滤掉复制文本中自带的样式,目的是让粘贴后的文本变得更加简洁和轻量。用户可通过editor.customConfig.pasteFilterStyle = false手动关闭掉粘贴样式的过滤。 但不知为何,我的不生效,所以我使用了,自定义处理粘贴的文本内容: 自定义处理粘贴的文本内容 使用者可通过editor.customConfig.pasteTextHandle对粘贴的文本内容进行自定义的过滤、处理等操作,然后返回处理之后的文本内容。编辑器最终会粘贴用户处理之后并且返回的的内容。 示例代码 <div id="div1"> <p>欢迎使用 wangEditor 富文本编辑器</p> </div> <script type="text/javascript" src="/wangEditor.min.js"></script> <script type="text/javascript"> var E = window.wangEditor var editor = new E('#div1') // 关闭粘贴样式的过滤 editor.customConfig.pasteFilterStyle = false //

在百度ueditor上粘贴从word中copy的图片和文字 图片无法显示的问题

拜拜、爱过 提交于 2019-11-27 02:34:55
1.1. 集成到UEditor1.x 说明: 1.wordpaster 以插件形式集成到ueditor中,不会对ueditor原有功能造成影响。当不需要wordpaster功能时可以直接卸载。 2.wordpaster 使用的上传页面是一个单独的页面,和ueditor官方demo中的上传页面不是同一个页面。 3.wordpaster 与ueditor版本无关,可支持多个版本。 4.wordpaster 是基于插件技术实现的功能,使用前需要安装插件。 主要步骤如下: 1.1.1. 上传WordPaster文件夹 1.1.2. 在工具栏图标集合中增加插件按钮图标 1.1.3. 修改ueditor.css文件 增加以下代码: .edui-default .edui-for-wordpaster .edui-icon { width : 16px ; height : 16px ; background-position : -648px -77px ; } .edui-default .edui-for-netpaster .edui-icon { width : 16px ; height : 16px ; background-position : -693px -77px ; } .edui-default .edui-for-excelpaster .edui-icon {