小技巧：如何用 Chrome 将 SVG 转成 PNG

怎么把 SVG 转成 PNG ?用 Chrome 吧,非常好用,还能设定自己想要的尺寸. 什么是 SVG ? SVG (Scalable Vector Graphics,可缩放矢量图形) 是基于 XML .用于描述二维矢量图形的一种图形格式. SVG 由 W3C 制定,是一个开放标准. SVG 转 PNG 有哪些办法? 在线转换在线编辑器本地软件,如: AI, Inkscape 等代码转换但都会有些问题: 在线转换:改不了颜色.尺寸. 尤其 SVG 图标,一般 24x24 黑色. 在线编…

sql server 小技巧(7) 导出完整sql server 数据库成一个sql文件，包含表结构及数据

1. 右健数据库 –> Tasks –> Generate Scripts 2. 选择所有的表 3. 下一步,选择Advanded, Types of data to script 选择Schema and data sql server 小技巧集锦…

sql server 小技巧集锦

sql server 小技巧(1) 导入csv数据到sql server sql server 小技巧(2) 删除sql server中重复的数据 sql server 小技巧(3) SQL Server 2012 数据库完整导出到SQL Azure (包括数据) sql server 小技巧(4) Sql server 排序时让空值排在最后 sql server 小技巧(5) Sql server 获取指定字符后的所有字符 - 去掉指定字符前的所有字符 sql server 小技巧(6) Ca…

Chrome 35个开发者工具的小技巧

来源:w3cplus - 南北(@ping4god) 网址:http://www.w3cplus.com/tools/dev-tips.html 谷歌浏览器如今是Web开发者们所使用的最流行的网页浏览器.伴随每六个星期一次的发布周期和不断扩大的强大的开发功能,Chrome变成了一个必须的工具.大多数可能熟悉关于chorme的许多特点,例如使用console和debugger在线编辑CSS.在这篇文章中,我们将分享一些很酷的技巧,让你能够更好的改进工作流程. 通过 console 面板修改页面元素…

Chrome 的 100 个小技巧中文版

英文原版<100 Tips For Chrome, Chrome OS and ChromeBook Users>作者博客 - chromestory.com 本文是对<100 Tips For Chrome, Chrome OS and ChromeBook Users>的粗浅翻译,水平有限,错误难免. 中文 PDF 内附图为中文版 Chromium,去掉了插件附图(实在用不到),尽量保持了原汁原味.内容与下面正文是一致的.本翻译文档采用 CC BY-NC-SA 3.0 授权.…

[转帖]CHROME开发者工具的小技巧

CHROME开发者工具的小技巧 https://coolshell.cn/articles/17634.html 需要仔细学习看一看呢. 2017年01月19日陈皓评论 58 条评论 64,083 人阅读 Chrome的开发者工具是个很强大的东西,相信程序员们都不会陌生,不过有些小功能可能并不为大众所知,所以,写下这篇文章罗列一下可能你所不知道的功能,有的功能可能会比较实用,有的则不一定,也欢迎大家补充交流. 话不多话,我们开始. 代码格式化有很多css/js的代码都会被 minify…

关于Google Chrome的使用小技巧!

1 1 http://www.runoob.com/w3cnote/chrome-skip.html Chrome是Google公司开发的一个现代化的网页浏览器,作为三大浏览器之一它搭载了被称为V8的高效率Javascript引擎. 由于简洁的界面风格和便捷易用的特点 Chrome的市场份额已经升至45% ,一举超越了Internet Explorer和Mozilla Firefox成为全球第一大浏览器.(数据来自Wikipedia) 初音未来代言Chrome浏览器的广告 ♪ Tell Yo…

前端开发者应该知道的 CSS 小技巧

一些小技巧让你的CSS技术更专业使用:not()去除导航上不需要的边框为body添加行高垂直居中任何元素逗号分离的列表使用负nth-child选择元素使用SVG图标文本显示优化在纯CSS幻灯片上使用max-height 继承box-sizing 表格单元格等宽使用Flexbox摆脱边界Hack 使用属性选择器选择空链接使用:not()添加/去除导航上不需要的边框添加边框… /* 添加边框 */ .nav li { border-right: 1px solid #666;…

前端网络、JavaScript优化以及开发小技巧

一.网络优化 YSlow有23条规则,中文可以参考这里.这几十条规则最主要是在做消除或减少不必要的网络延迟,将需要传输的数据压缩至最少. 1)合并压缩CSS.JavaScript.图片,静态资源CDN缓存通过构建工具Gulp,可以在开发的时候就将合并压缩的事情一起做掉. 之所以要做合并压缩是因为:HTTP 1.x不允许一个连接上的多个响应数据交错到达(多路复用),因而一个响应必须完全返回后,下一个响应才会开始传输. 也就是说即使客户端同时发送了两个请求,而且CSS资源先准备就绪,服务器也会先发…

开发必备的Windows小技巧

在Windows中我们经常会遇到各种小问题,而这些小问题又确实在影响着工作效率,如果能解决这些小问题,那么就能在一定程度上提高工作效率,保证心情愉悦.今天我就来分享一下几个自认为比较有用的小技巧. 保存TFS密码的方法在Win7和Win8中使用VS2010连接TFS服务器时,每次启动后连接TFS都要求输入用户名密码: 一次两次还好,但是每次都输入就比较烦了,主要是还没有保存账户密码的选项,这样每次就只能实实在在的输入了. 为了避免这个过程,可以通过凭据管理器来保存密码: 在控制面板中有一个凭据…

css的小技巧

前几天看到<css揭秘>这本书,第一感觉是 css怎么能出这么厚的一本书,不过细细一想,用好css真的可以实现很多想要的效果,节省很多js代码. 总结几个css的小技巧: 1,将所有元素垂直居中 html, body { height: 100%; ; } body { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: flex;…

SharePoint 2010自定义母版页小技巧——JavaScript和CSS引用

通常在我们的项目中,都会涉及到母版页的定制.并且必不可少的,需要配合以一套自己的JavaScript框架和CSS样式.你有没有遇到过这样的情况呢,在开发环境和UAT时都还算顺利,但是当最终部署到生产服务器场时,运行完PS 脚本后,发现网页的其他部分似乎都没事,唯独样式和Ajax不正常,. 当我们调出我们最好的朋友(IE的F12开发人员工具,或者Firebug和Chrome浏览器开发控制台),就会发现问题是由于我们在生产环境中改变了网站集的URL结构导致绝对路径不能正常工作. 那么问题就来了,我们…

( 译、持续更新 ) JavaScript 上分小技巧(四)

后续如有内容,本篇将会照常更新并排满15个知识点,以下是其他几篇译文的地址: 第一篇地址:( 译.持续更新 ) JavaScript 上分小技巧(一) 第二篇地址:( 译.持续更新 ) JavaScript 上分小技巧(二) 第三篇地址:( 译.持续更新 ) JavaScript 上分小技巧(三) #59 - ES6,var vs let var关键字定义的变量根据定义的环境用于function内,function外或者全局:而let定义的变量只用于"块"范围. function va…

( 译、持续更新 ) JavaScript 上分小技巧(三)

最近家里杂事较多,自学时间实在少的可怜,所以都在空闲时间看看老外写的内容,学习之外顺便翻译分享~等学习的时间充足些再写写自己的一些学习内容和知识点分析(最近有在接触的:复习(C#,SQL).(学习)TypeScript,(基础操作)MongoDB.TypeScript之后入手AngularJs 2.0) 后续如有内容,本篇将会照常更新并排满15个知识点,以下是其他几篇译文的地址: 第一篇地址:( 译.持续更新 ) JavaScript 上分小技巧(一) 第二篇地址:( 译.持续更新 ) Java…

( 译、持续更新 ) JavaScript 上分小技巧(一)

感谢好友破狼提供的这篇好文章,也感谢写这些知识点的作者们和将他们整理到一起的作者.这是github上的一篇文章,在这里本兽也就只做翻译,由于本兽英语水平和编程能力都不咋地,如有不好的地方也请多理解体谅.戳这里:原文能够为大家提供这些简短而实用的JavaScript技巧来提高大家编程能力,这对于我来说是件很开心的事.每天仅花上不到2分钟的时间中,你将可以读遍JavaScript这门可怕的语言所呈现给我们的特性:performance(性能), conventions(协议), hacks(代码h…

Linux的95个小技巧

Linux的95个小技巧 by WEB全栈工程师 on 2012 年 03 月 27 日这里总结了Linux使用中的一些小技巧 1.实现RedHat非正常关机的自动磁盘修复先登录到服务器,然后在/etc/sysconfig里增加一个文件autofsck,内容如下:AUTOFSCK_DEF_CHECK=yesPROMPT=yes 2.改变文件或目录之最后修改时间(变为当前时间)执行格式:touch name ( name 可为文件或目录名称.) 3.如何设置login后欢迎信息修改/etc/…

文件上传小技巧/原生态【html篇】

引语:大家都知道,html中上传文件就一个input,type=file就搞定了.但是,这个标签的样式,实在不值得提点什么,要改动他的样式,恐怕也是较难的.但是其实挺简单,今天就来说说上传文件小技巧吧! 1. 怎样自定义样式? 1. 只管按照自己喜欢看到的样式去定义即可,如<a href='javascript:;' class='upload-button'></a>,可以是背景图片效果,可以是文字指示,总之想怎么改怎么改!有了按钮,还需要一个文件名容器,用来存放选择上传文件时的…

程序员都会的 35 个 jQuery 小技巧

收集的35个 jQuery 小技巧/代码片段,可以帮你快速开发. 1. 禁止右键点击 $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 2. 隐藏搜索文本框文字 Hide when clicked in the search field, the value.(example can be found below in the comment f…

26个jQuery使用小技巧(25)

下面列出了一些Jquery使用技巧.比如有禁止右键点击.隐藏搜索文本框文字.在新窗口中打开链接.检测浏览器.预加载图片.页面样式切换.所有列等高.动态控制页面字体大小.获得鼠标指针的X值Y值.验证元素是否为空.替换元素.延迟加载.验证元素是否存在于Jquery集合中.使DIV可点击.克隆对象.使元素居中.计算元素个数.使用Google主机上的Jquery类库.禁用Jquery效果.解决Jquery类库与其他Javascript类库冲突问题. 1. 禁止右键点击 $(document).read…

移动Web开发小技巧

移动Web开发小技巧添加到主屏后的标题(IOS) name="apple-mobile-web-app-title" content="标题"> 启用 WebApp 全屏模式(IOS) 当网站添加到主屏幕后再点击进行启动时,可隐藏地址栏(从浏览器跳转或输入链接进入并没有此效果) name="apple-mobile-web-app-capable" content="yes" /> name="appl…

.Net开发小技巧

.NET项目开发中的小技巧 1.不要频繁的创建对象...这个损失是巨大的...new太多了,后果比较严重. 2.打开数据库后要及时的关闭连接,如果你不能做到一个open后跟一个close,那也没关系,用Using满足你偷懒的欲望吧 3.别太迷信string str1 = "";和string.empty之间的差异,性能上和你想的完全不一样.放心大胆的使用""吧. 4.如果你的项目比较大,或者你的IIS服务器配置不太高,那么,我还是建议你多用存储过程,减少前端服务器的…

css学习の第六弹—样式设置小技巧

一.css样式设置小技巧>>1.行内元素水平居中是通过给父元素设置 text-align:center 来实现的.html代码:<body> <div class="txtCenter">我想要在父容器中水平居中显示.</div></body> css代码:<style> .txtCenter{ text-align:center; }</style>>>2.块状元素(定宽)通过设置&quo…

MAC使用小技巧之用好mac电脑?的10个必知的小技巧!

很多朋友是不是都有这样的困惑,刚接手Mac电脑,无论是笔记本亦或是台式机,很是不方便,因为windows系统那种习惯已经先入为主了,今天就给大家普及一些小技巧. 当你看到这篇文章,不管你有没有mac电脑,既然进来了,那就既来之,则安之,认认真真看一下吧!好吧,你的心理我懂.说说新手要怎么才能用好mac电脑吧,其实也很简单,只要掌握以下十个小技巧足以! 1. 养成用 Spotlight 提供更快速工作辅助: 好好利用 Apple Mac OS X 系统中最基本的「 Spotlight 」搜寻列功能…