首页 > 前端开发 > 正文

bing的web前端开发 bing 英语网站怎么进?

2023-08-29 20:58:18 | 我爱编程网

今天我爱编程网小编整理了bing的web前端开发 bing 英语网站怎么进?相关内容,希望能帮助到大家,一起来看下吧。

bing的web前端开发 bing 英语网站怎么进?

如何实现网页中的文字不允许被复制_html/css_WEB-ITnose


hello,大叔又来了,今天为大家带来的又是一个小技巧。我们在浏览网页的时候,不难遇到这么一个事情:那就是网页的文字无法复制。也许有时候大家会感觉是自己的浏览器崩掉了,或者是死机了,然并没。这其实只不过是网站开发者做了不允许复制的处理而已,是不是显得很牛逼?那么今天大叔教你如何实现这个看着挺牛逼的功能,重要的是:在多数浏览器中,我们只需要CSS就能实现哦,并不需要加入让一部分前端开发工程师闻风丧胆的js才能搞定。来吧,跟着大叔来装逼吧。
这里为大家提供两种禁止选择网页文字的办法user-select,需要注意的是:user-select并不是一个W3C的CSS标准属性,浏览器支持的不完整,需要对每种浏览器进行适配,CSS代码如下:
body
{
-moz-user-select: none; /*火狐*/
-webkit-user-select: none; /*webkit浏览器*/
-ms-user-select: none; /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;
}
哎,到这里也许会有点让人蛋疼,因为总是不得不面对某些low货浏览器,比如IE6-IE9,IE6-IE9还没有相关的CSS属性,我们必须用到第二种方式来解决,那就是用js来搞定,好吧,终于还是拿出了让人闻风丧胆的js了。
document.body.onselectstart = document.body.ondrag = function(){
return false;
}
这就是IE6-IE9需要用上面的js才能实现,引入的时候我们需要做一个浏览器版本的判断,是IE6-IE9这几个浏览器才引入上面这一段js,其他的无需引入,因为用css就搞定了。
好了,今天的分享到此结束,是否对您有帮助呢?如果有,看着办,如果没有,怪我喽!
我是年轻大叔
前端开发工程师,个人微信公众号:xuebing_wxb

bing的web前端开发 bing 英语网站怎么进?

bing 英语网站怎么进?

按如下步骤即可:
1、进入 bing 的全球通用网址:
2、选择喜欢的栏目分类(位于网页上方,按关键词分类,如:照片、视频、地图、新闻、探索等),或者,点选主页下方的推荐栏目,按热门程度排列小窗口,可左右翻屏。
3、主页搜索栏下方还随机分布着一些小惊喜哦。相当于历史上的今日之类的大事记链接。

bing的web前端开发 bing 英语网站怎么进?

如何搞定网页中那些烦人的图标_html/css_WEB-ITnose


浏览过网页的人都知道,网页中出了包含文字,图片等,通常情况下还包含一些小的图标,这些小图标对于切图人员来说可是一个*烦,不但切图工序麻烦,还会让网页中增加许多图片请求,即使是将图片都合成到一张图上,增加了图片合成的工序不说,还得挨个去量每个图标的position,如果一个网页中有许多小图标,我想切图人员必然会抓狂。今天我就来给大家分享一下如何搞定网页中那些烦人的图标。
我们先来看看我到底说的是那些图标吧。
看到了吧,就这些小图标。在一个网页中如果有十几二十个这样的小图标,我觉得切图人员的内心必然是崩溃的,边切图心里肯定边骂设计师是傻逼呢。那我们到底如何轻松的解决这件事呢?
1、登陆www.iconfont.cn
2、点击登录,用新浪微博账号登陆
3、在首页搜索框中搜索我们需要的图标
4、回车,会进入到搜索结果页面,如下:
5、找到我们需要的图标,点击会被添加到暂存架
6、点击暂存架
7、添加到历史项目或者新项目
8、如果是加入历史项目,则点击“存储为历史项目”,创建新项目则点击“存储为新项目”,输入名字之后点击存储。
9、存储之后,跳转到项目页面
10、鼠标放到“获取在线链接”上,会显示“生成在线链接”。
11、复制生成的链接,放到css文件里
12、点击“前端应用帮助”,会有详细的使用文档,这里我就不详细介绍了。
注意事项:
每次添加新的图标之后,一定要重新生成在线链接,并将新的在线链接复制替换之前css文件的代码。
有了它,一定会让你眼前一亮,省掉了很多切图的麻烦,心里有没有爽一点?如果有,别太抠了,打赏吧,一块也是爱啊。
我是年轻大叔
罗辑思维前端开发工程师,个人微信公众号:xuebing_wxb
我爱编程网

以上就是bing的web前端开发 bing 英语网站怎么进?全部内容,更多相关信息,敬请关注我爱编程网。

免责声明:文章内容来自网络,如有侵权请及时联系删除。
与“bing的web前端开发 bing 英语网站怎么进?”相关推荐