safari

从零开始学 Web 之 CSS3(一)CSS3概述,选择器

天涯浪子 提交于 2021-02-13 19:00:25
大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github: https://github.com/Daotin/Web 微信公众号: Web前端之巅 博客园: http://www.cnblogs.com/lvonve/ CSDN: https://blog.csdn.net/lvonve/ 在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识点,期间也会分享一些好玩的项目。现在就让我们一起进入 Web 前端学习的冒险之旅吧! 一、CSS3 1、CSS3简介 CSS3是CSS(层叠样式表)技术的升级版本,主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。 2、新增特性 CSS3的新特征有很多,例如圆角效果、图形化边界、块阴影与文字阴影、使用RGBA实现透明效果、渐变效果、使用@Font-Face实现定制字体、多背景图、文字或图像的变形处理(旋转、缩放、倾斜、移动)、多栏布局、媒体查询等。 3、优势 减少开发成本与维护成本 在CSS3出现之前,开发人员为了实现一个圆角效果,往往需要添加额外的HTML标签,使用一个或多个图片来完成,而使用CSS3只需要一个标签,利用CSS3中的border-radius属性就能完成。 提高页面性能 很多CSS3技术通过提供相同的视觉效果而成为图片的“替代品”

Python数据可视化:网易云音乐歌单

喜夏-厌秋 提交于 2021-02-13 18:54:13
网易云音乐2018年度听歌报告—遇见你,真好。 相信有不少人在上周,应该已经看过自己网易云音乐的年度报告了。 小F也是去凑凑热闹,瞅了一波自己的年度听歌报告。 那么你在云村又听了多少首歌,听到最多的歌词又是什么呢? 2018年你的年度歌手又是谁,哪些又是你最爱的歌呢? 不过相比去年,我的票圈并没有很多发自己年度报告的朋友。 不得不说,版权之争开始,网易云音乐似乎就在走下坡路。 很多喜欢的歌听不了,这应该是大家共同的痛点。 最大的印象就是周董的歌,在愚人节时下架了,原以为只是个玩笑,不想却是真的。 本次通过对网易云音乐华语歌单数据的获取,对华语歌单数据进行可视化分析。 可视化库不采用pyecharts,来点新东西。 使用matplotlib可视化库,利用这个底层库来进行可视化展示。 / 01 / 网页分析 01 歌单索引页 选取华语热门歌单页面。 获取歌单播放量,名称,及作者,还有歌单详情页链接。 本次一共获取了1302张华语歌单。 02 歌单详情页 获取歌单详情页信息,信息比较多。 有歌单名,收藏量,评论数,标签,介绍,歌曲总数,播放量,收录的歌名。 这里歌曲的时长、歌手、专辑信息在网页的iframe中。 需要用selenium去获取信息,鉴于耗时过长,小F选择放弃... 有兴趣的小伙伴,可以试一下哈... / 02 / 数据获取 01 歌单索引页 from bs4 import

How Do I Activate a specific Safari Window using rb-appscript?

流过昼夜 提交于 2021-02-11 15:25:46
问题 I can't get rb-appscript to activate a specific Safari window. It is always activating the most recently active window. (in irb, assuming rb-appscript is already installed) require 'appscript' include Appscript safari = app 'Safari' safari.open_location "http://www.google.com" safari.open_location "http://www.apple.com" safari.open_location "http://www.bing.com" safari.documents.URL.get => ["http://www.bing.com/", "http://www.apple.com/", "http://www.google.com.ph/", "http://www.apple.com

localStorage is not shared across tabs in the private mode in mobile Safari

烂漫一生 提交于 2021-02-11 14:32:27
问题 I can successfully put stuff into the localStorage in the private mode of mobile Safari. And if I open my web app in 2 different tabs, they don't have access to the same localStorage . By that, I mean if I set a value in the 1st tab, my app in the 2nd tab can't see it. This might happen in other browsers' private mode too but I haven't got a chance to test them. The same code works fine if it is not private mode. The value set by the 1st tab can be accessed by the 2nd tab. Is there an

iOS - Link from web browser opens an app in iOS app although it should be redirected to web browser

微笑、不失礼 提交于 2021-02-11 14:31:03
问题 There is an iOS app. There is a link on a web: <a href="https://somedomain.com/forgotPassword?key=<some_hash>" In iOS app, there is an apple-app-site-association file with config { "applinks": { "apps": [], "details": [ { "appID": "....", "paths": ["NOT /forgotPassword", "*"] }, { "appID": "....", "paths": ["NOT /forgotPassword", "*"] } ] } } but the redirection happens from that link on a web to the iOS app, although this is in configuration: "NOT /forgotPassword" and redirection to iOS app

iOS - Link from web browser opens an app in iOS app although it should be redirected to web browser

放肆的年华 提交于 2021-02-11 14:28:10
问题 There is an iOS app. There is a link on a web: <a href="https://somedomain.com/forgotPassword?key=<some_hash>" In iOS app, there is an apple-app-site-association file with config { "applinks": { "apps": [], "details": [ { "appID": "....", "paths": ["NOT /forgotPassword", "*"] }, { "appID": "....", "paths": ["NOT /forgotPassword", "*"] } ] } } but the redirection happens from that link on a web to the iOS app, although this is in configuration: "NOT /forgotPassword" and redirection to iOS app

Vertical alignement of span inside a div when the font-size is big

柔情痞子 提交于 2021-02-11 06:17:44
问题 Note: I've already read How to vertically center a <span> inside a div? but here it's slightly different (see below). I'm trying to insert some big text inside a circle button, an image inside another one, and a title aligned vertically. This perfectly works on Chrome (I've used various answers from Circle button css): But strangely, it doesn't work on Firefox and also iPhone Safari (bad alignment): How to solve such a vertical alignment problem? .circlebtn { height: 5.4em; width: 5.4em;

How do I load fonts with filenames which begin with numbers, via the FontFace interface in Safari

偶尔善良 提交于 2021-02-10 17:08:51
问题 I can't get Safari(11.1) to load font files via the FontFace interface, if those files font names begin with numbers. The same files that show an error in Safari load perfectly fine in Chrome and Firefox. Here is the most simplified version I could create that still produces the error. var fonty = new FontFace('0Test', 'url(fonts/0Test.woff)'); console.log('This will only show if the Font name does not begin with a number'); Checking the Safari(11.1 is the version I'm using) console, you'll

How do I load fonts with filenames which begin with numbers, via the FontFace interface in Safari

我们两清 提交于 2021-02-10 17:04:05
问题 I can't get Safari(11.1) to load font files via the FontFace interface, if those files font names begin with numbers. The same files that show an error in Safari load perfectly fine in Chrome and Firefox. Here is the most simplified version I could create that still produces the error. var fonty = new FontFace('0Test', 'url(fonts/0Test.woff)'); console.log('This will only show if the Font name does not begin with a number'); Checking the Safari(11.1 is the version I'm using) console, you'll

CSS3 animation: Not loading in Safari

|▌冷眼眸甩不掉的悲伤 提交于 2021-02-10 14:46:41
问题 the following animation doesn't even load in Safari browser (but works nicely in Chrome, Mozilla, IE, Opera) http://codepen.io/anon/pen/utdIK Any idea how to fix it? This problem looks similar, but it didn't fit to my problem. CSS3 animation not working in safari HTML: <div id="spinner-2"> <div class="slices bar"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </div> <div class="maskWheel"></div> </div> CSS: #spinner-2 { width: 45px;