我们喝的雪碧,它的英文也是 sprite,应该直译为 “精灵” 的。但要符合中国市场,因为你不能说我喝的饮料叫“精灵”,那特别怪。于是就走音译的路线,翻译成 “雪碧” 了。
越来越多的前端开发人员喜欢在Chrome里开发调试代码,Chrome有许多优秀的插件可以帮助前端开发人员极大的提高工作效率。尤其Chrome本身是可以登录的,登录后你所有的插件都会自动同步到每一个登录后的Chrome的,非常方便啊。
1 负边距实现两边贴边的自适应布局 这个看起来是一个很普通的四列布局,但要求是自适应宽度大小,而且两边的图片还要和边缘对齐,图片和图片之间还有有相同的间隙,这样光把空间平分成4份是不够的,还要在外层的两边扩展出一些空间来,这里就用的负边距了以下是代码片段: 当然,负边距的使用场景还有很多... 2 文字截取 这个文字后面跟了图标,要求文字多的时候显示省略号而文字后面的图标要一直显示,代码如下: 3 padding-top取代占位图片 之前对于这种自适应宽度的图片列表,如果在没有加载完的时候,
做这个功能都是半个月之前的事情了,没想到一直耽误却一直都没有写下总结,尴尬。。。。。来来来,说正事
上图并没有出现cli1-ui和cli1-permission目录 cli1-ui没有出现的原因是项目第一次创建没有对应的模型文件,虽然生成器为你提供了一个example_mode.js模型配置文件,但此文件仅仅用于示例作用。
在bootstrap框架的使用中,字体图标必不可少,Font Awesome 一套绝佳的图标字体库和CSS框架,值得学习。 网址:http://fontawesome.dashgame.com/
上篇文章主要讲了图标组件Icon的实现,主要包括了两种常用的图标。今天就讲一下如何在Icon中加载本地的svg图标。
作为一个工具控,一直在社区索取别人的营养,今天在下将我搜集的一些应用贡献出来,推介二十几个我常用的软件。一些是其他人反复推介确实经典,另一些是我偶然发现但经过使用感觉非常好用,一并献上,大家可以根据自
作为一个工具控,一直在社区索取别人的营养,今天在下将我搜集的一些应用贡献出来,推介二十几个我常用的软件。一些是其他人反复推介确实经典,另一些是我偶然发现但经过使用感觉非常好用,一并献上,大家可以根据自己的需要,看看是不是正需要这些软件,并解决自己生产生活中的痛点。
Todoadmin-pro Pro专业版(vue3.2+ 支持 PC、平板、手机)
微信小程序众多行业案例.rar_小程序搜索功能-Javascript文档类资源-CSDN下载微信小程序各个行业的案例小程序搜索功能更多下载资源、学习资料请访问CSDN下载频道.
本篇文章来自好友肥子哥,原文连接:https://xhhdd.cc/index.php/archives/80/
简单地说快应用是国内的十大主流手机厂商比如小米、华为、ov 等联合推出的一种新型应用。无需安装,秒开,体验媲美原生。还提供了像原生应用一样的入口:应用商店,搜索页等。
H5 项目是企鹅辅导的核心项目,已迭代四年多,包括了课程详情页/老师详情页/报名页/支付页面等页面,构建产物用于企鹅辅导 APP/H5(微信/QQ/浏览器),迭代过程中了也累积了一些性能问题导致页面加载、渲染速度变慢,为了提升用户体验,近期启动了 “H5 性能优化” 项目,针对页面加载速度,渲染速度做了专项优化,下面是对本次优化的总结,包括以下几部分内容:
企鹅辅导 H5 页面在长期迭代过程中,逐渐累积了一些性能问题,导致页面加载、渲染速度变慢。为了提升用户体验,近期针对页面加载速度,渲染速度做了专项优化,本文是对此次优化的实践总结。分析过程比较细致,希望能给性能分析经验欠缺的同学一些帮助。 项目背景 H5 项目是企鹅辅导的核心项目,已迭代四年多,包括了课程详情页/老师详情页/报名页/支付页面等页面,构建产物用于企鹅辅导 APP/H5(微信/QQ/浏览器),迭代过程中了也累积了一些性能问题导致页面加载、渲染速度变慢,为了提升用户体验,近期启动了 “H5 性能优
矢量图标是矢量图的一种,这种图形也叫做绘图图像,是各种设计中比较常用的图片格式之一。因为其是根据几何特性绘制,并且通过数学公式计算获得,所以,矢量图最大的特点就是可以无限根据设计需要放大或缩小,并且不会失真。那么,这么好用的矢量图标,要到哪里去找呢?今天我就和大家一起逛逛国内外比较常用的矢量图标的网站。
通过msf生成msi文件,python开启http服务,然后替换命令为攻击载荷,右键隐藏宏,并把文件执行方式改为
Loading几乎是每个应用都会用到的一个组件。很多组件库都会提供相应的Loading组件,但是有的时候我们可能需要自定义Loading效果,掌握Loading组件制作的基础知识将变得非常必要。Loading主要就是一个旋转的圆环,而旋转部分则比较简单,直接通过CSS动画即可实现,所以关键部分就是得到Loading的圆环。
简述:本文将以4399小游戏《 宠物连连看经典版2 》作为测试案例,通过识别小图标,模拟鼠标点击,快速完成配对。对于有兴趣学习游戏脚本的同学有一定的帮助。
Echarts是百度开源的比较强大的绘图工具,但其是用Js来操控的,使用案例大全: https://echarts.apache.org/examples/zh/index.html#chart-type-custom 有人在此基础上进行二次开发,衍生出pycharts,本篇将记录一些pyecharts中的一些个人认为比较精彩的图表。 pyecharts中文文档:https://pyecharts.org/#/zh-cn/intro pyecharts案例大全:https://gallery.pyecharts.org/#/Bar/stack_bar_percent 下面的图表截取了左侧目录项,查阅时只需修改案例大全最后一段url。
这个手册差不多都是搬运官网的开发手册,里面有些东西我改了,对于刚刚入手pbootcms的人来某些地方看不懂,我也是刚刚学习的小白,所以我的每一次踩坑我都会在文档里面标注一下,后面那些介绍文字我就删了,有兴趣的可以看看pbootcms官方的文档。
FreeHttp是一个Fiddler插件借助FreeHttp您可按照您自己的设定修改请求或响应报文
我们经常使用 Chrome Dev Tools 来开发调试,但是很少知道怎么利用它来分析页面性能,这篇文章,我将详细说明怎样利用 Chrome Dev Tools 进行页面性能分析及性能报告数据如何解读。如果你认真看了本文,一定能学会分析,没学会,你来找我~
通过二手数据分析和两项实验研究,探讨了 APP 图标的视觉元素之一——尖锐 vs.圆润对消费者偏好的作用。文章发现在触屏媒介上,APP 图标的尖锐(vs. 圆润)特征对消费者偏好存在一个负向的主效应,即尖锐(vs. 圆润)特征会降低消费者对 APP 的偏好。这是因为,图标的尖锐特征通过触觉心象引发了消费者的感知威胁。即使消费者在不同智能终端对不同类型 APP 图标的实际触摸感没有明显差别,或者不直接触摸 APP 图标,此效应依然存在。
{eyou:memberinfos mid='$eyou.field.users_id' id='users'}
文章更新: 20170129 初次成文 应用名称:滚动截图 应用包名:me.pkhope.longscreenshot 备注说明:仅支持安卓5.0及以上系统 Hello~懒癌晚期的小苏又跑来更新博客了~ 在之前的文章中呢,小苏已经给大家推荐过一款长截图工具了:PPIICC,最近,小苏又发现一款长截图工具,用起来更加简单高效(小苏你这是和长截图应用肛上了还是咋滴?)于是赶紧跑来推荐给大家~ 在之前推荐给大家的PPIICC这款应用中呢,我们既可以进行截图操作,也可以使用系统自带的截图功能截好图
我家里的电脑是使用的是Fiddler4,fiddler目前都可以捕获到chrome的session,但是我公司还是使用的是Fiddler2,因为我是开发人员,很喜欢使用chrome调式代码,所以经常Fiddler捕获不到chrome下session。所以对这个可以做个总结,为了自己以后忘记了或者即将和我一样对chrome下的session捕获不到的同学一个帮助;
veImageX 是字节跳动旗下的火山引擎推出的图像、文档等各类素材上传、托管、智能处理和 CDN 分发一站式解决方案,WPJAM Basic 的「CDN加速」功能也在第一时间整合了 veImageX。
熟悉我的朋友可能会知道,我一向是不写热点的。为什么不写呢?是因为我不关注热点吗?其实也不是。有些事件我还是很关注的,也确实有不少想法和观点。但我一直奉行一个原则,就是:要做有生命力的内容。
FreeHttp是一个Fiddler插件借助FreeHttp您可按照您自己的设定修改请求或响应报文,这对测试及调试都非常有用
chrome 的开发者工具中提供了很多高效工具方便我们对页面进行性能分析.之前自己只用着一些基本的功能, 最近详细的过了一下官方文档,特别是 performance 面板(大部分都是之前的Timeline面板) 的使用(需要相对新一些的chrome浏览器版本).
一个新的前端技术,PWA( 全称:Progressive Web App )也就是说这是个渐进式的网页应用程序。
还有一个问题,就是大家再带入ico图标时,打包后不显示,这里推荐你将图标文件放在根目录下的static文件夹里面,然后直接因这个路径就可以了。
大家好,我是喵喵侠。技术债是一个老生常谈的话题了,这个无可避免,会伴随开发一生。只要技术在更新,需求在变化,技术债就一定会产生。那么如何有效治理技术债,这个话题就很有探讨的价值。下面我将会以我个人的角度,浅谈一下技术债产生的场景,以及如何解决和避免技术债。
最近需要截取一个网页长图,搜了下发现 Chrome 浏览器实现起来比较简单,顺便记录分享下。
今天分享大家几款实用小工具,一款录制GIF动图,一款屏幕截图工具,一款屏幕截长图工具,一款网站前端代码下载工具,还有一款电脑自带的网站前端代码下载工具
1. 目标 学会将当前文件夹下的图片【‘jpg’, ‘png’, ‘jpeg’, ‘bmp’】,转换成base64,保存到icon.js的文件中; 学会读取图片文件,将文件转成 base64 的字符串; 学会获取文件夹下的所有图片文件; 学会将 base64 的字符串存入 icon.js 文件中。 2. 引入依赖模块 import os import base64 3. 获取文件夹下所有的文件 读取当前给出的路径下的所有文件和文件夹名称 返回所有文件和文件夹名称列表 # 获取文件夹下所有的文件 def ge
在部门日常业务中,每天都会产生各种各样的数据。为了让抽象的数据,更加调理方便人阅读,就需要将数据整理成表格、图表等形式,以更生动的面貌展示在人们眼前。
作者曾所在我司广告事业部,广告承载方式是以刮刮卡、大转盘等活动页进行展示,然后用户参与出广告券弹层。
假如我们根据相关的id定位到了这样一段日志,现在我们要找出所有报这个错的日志,并且把 refundReq=后面那串json给截取下来,有了这串json,我们就可以重新去请求 refundOrderV3方法。
* 因为使用class来定义图标,所以当要替换图标时,只需要修改class里面的图片名称引用。
腾讯ISUX isux.tencent.com 社交用户体验设计 截图,是将显示设备上所展示的内容截取下来,所生成可视图像,截图的目的是为了保存特定状态下的界面内容。早在PC时代,大家在聊QQ时就会用QQ截图来分享自己所见,截图成为PCQQ非常经典的功能之一。 虽然PC系统本身就自带截屏功能,但是使用起来并不方便,只能全屏无法局部裁剪,编辑和保存路径也很长。QQ截图仅需要鼠标轻轻一框,就能快速截取自己想要范围的截图,马上分享给好友。QQ也持续针对截图体验做了深挖,不断完善截图能力:实时尺寸、
《生活大爆炸》中 让大家折腾不已的时光机问题 小编想说 谢耳朵这么折腾也就算了 没想到前端优化也是如此折腾不止 写在前面 作为开发,不仅仅是前端,优化总是你绕不开的事,我们的目标就是要产品变更得更快。优化的对象不仅仅指产品本身,还有我们日常的开发流程。要打造一个无痛的开发流程,并且能够相对轻松的对产品持续优化真的不轻松。没有银弹,任何项目都要花很多时间和精力。但任何值得改善的地方能够有所提升都让我们觉得努力没白费。有时候只想懒一点,从枯燥的重复中解放出来。 从作者加入团队到现在,过程中遇到了很多问题
在 android ▸ app ▸ src ▸ main▸ AndroidManifest.xml 中修改 android:label="你的应用名称"。
图标虽小,里面的门道可一点都不少。甚至可以说,图标的演化是 Web 技术演化的一个缩影。本文将带你回顾一下图标简史,了解一下图标技术的来龙去脉。
一般我们需要编辑主题的 CSS 文件才能给菜单添加图标,今天就给大家介绍一款 WordPress 插件 Menu Icons,可以让你在 WordPress 后台就能给每个菜单指定一个图标,操作非常简单。
Service的意思是服务,Worker的意思是工人,那么Service Worker的意思就是服务员。这个员工是2014年6月HTML5新招的实习生,目前在试用中。在此之前,已经有一位老员工,它叫Web Worker。那么问题来了,Boss是谁?Boss就是浏览器。准确来说,每个页面的javascript运行主线程都是一个Boss。
现在大部分博客图标都采用Font Awesome图标库,因为Font Awesome图标库满足了大部分用户的需求了,但做为喜欢花里胡哨的我们是不够的,Font Awesome图标库的图标不仅没有彩色的图标,个性化的图标还有点少!所以对于我们喜欢彩色的菜单图标选择性很少!所以只能引入其他的矢量图标库,今天我就分享一下WordPress引用阿里巴巴矢量图标库的彩色图标。
领取专属 10元无门槛券
手把手带您无忧上云