charset | 易学教程

字体图标的几种引入方式

阅读更多关于字体图标的几种引入方式

图片缺点是增加了总文件大小，不能很好地进行“缩放”，因为放大和缩小会失真字体图标（iconfont）可做出跟图片一样的事，改变透明度、旋转度等，但其本质是文字，可以很随意地改变颜色、产生阴影、透明效果等，本身体积更小但携带的信息没有削减，几乎支持所有的浏览器，移动端设备必备使用流程 ❶ UI人员设计字体图标效果图(svg)，在 illustrator 或 Sketch 这类矢量图形软件中创建 icon 图标之后保存为 svg 格式 ❷ 前端人员上传生成兼容性字体文件包 ❸ 前端人员下载兼容性字体文件包 ❹ 把字体文件包引入HTML页面中一般是用现成的，常用网站：阿里icon font字库、 Font-Awesome 、icomoon字库、fontello等下载阿里的字体图标后里面会有使用说明，阿里的字体图标有三种引入方式： unicode 、 font-class 和 symbol 方式 unicode方式 unicode 方式应该是最开始接触最熟悉的方式，在 css 中像定义 Web 字体一样，定义将要使用的 iconfont 的名字还有引入地址，再在类样式中使用此字体，设置大小颜色等，最后在元素里添加类并粘贴字体编码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title

MYSQL中的COLLATE是什么？

阅读更多关于 MYSQL中的COLLATE是什么？

在mysql中执行 show create table <tablename> 指令，可以看到一张表的建表语句，example如下： CREATE TABLE `table1` ( `id` bigint(20) unsigned NOT NULL AUTO_INCREMENT, `field1` text COLLATE utf8_unicode_ci NOT NULL COMMENT '字段1', `field2` varchar(128) COLLATE utf8_unicode_ci NOT NULL DEFAULT '' COMMENT '字段2', PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8_unicode_ci; 大部分字段我们都能看懂，但是今天要讨论的是COLLATE关键字。这个值后面对应的 utf8_unicode_ci 是什么意思呢？面试的时候用这个题目考一考DBA，应该可以难倒一大部分人。 COLLATE是用来做什么的？使用phpmyadmin的开发可能会非常眼熟，因为其中的中文表头已经给出了答案： phpmyadmin截图所谓 utf8_unicode_ci ，其实是用来排序的规则。对于mysql中那些字符类型的列，如 VARCHAR ， CHAR ，

简单说 CSS中的mask—好好利用mask-image

阅读更多关于简单说 CSS中的mask—好好利用mask-image

说明 CSS中的mask属性允许用户屏蔽或剪裁特定点的图像来实现，部分或完全隐藏某个元素的可见性。好吧，这个概念可能有点不好理解，先看图。看了这个等式，似乎明白点什么了吧，朋友们，第一张图就是一张普通的图，第二张图，黑色部分是不透明的，白色部分是透明的，用上mask之后，两张图重叠，黑色区域中的会显示出来，白色区域不显示。用过ps的朋友，应该很清楚，蒙版这东西，这就和蒙版很像，好吧，没用过ps的朋友，又要问蒙版是什么了，相信看完这篇文章，你应该连蒙版也知道了。 mask和background用法是相仿的，mask的值有这些 mask-clip mask-composite mask-image mask-mode mask-origin mask-position mask-repeat mask-size mask-type 具体细节参考这里： CSS background 属性 CSS mask 属性解释由于目前，只有webkit内核的浏览器支持mask属性，所以考虑到兼容性的话，用mask属性的时候还是要想想的。今天我们主要说说 mask-image，这个比较有意思，这两个单词翻译过来就是，面具图片，的确很形象，真的就像是给元素带上一个面具一样。我们直接上代码，把上面提到那个等式，实现一下，顺便说一句，mask-image 和 background-image

python读取配置文件连接数据库踩过的坑

阅读更多关于 python读取配置文件连接数据库踩过的坑

python读取配置文件连接mysql遇到的问题 1.我创建了一个cfg.ini的配置文件，用于存放用到的配置，其中包含数据库的配置信息 2.使用configparser读取配置文件cfg.ini的数据库配置信息 [database] host=172.16.1.11 port=3306 name=name user=user password=pass charset=utf-8 host=cf.get('database','host') port = cf.get('database','port') name = cf.get('database','name') user = cf.get('database','user') password = cf.get('database','password') 3.并使用pymysql.connect连接mysql数据库，遇到第一个问题如下，查阅资料后将charset=utf-8修改成charset=utf8，此问题解决 self.encoding = charset_by_name(self.charset).encoding AttributeError: 'NoneType' object has no attribute 'encoding' 4.再次连接数据库，返回错误1）

BIO、NIO实战

阅读更多关于 BIO、NIO实战

BIO BIO：blocking IO，分别写一个服务端和客户端交互的C/S实例。服务器端： import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.net.ServerSocket; import java.net.Socket; import java.nio.charset.Charset; /** * Created by atai on 2019/3/19. */ public class BIOServer { private String host; private int port; private static Charset charset = Charset.forName("UTF-8"); public static void main(String[] args) { int port = 9010; try (ServerSocket ss = new ServerSocket(port)) { while (true) { Socket s = ss.accept(); BufferedReader reader = new BufferedReader(new InputStreamReader

web乱码问题处理

阅读更多关于 web乱码问题处理

前端处理 1.倒入js中处理 <script type="text/javascript" src="js/logIn.js" charset="UTF-8" ></script> 2.html页面中 <meta charset="UTF-8"> 在HttpServlet中处理 1.常见处理 request.setCharacterEncoding("utf-8"); response.setCharacterEncoding("utf-8"); 2.其他 response.setCharacterEncoding("UTF-8"); //设置服务器端的编码，默认是ISO-8859-1；该方法必须在response.getWriter()之前进行设置才会生效 response.setHeader("content-type", "text/html; charset=utf-8"); //通知浏览器服务器发送的数据格式是text/html，并要求浏览器使用utf-8进行解码。 response.setContentType("text/html;charset=utf-8"); //通知浏览器服务器发送的数据格式是text/html，设置服务器采用utf-8编码，并要求浏览器使用utf-8进行解码。相当于上面两句代码的封装，一句话完成两句话的功能 response

每日分享

阅读更多关于每日分享

1.nodeList <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p>hello</p> <p>world</p> <p>hello</p> <p>world</p> </body> <script> var x = document.getElementsByTagName("p"); for (var i=0;i<x.length;i++){ } var y = x[2]; console.log(y)　　　　　　//hello </script> </html> 2.parentNode parentNode 属性常被用来改变文档的结构。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="box"> hello </div> </body> <script type="text/javascript"> var box = document.getElementById("box"); box.parentNode.removeChild(box); 　　//删除 </script> </html> 3

kali-crunch构造字典

阅读更多关于 kali-crunch构造字典

kali-crunch 用法： crunch <min-len> <man-len> [<charset string>] [options] charset string:字符集，默认是小写例如： crunch 6 6 01234567890 -o START -d 2 -b 1mb / -c 100 含义是通过crunch构造一个最小长度为6，最大长度为6，有0-9数字构成的【字典一旦要分割大小就必须使用-o START 这个参数】密码字典文件，该字典内一条密码中同样的数字连续重复出现为2次（88，11，22例如这些），超过2位的不要，且每100行生成一个文件，使用了-b、-c这两个参数的时候，必需要有-o START这个参数，且该参数后面不能再加输出的文件名！！ -o [文件名.txt]保存为一个文件例如：crunch 1-5 01234567890 -o passlist.txt crunch构造密码文件保存指令示例 -f 指定字符集文件 - /usr/share/crunch/charset.lst 该字符集文件所在位置 -b 按大小分割字典文件（kb/kib、mb/mib、gb/gib） -c 按行数分割字典文件 -以上两个参数必需与-o START 结合使用 -d 同一字符连续出现数量，比如两个1，两个，三个A，之类的情况 -s 起始的密码字符 -e

vue v-model 表单控件绑定

阅读更多关于 vue v-model 表单控件绑定

v-model 指令在表单控件元素上创建双向数据绑定，下面一一进行示例解释。 1、v-model 双向绑定文本 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script type="text/javascript" src="vue.js"></script> 7 </head> 8 <body> 9 <div id="app"> 10 <input v-model="message" placeholder="edit me"> 11 <p>Message is: {{ message }}</p> 12 </div> 13 </body> 14 <script> 15 var vm = new Vue({ 16 el:"#app", 17 data: { 18 message: '绑定文本' 19 } 20 }) 21 </script> 22 </html> 输出结果： 2、v-model 双向绑定多行文本，与上面的例子相似。 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script type=

Http请求工具类(Java原生Form+Json)

阅读更多关于 Http请求工具类(Java原生Form+Json)

package com.tzx.cc.common.constant.util; import java.io.IOException; import java.io.InputStream; import java.io.InputStreamReader; import java.io.OutputStream; import java.io.Reader; import java.net.HttpURLConnection; import java.net.SocketTimeoutException; import java.net.URL; import java.net.URLEncoder; import java.security.SecureRandom; import java.security.cert.CertificateException; import java.security.cert.X509Certificate; import java.util.Map; import java.util.Set; import javax.net.ssl.HostnameVerifier; import javax.net.ssl.HttpsURLConnection; import javax.net.ssl.KeyManager; import

订阅 charset