font

搜索商品 <view class="container"> <view wx:if="{{$search$show==1}}" class="content"> <view class="search"> <view class="serch_content"> <i class="iconfont icon-search" /> <input type="text" name="search_input" bindinput="$search$searchInput" class="search_input" focus="true" value="{{$search$search_input_value}}" confirm-type="search" placeholder="搜索商品" /> <i wx:if="{{$search$search_input_value!=''}}" bindtap="$search$delText" class="iconfont icon-del" /> </view> <button class="btn btn_cancel" bindtap="$search$goBack" wx:if="{{$search$search_input_value==''}}" data-wpygoback-a="">取消</button>

58是一个字体反爬相对简单的网站了，它只对数字进行了反爬处理。适合拿来做字体反爬入门。 先上代码，在详细记录，纯小白操作，不怕看不懂啊： import requests import base64 import re from fontTools.ttLib import TTFont # 获取参数，这里主要是返回的响应内容，及匹配到的font_face被base64编码的文件 def get_params(url): resp = requests.get(url) content = resp.text # print(resp.text) font_face = re.search("font-face{.*?base64,(.*?)'.*?}", content, re.S).group(1).strip() # print(font_face) return font_face, content # 解base64编码，写入ttf字体文件 def parse_font_face(font_face): font_face = base64.b64decode(font_face) with open('58.ttf', 'wb') as f: f.write(font_face) font = TTFont('58.ttf') font.saveXML('58.xml')

方案： 固定一个某些宽度，使用一个模式，加上少许的媒体查询方案 使用flexbox解决方案 使用百分比加媒体查询 使用 rem 1. 简单问题简单解决 我觉得有些 web app并一定很复杂，比如拉勾网，你看看它的页面在iphone4,iphone6,ipad下的样子就知道了： 它的页面有一个特点，就是： 顶部与底部的bar不管分辨率怎么变，它的高度和位置都不变 中间每条招聘信息不管分辨率怎么变，招聘公司的图标等信息都位于条目的左边，薪资都位于右边 这种app是一种典型的弹性布局：关键元素高宽和位置都不变，只有容器元素在做伸缩变换。对于这类app，记住一个开发原则就好：文字流式，控件弹性，图片等比缩放。以图描述： 这个规则是一套基本的适配规则，对于这种简单app来说已经足够，同时它也是后面要说的rem布局的基础。另外对于拉勾这种app可能需要额外媒介查询对布局进行调整的就是小屏幕设备。举例来说，因为现在很多设计稿是根据iphone6的尺寸来的，而iphon6设备宽的逻辑的像素是375px，而iphone4的逻辑像素是320个像素，所以如果你根据设计稿做出来的东西，在iphone4里面可能显示不下，比如说拉钩网底部那个下载框，你对比看下就知道了，这是4： 这是6： · 6下面两边的间距比4多很多，说明拉勾对4肯定是做过适配的，从 代码 也可以证实这一点：

移动端适配方案，说多也很多。可以使用百分比布局，但百分比与em都是基于父元素进行计算的，在实际应用中不是很方便。使用rem不仅可以设置字体大小，块大小也可以设置。而且可以良好的适配各种终端，所以这方案很受欢迎。 rem定义及浏览器支持情况 rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem一定会想起em单位，em（font size of the element）是指相对于父元素的字体大小的单位。它们之间其实很相似，只不过一个计算的规则是依赖根元素一个是依赖父元素计算。可以先看看rem的浏览器支持情况： Chrome 31-34 & Chrome-based Android versions (like 4.4) have a font size bug that occurs when the root element has a percentage-based size. Reportedly does not work on Android 4.3 browser for Samsung Note II or the Samsung Galaxy Tab 2 on Android 4.2. Borders sized in "rem" disappear when the page

前言 小伙伴们好，很久不见了。最近工作进入正常期了，所以慢慢的悠闲的时间久没有了，所以不能每天水一篇了。 最近也在听师傅（ http://home.cnblogs.com/u/aaronjs/ ）的教导开始阅读jquery源码了，怎么说呢，阅读的效果其实不是太好。 一来是时间断断续续的没有接上，今天读完明天又忘了，到第三天再读的话，就很多都忘记了； 二来是jquery其实还是有一定难度，加之篇幅也很长，所以读起来还是有一点吃力（我甚至有时候有种想睡的感觉），过了2星期才陆陆续续把core读完，结果很多都无法理解，再加油吧。 反正今年的目标就是把jquery读懂，时间多，不着急了。 时间比较紧未做兼容处理，请使用手机/或者使用chrome开启touch功能查看，后期补上兼容方案，以及修复BUG 关于工作 最近工作上需要在我们的网页上加入一些动画： ① 页面的切入切出的转场动画 ② 模仿一个iphone的日历控件 转场动画做的时候其实碰到了很多坑，而且最后做出的效果也一般，因为既有的框架与dom结构已经出来了好久了，改不得，而且就算改了效果也不能保证好，所以暂时放下 这里说的仿iphone日历控件，不如说模仿一个单选框来的实在，而且我这里说是 插件 ，完全就算标题党了，各位可以忽视，所以今日正题吧。 iphone的感觉 第一步我们要找到iphone的感觉，那么iphone是个什么感觉呢

总结一下目前在用的前端代码规范，可作为开发参考 一、基础规范 开发规范 项目目录和文件的命名使用小写字母，避免使用大写或驼峰，多个单词以下划线 _ 分隔 如：my_project/cast_detail.js 目录有复数意义的时候，使用复数命名 如 scripts images 某些第三方插件可直接使用中划线 - 作为文件名单词的间隔 如 bootstrap-datepicker 某些特殊文件可以使用点号 . 作为文件名单词的间隔 如 webpack.config.dev.js jquery.cookie.min.js 使用有意义的英文单词式命名，避免使用拼音式（如 tupian.png ）命名 编辑器设置文件保存格式为 utf-8，以四个空格作为缩进（包括HTML，CSS，JS等），文件末尾空一行，行尾去掉空格 单个函数行数，以不超过一个屏幕为宜（50行左右），超出一个屏幕的，就要考虑拆分成更少的函数 每行代码量不要太长，要适当进行分行（自己也可以在编辑器设置超长自动换行） 在 sublime 中的配置 { "default_encoding": "UTF-8", "ensure_newline_at_eof_on_save": true, "trim_trailing_white_space_on_save": true, "tab_size": 4, "translate

Font Awesome 在网站开发中，经常用到。今天介绍如何在WPF应用程序中使用Font Awesome 。 如果是自定义的图标字体，使用方法相同。 下载图标字体 在官方网站或github上下载资源 http://fontawesome.io/#modal-download https://github.com/FortAwesome/Font-Awesome 解压下载的文件（我是在github上下载的源码），我们要使用的是其中css和fonts文件夹中的内容 在项目中加入字体 新建WPF应用，并新建存放字体的文件夹; 把下载的fonts文件夹中的fontawesome-webfont.ttf复制到项目中存放字体的文件夹中，并设置其生成操作为Resource(默认即是); 新建资源文件，存放所有图标相关的资源； 加入字体样式； 首先加入字体的资源 <FontFamily x:Key="IconFont">/IconFontSample;component/fonts/fontawesome-webfont.ttf#Fontawesome</FontFamily> 然后加入样式 <Style x:Key="IconStyle" > <Setter Property="TextElement.FontFamily" Value="{StaticResource IconFont}"

Font-Awesome 是为 Bootstrap 设计 的一个图标集合字体，里面包含了300多个常用图标。使用Font-Awesome还具有如下优点： 1. 减少了图标的绘制工作 2. 可以设置图标的颜色和大小 3. 减少了图标的大小并且可以减少apk的大小，只需要一个图标字体文件即可，不需要各种尺寸的图标文件了,比如 HDPI、XHDPI等各种尺寸的图标。 Font-Awesome的使用方式 到Font-Awesome 主页 下载Font-Awesome字体（fontawesome-webfont.ttf）文件并放到项目的assets目录下，找到需要用的图标对应的字符串（ font-awsome-for-android 包含了一份图标和字符串的对应文件,最新的对应关系在下载的Font-Awesome字体中的css目录中的font-awesome.css文件中查找），在TextView中设置需要使用的图标文字，然后设置TextView的字体为自定义的Font-Awesome字体。 例如： 帮助 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 //在XML中使用 <TextView android:id= "@+id/textView1" android:layout_width= "wrap_content" android

官网: http://fontawesome.io/ 中文网: http://www.fontawesome.com.cn/ GitHub: https://github.com/FortAwesome/Font-Awesome 1 首先我们从官网（http://www.fontawesome.com.cn/）或者GitHub上下载到最新的源码 2 在解压目录中找到 fonts\fontawesome-webfont.ttf 拷贝出来，这个是我们Qt程序使用FontAwesome图标字体库时需要加载的 3 然后在css目录下找到font-awesome.css这个是我们开发时需要对字体编码进行查找用的 4 在官网的 http://fontawesome.io/icons/ 页面可以查看所有的图标, 挑选我们需要的 使用时比如我们需要用这个心形的图标 其名称为heart, 那么在font-awesome.css中我们通过查找就可以得到它对应的字体编码 其字体编码为 f004 后面我们代码中会用到这个 也有更方便的方式: 官网直接查看字体编码 http://fontawesome.io/cheatsheet/ QT使用方法： //test QLabel *label1 = new QLabel; QLabel *label2 = new QLabel; int fontId =

1.背景 在某些业务场景中，需要提供相关的电子凭证，比如网银/支付宝中转账的电子回单，签约的电子合同等。方便用户查看，下载，打印。目前常用的解决方案是，把相关数据信息，生成对应的pdf文件返回给用户。 本文源码：http://git.oschina.net/lujianing/java_pdf_demo 2.iText iText是著名的开放源码的站点sourceforge一个项目，是用于生成PDF文档的一个java类库。通过iText不仅可以生成PDF或rtf的文档，而且可以将XML、Html文件转化为PDF文件。 iText 官网：http://itextpdf.com/ iText 开发文档： http://developers.itextpdf.com/developers-home iText目前有两套版本iText5和iText7。iText5应该是网上用的比较多的一个版本。iText5因为是很多开发者参与贡献代码，因此在一些规范和设计上存在不合理的地方。iText7是后来官方针对iText5的 重构 ，两个版本差别还是挺大的。不过在实际使用中，一般用到的都比较简单，所以不用特别拘泥于使用哪个版本。比如我们在http://mvnrepository.com/中搜索iText，出来的都是iText5的依赖。 来个最简单的例子: 添加依赖: 1 2 3 4 5 6 <!--