首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    修复miniblink无法显示某个网站的某个图标的bug

    起因是有大量用户反馈,他们的某个网站用了WEX5的日历控件,控件的切换年月日的图标显示不出来了: ? 这WEX5 还挺复杂。把网页代码精简了出来,发现单纯精态网页可以显示,动态就不行。...通过阅读wex5的代码,知道这个图标是通过 .prev-year, { background:url(xxxx) } 来设置背景图标的。...这时我发现和正常流程比,这个图标父元素居然匹配中了一个样式(x-datePicker-touch)。...此时发现原来是js动态设置的。翻了下wex5的代码,居然是 ? ? 这句设置的。此时终于明白了。原来miniblink默认开启了触屏的api···导致网站设置了一个pc版本不应该设置的样式。...bug的原因很简单,但调试这堆css的解析逻辑搞了我很久,特此记录一下。

    1.2K30

    iconfont的几种引用方式

    说起阿里的iconfont,肯定都用过FontAwesome,相比之下,二者都是免费的图标,引用方式大差不差。...从兼容性的方面来讲,iconfont支持所有低版本浏览器,而FontAwesome只支持IE7+的高版本浏览器,从图标美感和数量方面来讲,这都不用比,显然iconfont更胜一筹,从使用上讲,iconfont...也更为灵活,不像FontAwesome那样,需要引入整个文件包里的文件到项目,显得臃肿,FontAwesome有文档支持,而iconfont在下载添加图标时会有一个demo文件供参考,也是一个不错的参考方法...使用过程 方法一 最简单的一种就是直接在官网选择图标,下载为svg,png格式的图片,直接在网页里img调用即可,可以保留图标的色彩 方法二 我们需要把我们调好的图标,添加到自定义的一个项目里,打包下载到本地...但兼容性较差,支持IE9+及现代浏览器。

    1.3K20

    分享我用Qt开发的应用程序【二】在Qt应用程序中使用字体图标fontawesome

    为了使用简单,需要先写一个单件类,头文件的代码如下: 其中静态方法Instance保证IconHelper的实例全局唯一 (注意构造函数已经私有化了) #ifndefICONHELPER_H #defineICONHELPER_H...应用程序所在目录下创建res目录,并放置字体文件/res/fontawesome-webfont.ttf 然后加载到全局字体中 #include"IconHelper.h" IconHelper*IconHelper...QObject*): QObject(qApp) { intfontId=QFontDatabase::addApplicationFont(qApp->applicationDirPath()+"/res/fontawesome-webfont.ttf...LeftBtn,QChar(0xf177),12); IconHelper::Instance()->SetIcon(ui->RightBtn,QChar(0xf178),12); 详见:http://fontawesome.io...,请见谅 3、我会在下一篇文章里公布这个小程序的源码,敬请期待 4、这个小程序会始终在你的桌面上,你点显示桌面,它还是在你的桌面上 ?

    3.3K70

    架构师的需求设计“好搭子”——CodeBuddy一键生成App设计原型

    1、思考用户这个app实现哪些功能; 2、作为产品经理规划这些UI界面; 3、作为设计师思考这些原型界面的设计; 4、使用html在一个页面上生成所有的原型界面,可以使用FontAwesome等开源图标库...原型设计时间成本高,交互文案反复打磨耗费精力 技术团队无法第一时间获取标准化、高保真原型用于开发 这时,CodeBuddy作为软件开发智能体的工具,就成了架构师的“好搭子”。...二、用CodeBuddy完成需求识别与功能规划 2.1 需求解析:结构化“自然语言”需求 CodeBuddy可通过自然语言理解(NLU)技术自动解析用户的需求表达,提取出功能项。...例如,自动拆解如下需求点: 功能模块 子功能 用户认证 手势解锁、人脸识别、密码登录 文件管理 多级文件夹、目录加密、文件加密 内容支持 图片浏览器、视频播放器、音乐播放器、文档阅读器 数据传输 Wi-Fi...FontAwesome + Apple SF Symbols 色彩 深灰主色+高对比安全橙(私密氛围) 4.2 样例界面描述 1.

    1.8K10

    浏览器中的手写数字识别

    不得不感概,当年匆忙设计出来,饱受批评的一门脚本语言,竟然生命力这么顽强。 闲话少说,下面就来看看在浏览器中训练模型是怎样的一种体验。...我之前写过一系列的《一步步提高手写数字的识别率(1)(2)(3)》,手写数字识别是一个非常好的入门项目,所以在这里我就以手写数字识别为例,说明在浏览器中如何训练模型。...需要注意的是,训练过程比较长,我们不能阻塞浏览器主线程,代码中大多时候需要异步方法。...如果浏览器不支持WebGL,也不会出错,只不过会走CPU的路径,当然速度也会慢很多。...另外,你也可以在浏览器中直接访问:http://ilego.club/ai/index.html ,直接体验浏览器中的机器学习。

    1.8K80

    架构师的需求设计“好搭子”——CodeBuddy一键生成App设计原型

    1)思考用户这个app实现哪些功能;2)作为产品经理规划这些UI界面;3)作为设计师思考这些原型界面的设计;4)使用html在一个页面上生成所有的原型界面,可以使用FontAwesome等开源图标库,让原型显得更精美和接近真实的...原型设计时间成本高,交互文案反复打磨耗费精力技术团队无法第一时间获取标准化、高保真原型用于开发    这时,CodeBuddy作为软件开发智能体的工具,就成了架构师的“好搭子”。...二、用CodeBuddy完成需求识别与功能规划2.1 需求解析:结构化“自然语言”需求CodeBuddy可通过自然语言理解(NLU)技术自动解析用户的需求表达,提取出功能项。...例如,自动拆解如下需求点:功能模块子功能用户认证手势解锁、人脸识别、密码登录文件管理多级文件夹、目录加密、文件加密内容支持图片浏览器、视频播放器、音乐播放器、文档阅读器数据传输Wi-Fi 传输助手、浏览器下载设置管理密码设置...FontAwesome + Apple SF Symbols色彩深灰主色+高对比安全橙(私密氛围)4.2 样例界面描述1.

    1.9K10

    【实战】Vue.js 图标选择组件开发

    image.png 设置图标不难,方案就是字体图标,可供使用的图标库也有很多,比如阿里巴巴的 Iconfont,以及 Fontaswsome 等,问题在于如何优雅的提供几百个图标供用户选择,而不需要开发去一个一个的写标签...字体图标库 Fontawesome 方案 我们使用字体图标的方式,一般是一个 这样的标签,平常开发中用一些图标都是用到一个写一个,展示...在项目中本人使用的是 Fontawesome 图标库方案,使用它是因为提供的可用图标比较丰富,基本上不需要特意去找合适的图标,直接把它的图标库下载过来,免费的有800多个。...DOM,那么祭出JS大法吧,用浏览器打开这个SVG文件,在控制台编写如下代码获取所有的图标名称: const nodeArray = Array.from(document.querySelectorAll...} } } 先把拿到的所有图标name放到一个 solid.js 文件中,输出为数组,在组件中引入,然后就是循环数组 iconList,输出i标签,Fontawesome

    4.3K10

    修改表单元素中placeholder属性样式、清除IE浏览器中input元素的清除图标和眼睛图标

    一、修改input元素placeholder属性样式 在做项目的时候,一般表单元素的placeholder属性样式都是使用浏览器默认的,但有时候为了追求设计上的美感需要修表单元素的placeholder...样式(也有可能是遇到了一个处女座的设计师或者是客户),就不等不修改一下placeholder的样式。...{ color:red; } 二、清除IE浏览器中input元素的删除和查看密码图标 在IE、Edge等 Trident 内核浏览器中,type = “text” 的 input元素中有输入时会出现清除图标...,type = “password” 的 input元素中有输入时会出现眼睛图标。...添加下面的样式可以去除默认图标: ::-ms-clear, ::-ms-reveal{ display: none; }

    2.7K20

    解决浏览器设置代理IP无法上网的问题

    大家都知道,在当今信息时代,互联网已经成为了我们生活必不可少的一部分。而浏览器作为我们上网的窗口,更是被广泛使用。有时候,我们会遇到一些问题,例如设置了代理IP后无法正常上网。...当您设置了代理IP后无法上网时,可能是由于以下原因之一:  1.代理IP不可用:有时候我们使用的代理IP可能无法正常连接互联网,这可能是由于代理服务器下线、故障或配置错误等问题。...请确保您正确填写了代理服务器的地址和端口,并根据代理类型(如HTTP、HTTPS或Socks)选择相应的设置。检查代理设置的方法因浏览器而异,您可以按照浏览器的帮助文档或搜索引擎进行查询。  ...请记住,在进行上述操作之前,确保您已经理解了可能带来的安全风险,并且采取了适当的安全措施。  希望以上解决方案可以帮助您解决浏览器设置代理IP无法上网的问题。...如果问题仍然存在,建议您联系网络技术支持或专业人士进行进一步的帮助和指导。  无法通过设置浏览器代理IP上网可能是由于代理IP不可用、代理设置错误或防火墙/安全软件的阻止等原因造成的。

    2.7K10

    handsome自定义扩充iconfont图标及配色教程

    handsome图标介绍 handsome主题在配置文档中一共介绍了四种图标库的引入配置方法,分别是 1.glyphicon字体图标 2.主题内置的部分iconfont图标 3.主题内置的部分fontello...图标 4.全部的feather图标 同时也介绍了两种扩充图标库的方法: 1.通过引入公共css文件来引入fontawesome图标库全部图标 2.通过修改字体文件config.json及css文件中相关标签来扩充...扩充iconfont图标 效果预览:||| 原理很简单,是通过font-class引入,图标引入方法官网是有介绍的官网介绍,这种引入方法的优缺点也有介绍, 1.兼容性良好,支持ie8+,及所有现代浏览器...当然图标库官方也介绍了一种引入多色图标的方法,但由于这种图标在不修改源代码的情况下无法在后台侧边栏直接配置,只能在文章中引入,应用范围很小,本文便不做赘述,感兴趣的可以去上面官网自己看。...本文在引入纯色图标后针对增加纯色配色总结了两种方法,继续往后看 如何引入图标库 引入方法同fontawesome图标引入一样,也是通过引入css,那么这个css去哪找呢?怎么引入呢?

    1.4K40

    浏览器网络无法连接github的解决办法

    未连接:有潜在的安全问题——解决方法 火狐浏览器访问github,提示:         未连接:有潜在的安全问题;         Firefox 检测到潜在的安全威胁,并因 github.com...如果这种情况是因为使用DevSidecar而引起的,可以使用以下方式解决:  登录github出现无法连接问题 在地址栏输入:about:config   在搜索首选项名称栏输入:security.enterprise_roots.enabled...你的连接不是专用连接——解决方法 你的连接不是专用连接解决方法如下:如果是使用edge 浏览器,出现“你的连接不是专用连接提示” 。...提示访问非信任CA签发证书的网站时,浏览器都会提示你的连接不是专用连接,且无法进入。...注:不需要在地址栏输入,直接在键盘上敲就行  但敲完后没有ui,没有图片..... ps:我发现是公司的wifi连接有限制,换一个其他的wifi多试一试也许就可以了

    2.9K20

    Axure RP8入门之基本操作篇

    ### 12.设置打开选择文件窗口 文本框属性中选择文本框的{类型}为【文件】,即可在浏览器中变成打开选择本地文件的按钮。该按钮样式各浏览器略有不同。...比如设置某个元件在浏览器中默认为禁用的灰色,就需要勾选【禁用】(复选框),并设置【禁用】的交互样式。 除了禁用与选中个别元件还具有【只读】的设置。例如:文本框与多行文本框。...注意,子级页面无法单独发布,勾选子级页面时会自动勾选父级页面。如果需要单独发布子级页面,需要在页面管理面板中将子级页面的级别调整到一级页面。...### 56.Web字体设置 当原型使用一些特殊字体时,在没有安装该字体的设备上将无法正常显示。Web字体可以较好地解决这个问题。Web字体的使用包含两种方式。...') format('truetype'); 本地字体代码如下: font-family:FontAwesome; src:url('fontawesome-webfont.ttf ') format(

    7.6K30

    IDEA 无法识别 Nodejs 包中的关键字

    问题描述 由于我是一个 IDEA 偏执狂(即任何能在 IDEA 开发的功能绝不使用另外一个编辑器),所以本来适合在 VSC 上面开发的 nodejs,我也通过下载 node 的插件使用了 IDEA 开发...但是现在遇到一个问题,就是 IDEA 忽然无法识别我引入的包了,之前和 core 库还有其他的都可以,最近由于业务需求,我多加了一个ejs的包就不行了。.../module/routes.js'); const url = require('url'); const ejs = require('ejs'); 如图,以上是我引入的包,ejs'中的方法完全没有提示...,也就是没有识别出来。...解决方案 打开设置,然后打开如图所示的位置: ? 点击右边的 download 之后选择你需要的包,然后安装即可。 ? 安装速度很快,完了之后点击确定即可。

    3.4K10
    领券