px-rem 一个将px转换为rem的工具

将px转换为rem的工具,github地址:https://github.com/finance-sh/px-rem 怎样转换静态文件安装: npm install px-rem -g 然后跑下命令 px2rem 你也可以设置一个配置文件 px2rem --config pxrem.config.js config 默认 config: { patterns: "**/*.css", pxToRemRatio: 0.01, ignoreCss: [], isReplace: fals…

px-rem px转换为rem的工具

将px转换为rem的工具,github地址:https://github.com/finance-sh/px-rem 将px转换为rem的工具怎样转换静态文件安装: npm install px-rem -g 然后跑下命令 px2rem 你也可以设置一个配置文件 px2rem --config pxrem.config.js config 默认 config: { patterns: "**/*.css", pxToRemRatio: 0.01, ignoreCss: [], is…

vue脚手架中使用Vant，实现自动按需引入组件，并将px转换为rem

偶然间看到一款不错的移动端vue组件库Vant,照着官方文档敲了一下,感觉还是不错的.想着以后的项目中可能会运用到,特此记录下,方便之后使用. 现在很多的组件库为了减小代码包体积,都支持按需加载了.Vant作为一款优秀的移动端vue组件库,自然也是支持的.由于当下手机设备屏幕尺寸不一,做移动端的Web页面,需要考虑安卓/IOS的各种尺寸设备上的兼容,针对移动端设备的页面,设计与前端实现怎样做才能更好地适配不同屏幕宽度的移动设备?因而,在不同尺寸的手机设备上,页面“相对性的达到合理的展示(自适应)…

CSS3中的Rem值与Px之间的换算

bootstrap默认 html{font-size: 10px;} rem是一个相对大小的值,它相对于根元素<html>, 比如假设,我们设置html的字体大小的值为html{font-size: 87.5%;}(也就是14px). 然后其他的字体就是将你要的值除以14得到的值: 比如默认的twentytwelve主题大小是960px:换算成rem就是960/14=68.57142857142857rem: padding的24px也就是24/14=1.714285714285714rem,…

CSS3 中的 rem 值与 px 之间的换算

想给博客换个主题,到处找找不到满意的,最后发现默认主题 twentytwelve 越看越顺眼,于是就想动手改一下用. 看 CSS 文件的时候发现引入了一个新大小单位:rem,虽然 CSS 文件注释里有介绍,但看半天拿着手机上的计算器计算了几下愣是没搞明白,怕是新东西搜出来的都是英文看着累就没找 google,而是百度了一下,百度的结果就是看到一篇文章被转来转去,来转去,转去,去... 郁闷之下回到主题的 CSS 再看那介绍,打开电脑的计算器,一计算,居然被我整明白了,原来原先计算值不等是因为我手…

移动端页面使用单位的问题：关于px、百分比、em、rem开发中逐渐转换的问题记录

开始写前端页面也有了快两年时间,从一开始的懵逼到现在的淡定,但是不能改变我还是一只小菜鸟的事实,平时遇到的一些问题都会记录在文件夹里,现在都整理一下大家一起分享自己平时也翻翻看看~ 不知道大家平时写的时候是用的什么,但是我一般用的是这几个:px,百分比,em,rem 一.首先咱先了解下这几个都是啥,有啥区别: px:就是像素,相对于屏幕分辨率而言的,简单来说就是平时我们写静态页面时用px作单位,但是在firefox/chrome会发现我们的布局发生了变化: 百分比:这比较适合块状的页面设计,但是…

rem,em,与px的比较用法

在Web中使用什么单位来定义页面的字体大小,至今天为止都还在激烈的争论着,有人说PX做为单位好,有人说EM优点多,还有人在说百分比方便,以至于出现了CSS Font-Size: em vs. px vs. pt vs. percent这样的PK大局.不幸的是,仍然有不同的利弊,使各种技术都不太理想,但又无法不去用.真是进也难,退也难呀. 最近在学习em的相关知识的时候,无意之间让我拾得一宝,就是使用rem来设置Web页面的字体大小.让我一下子就来劲了,一口气看完并测试了一回,还真是爽歪歪的呀.师…

rem适配布局（rem+less+媒体查询和 rem+flexible.js）

1. rem 基础 rem 是一个相对单位,类似于 em ,em 是父元素字体大小. em 是相对于父元素的字体大小来说的 rem 是相对于 html 元素字体大小来说的 rem 优点就是可以通过修改 html 里面的文字大小来改变页面中元素的大小可以整体控制比如:根元素(html )设置的 font-size=12px:非根元素设置 width:2rem:则换成px 表示 24px(12px*2rem) 2. 媒体查询(@media) @media 可以针对不同的屏幕尺寸设置不同的样…

前端页面适配的rem换算为什么要使用rem

之前有些适配做法,是通过js动态计算viewport的缩放值(initial-scale). 例如以屏幕320像素为基准,设置1,那屏幕375像素就是375/320=1.18以此类推. 但直接这样强制页面缩放过于粗暴,会导致页面图片文字失真模糊. Px是相对固定单位,字号大小直接被定死,所以用户无法根据自己设置的浏览器字号而缩放,em和rem虽然都是相对单位,但em是相对于它的父元素的font-size,页面层级越深,em的换算就越复杂,而rem是直接相对于根元素,这就避开了很多层级关系.移动端…

Web移动前端开发-——rem+less+媒体查询，rem+flexble.js+媒体查询

实际开发搞搞起来!!!! rem适配方案媒体查询+rem+less 基础知识铺垫第一步,我们需要拿到设计稿,安装设计稿的要求来设置一个合适的html字体大小. 第二步,计算元素大小的取值页面rem = 页面元素值(设计稿) / (屏幕的宽度/划分的份数) (屏幕的宽度/划分的份数) = html大小这个算法你也不需要太纠结,按照这个来就是最后终结一下: 首先我们选一套标准尺寸 750为准我们用屏幕尺寸除以我们划分的份数得到了 html 里面的文字大小但是我们知道不同屏幕下得到…

把一个IEEE754浮点数转换为IBM370浮点数的C#代码

把一个IEEE754浮点数转换为IBM370浮点数的C#代码. 在这个网页上有古老的IBM370浮点格式的说明. // http://en.wikipedia.org/wiki/IBM_Floating_Point_Architecture // float2ibm(-118.625F) == 0xC276A000 // 1 100 0010 0111 0110 1010 0000 0000 0000 // IBM/370 single precision, 4 bytes // xxxx.xx…

把一个一维数组转换为in ()

把一个一维数组转换为in()形式. function dbCreateIn($itemList) { if(empty($itemList )){ return " IN ('') "; }else{ return " IN ('" . join ("','", $itemList) . "') "; } }…

Bean-Query 一个把对象转换为Map的Java工具库

刚开源了一个经过完整測试的Java工具类. 地址例如以下: https://github.com/Jimmy-Shi/bean-query 使用说明例如以下: Bean-query Click Here for English version. BeanQuery 是一个把对象转换为Map的Java工具库.支持选择Bean中的一些属性,对结果进行排序和依照条件查询.不只能够作用于顶层对象,也能够作用于子对象. BeanQuery的使用非常easy也非常直接.样例代码例如以下: /静态导入Bean…

一个强大的LogParser的UI工具--logparserlizard简介

日志分析,特别是IIS日志,一般人都会想到LogParser工具,的确很强.但是命令行的操作界面令很多非专业的管理人员望而生畏,现在好了,有一个可视化的LogParser的UI工具可以使用了! Log Parser Lizard 1.1 , 这是一款用Vc++.net写的logParser增强工具.主要有以下特点: 1.封装了logParser命令,带图形界面,大大降低了LogParser的使用难度. 2.集成了几个开源工具,如log4net等.可以对IIS logs/EventLogs/act…

一个强大的LogParser的UI工具--logparserlizard简介(开源IIS日志分析工具)

原文地址:http://blog.csdn.net/downmoon/article/details/4509513 日志分析,特别是IIS日志,一般人都会想到LogParser工具,的确很强.但是命令行的操作界面令很多非专业的管理人员望而生畏,现在好了,有一个可视化的LogParser的UI工具可以使用了!Log Parser Lizard 1.1 , 这是一款用Vc++.net写的logParser增强工具.主要有以下特点:1.封装了logParser命令,带图形界面,大大降低了LogPar…

使用node.js开发一个生成逐帧动画小工具

在实际工作中我们已经下下来不下于一万个npm包了,像我们熟悉的 vue-cli,react-native-cli 等,只需要输入简单的命令 vue init webpack project,即可快速帮我们生成一个初始项目.在实际开发项目中,我们也可以定制一个属于自己的npm包,来提高自己的工作效率. 为什么要开发一个工具包? 减少重复性的工作,不再需要复制其他项目再删除无关代码,或者从零创建一个项目和文件. 根据交互动态生成项目结构和所需要的文件等. 减少人工检查的成本. 提高工作效率,解放生产…

想做一个整合开源安全代码扫描工具的代码安全分析平台 - Android方向调研

想做一个整合开源安全代码扫描工具的代码安全分析平台 - Android方向调研 http://blog.csdn.net/testing_is_believing/article/details/22675173…

Stackdump: 一个可以离线看stackoverflow的工具

博客搬到了fresky.github.io - Dawei XU,请各位看官挪步.最新的一篇是:Stackdump: 一个可以离线看stackoverflow的工具.…

从零开始开发一个简易的类vue-cli构建工具

代码地址:https://github.com/cheer4chai/webpack-learning 仿照vue-cli开发这个工具的目的是了解webpack的基本设置,以及vue-cli的工作原理 Series1.简单的打包构建功能 webpack的配置很简单: 设置好入口文件:entry,输出文件:output // webpack.config.js module.exports = { entry: { bundle1: './main1.js', bundle2: './main2.…

Axure RP一个专业的快速原型设计工具

Axure RP是一个专业的快速原型设计工具.Axure(发音:Ack-sure),代表美国Axure公司:RP则是Rapid Prototyping(快速原型)的缩写. Axure简要介绍 Axure RP已被一些大公司采用. Axure RP的使用者主要包括商业分析师.信息架构师.可用性专家.产品经理.IT咨询师.用户体验设计师.交互设计师.界面设计师等,另外,架构师.程序开发工程师也在使用Axure. Axure RP--是一个非常专业的快速原型设计的一个工具,客户提出需求,然后根据需求定…

【原创】PicUploader: 一个还不错的图床工具

PicUploader PicUploader 是一个用php编写的图床工具,它能帮助你快速上传你的图片到云图床,并自动返回Markdown格式链接到剪贴板.配置完成后,要获取一个可用于markdown的图片外链只需要: 方式一: 右击电脑本地图片→点击你的自定义上传菜单→系统通知图片上传成功→到Markdown编辑器中粘贴! 方式二: 截图并点击复制到剪贴板→按快捷键→系统通知图片上传成功→到Markdown编辑器中粘贴! 方式三: 右击网页中的图片→点击复制图片→按上传快捷键→系统弹出上传成…

介绍一个axios调试好用的工具：axios-mock-adapter

上一篇文章中写到用promise时应注意的问题,这一篇文章继续介绍一个可以和axios库配合的好工具: axios-mock-adapter.axios-mock-adapter可以用来拦截http请求,并模拟响应,使用起来也很简单,比如你想模拟下服务器返回个500错误,你可以这么写: import axios from 'axios' import MockAdapter from 'axios-mock-adapter' const mock = new MockAdapter(reques…

用C#写一个实现进程监控的自动关机工具

今天QA部门需要进行Performance测试,因为跑job的时间会很长,下班也跑不完.所以想要做一个job运行完毕自动关机的工具. 原理就是检查进程的名称,如果检查不到相应的进程,就说明job已经跑完了,可以关机了. 下图是我做的自动关机工具,选择相应的进程名(这里选择job的进程名),点击OK之后窗体会隐藏,在后台监控进程状态: 程序实例只能运行一个,禁止多个实例同时运行,如果后台已经存在实例,再点击打开工具会提示: 代码如下: using System; using System.Coll…

VC++：制作一个控件注册的小工具

在平时的工作中,时常需要注册与反注册ActiveX控件,有时需要判断控件是否已经注册. 所以通过查找资料编写了一个控件注册的小工具,欢迎学习交流,不当之处请多多交流. 先直接上图: 主要代码: //ControlRegisterDlg.h CEdit m_EditOcxPath; CString m_strOcxPath; afx_msg void OnBtnSelect(); afx_msg void OnBtnRegister(); afx_msg void OnBtnUnregis…

jq 一个强悍的json格式化查看工具

本文来自网易云社区作者:娄超在web 2.0时代json这种直观.灵活.高效数据格式基本已经成为一种标准格式,从各种web api,到配置文件,甚至现在连mysql都开始支持json作为数据类型. 但是在平时开发运维中往往因为格式问题或者输出数据太多,体验不是很爽,之前我就经常需要借助一些json自动语法检查.格式化.分层折叠的工具(如http://www.bejson.com/ ), 往往还是需要来回拷贝,还是觉得很麻烦. 所以,一直希望有个linux命令行的简单命令(python的jso…

一个好用的压力测试工具tsung

一个好用的压力测试工具tsung 前段时间一直在忙各种事情,快三周没弄过引擎了,今天有点时间,正好之前写的服务器引擎也到了收尾测试的阶段,于是就研究了下怎么测试服务器压力. 目前主流用来测试服务器压力的工具有webbench,ab等,但是没法满足我的需求,webbench我没找到post json的方法,ab主要是用来测试apache的.经过向一些群里的朋友询问,他们推荐了erlang编写的tsung.百度了一下这个东东,发现百度百科是这么描述的:看起来挺不错,下…

Axure RP一个专业的高速原型设计工具

Axure RP是一个专业的高速原型设计工具.Axure(发音:Ack-sure),代表美国Axure公司.RP则是Rapid Prototyping(高速原型)的缩写. Axure简要介绍 Axure RP已被一些大公司採用. Axure RP的使用者主要包含商业分析师.信息架构师.可用性专家.产品经理.IT咨询师.用户体验设计师.交互设计师.界面设计师等.另外,架构师.程序开发project师也在使用Axure. Axure RP--是一个很专业的高速原型设计的一个工具,客户提出需求,然后依…

bdtrans 一个命令行下的机器翻译工具

现如今,机器翻译技术已经越来越成熟了,尽管从整体来看机器翻译的结果还不是特别如意,但是也足以应付一般的翻译需求了.近几年机器翻译平台层出不穷,国外比较出名的翻译平台有Google翻译.必应翻译等,国内比较出名的也有百度翻译.有道翻译等. 中国的百度公司在人工智能层面做的还算是蛮不错的(虽然它的搜索一直以来为人所诟病),笔者经常在Linux下做一些工作,当有翻译需求时不得不打开浏览器,进入百度翻译官网去翻译一些句子,这样显然是有些麻烦,我想如果百度翻译肯提供一个API的话就好了,这样我就能做一个在…

NetworkX一个图论与复杂网络建模工具

NetworkX是一个图论与复杂网络建模工具,采用Python语言开发,内置了常用的图与复杂网络分析算法,可以方便的进行复杂网络数据分析.仿真建模等工作.(1)NetworkX支持创建简单无向图.有向图和多重图:(2)内置许多标准的图论算法,节点可为任意数据:(3)支持任意的边值维度,功能丰富,简单易用.https://networkx.github.io/documentation/latest/tutorial.html 利用NetworkX可以以标准化和非标准化的数据格式存储网络.生成多种…