safari

Want to have browser viewport resize when iOS keyboard is activated

泪湿孤枕 提交于 2020-08-02 07:42:05
问题 In iOS web browsers (Safari, Chrome, etc.), when you click into an input field and the keyboard displays, it keeps the viewport the same size but slides it up partially out of view. This makes creating app-like websites very difficult, as I'm coding a chatting app and when the keyboard shows I want to keep the conversation completely in view, but simply resize the conversation area to fit in the new "resized" viewable area. I've tried everything, such as having the conversation area be

SVG icons in safari are blurred

为君一笑 提交于 2020-08-01 09:04:28
问题 I have noticed that svg icons that placed via 'img' tag aren't rendered correctly in safari. They end up being all blurry. I have created a simple html page and pasted the same svg icon multiple time using different methods : I am a bit frustrated why does the 'img' tag lower the quality of the icon? Thank you in advance! Edit: I have created a demo 回答1: I'm sorry it's probably late but I had a similar problem and it was because of the blur filter, when I put the shadow on another element and

canvas 的 getImageData 和 toDataUrl 跨域问题

梦想的初衷 提交于 2020-07-29 04:24:13
背景是这样的,母亲节的时候,我们有个需求就是用户可以长按或者点击一个按钮进行截图后去分享我们的活动,然而我们的图片例如头像,采用又拍云做 cdn 优化,所以意味着图片的链接跟主页面所在域名不一样,当需要需要对 canvas 图片进行 getImageData() 或 toDataURL() 操作的时候,跨域问题就出来了。 对于跨域的图片,只要能够在网页中正常显示出来,就可以使用 canvas 的 drawImage() API 绘制出来。但是如果你想更进一步,通过 getImageData() 方法获取图片的完整的像素信息,则多半会出错。 举例来说,使用下面代码获取 github 上的自己头像图片信息: var canvas = document.createElement('canvas'); var context = canvas.getContext('2d'); var img = new Image(); img.onload = function () { context.drawImage(this, 0, 0); context.getImageData(0, 0, this.width, this.height); }; img.src = 'https://avatars3.githubusercontent.com/u/496048?s=120&v=4';'

解决CSS浏览器兼容性问题的一些方案浅析

蓝咒 提交于 2020-07-29 04:05:03
  前端是一个苦逼的职业,不仅因为技术更新快,而且要会的东西实在太多了,更让人头疼的是,还要面临各种适配、兼容性问题。   为什么会有浏览器兼容性问题。还不是因为浏览器厂商太多了。关键是不同厂商,甚至同一厂商不同版本,对同一段CSS的解析效果也不一致,这就导致了页面显示效果不统一,也就带来了兼容性问题。   市场上浏览器种类很多,不同浏览器的内核也不尽相同,所以各个浏览器对网页的解析存在一定的差异。   浏览器内核主要分为两种,一是渲染引擎,另一个是js 引擎,内核更加倾向于说渲染引擎。常见的浏览器内核可以分四种:Trident、Gecko、Blink、Webkit   我们暂且不去关注太多细节问题, 比如那个css样式需要我们去兼容,而是想讨论一下大的解决思路,主要包括4个方面,浏览器CSS样式初始化、浏览器私有属性,CSS hack语法和自动化插件。 1、 浏览器CSS样式初始化   由于每个浏览器的css默认样式不尽相同,所以最简单有效的方式就是对其进行初始化,相信很多朋友都写过这样的代码,在所有CSS开始前,先把marin和padding都设为0,以防不同浏览器的显示效果不一样。以及对一些常用的html元素进行一些初始化处理等等。 * { margin: 0 ; padding: 0 ; }   关于浏览器CSS样式初始化,经验不丰富的话,可能也不知道该初始化什么

python分析BOSS直聘的某个招聘岗位数据

房东的猫 提交于 2020-07-29 03:24:59
前言 毕业找工作,在职人员换工作,离职人员找工作……不管什么人群,应聘求职,都需要先分析对应的招聘岗位,岗位需求是否和自己匹配,常见的招聘平台有:BOSS直聘、拉钩招聘、智联招聘等,我们通常的方法都是,打开招聘网站,搜索职位关键字,然后一页一页的逐个查看,觉得还不错的岗位就投递一下简历,或者和招聘负责人聊一下,那么有没有办法,能一次性把相关的招聘岗位列出来,方便快速的分析,答案当然有的…… 很多人学习python,不知道从何学起。 很多人学习python,掌握了基本语法过后,不知道在哪里寻找案例上手。 很多已经做案例的人,却不知道如何去学习更加高深的知识。 那么针对这三类人,我给大家提供一个好的学习平台,免费领取视频教程,电子书籍,以及课程的源代码! QQ群:1097524789 我想做什么 最近我也在考虑新的工作机会,所以,为了方便才这么做的;下面给大家看个东西,打开后面的链接 BOSS直聘的100个PHP招聘岗位 可以看到,这是表格的形式展示了100个PHP的招聘岗位,没错,这就是我爬取的BOSS直聘网的PHP招聘岗位,为啥是100个呢,我也不敢问啊,毕竟BOSS直聘官网限制了10页,通过爬取数据,然后生成 markdown 表格文件,最后展示在有道分享中,就是上面大家看到的那个了,话不多说,开搞。 运行环境 Python运行环境:Windows + python3.6

[敏杰开发]Beta阶段测试报告

拥有回忆 提交于 2020-07-28 20:37:27
[敏杰开发]Beta阶段测试报告 这是一篇软工课程博客 项目 内容 课程:北航-2020-春-软件工程 博客园班级博客 作业要求 Beta阶段测试报告 我们在这个课程的目标是 测试项目 这个作业在哪个具体方面帮助我们实现目标 制定测试规则,总结测试结果 关于本组 【 敏杰开发 团队介绍】 关于选题 【 知识路书 项目介绍】 一、测试计划 测试时间 2020年5月29日至2020年6月4日 测试矩阵 矩阵项 平台 PC端或MAC端web浏览器 硬件 PC端或MAC端 浏览器类型 主流web浏览器:Chrome、Safari 测试规划 2020年5月29日 至 2020年6月2日单元测试:前后端分离测试、组件测试、单元测试 2020年6月3日 至 2020年6月4日场景测试:前后端合并、整体测试 Beta版本出口条件 后端api工作正确 前端各组件正常工作 链接跳转正常 无明显错误 发现的已知bug解决完成,无法修复的bug进行记录写入文档 二、测试过程 单元测试 分组 姓名 任务 发现bug bug是否已修复 是否通过测试 前端 ljy 引入tag标签 tag标签与后端对接有误,未正确使用后端api 是 是 - 批量导出bibtex 无 是 - 文献阅读计划:已读 未读 应该有已读、未读、进行中三个状态 是 是 - 面包屑改进crumb+动态路由 层级有误 是 是 - 随笔编辑器 无

日志分析logstash插件-grok详解

非 Y 不嫁゛ 提交于 2020-07-28 18:06:12
一般系统或服务生成的日志都是一大长串。每个字段之间用空格隔开。logstash在获取日志是整个一串获取,如果把日志中每个字段代表的意思分割开来在传给elasticsearch。这样呈现出来的数据更加清晰,而且也能让kibana更方便的绘制图形。 Grok 是 Logstash 最重要的插件。它的主要作用就是将文本格式的字符串,转换成为具体的结构化的数据,配合正则表达式使用。 grok表达式 下面针对Apache日志来分割处理 filter { if [type] == "apache" { grok { match => ["message" => "%{IPORHOST:addre} %{USER:ident} %{USER:auth} \[%{HTTPDATE:timestamp}\] \"%{WORD:http_method} %{NOTSPACE:request} HTTP/%{NUMBER:httpversion}\" %{NUMBER:status} (?:%{NUMBER:bytes}|-) \"(?:%{URI:http_referer}|-)\" \"%{GREEDYDATA:User_Agent}\""] remove_field => ["message"] } date { match => [ "timestamp", "dd/MMM/YYYY:HH:mm

CourseGrading

感情迁移 提交于 2020-07-28 17:42:41
× IE浏览器版本太旧,影响页面显示效果,推荐使用目前主流的浏览器: IE9以上版本、Chrome、Firefox、Edge、搜狗、360(注意切换到 极速模式 )、Safari 等。 来源: oschina 链接: https://my.oschina.net/u/4349018/blog/4282654

关于事件你需要知道一些事情

点点圈 提交于 2020-07-28 13:31:48
事件 Js与HTML之间的交互通过事件完成,事件,就是文档或浏览器窗口中发生的一些 特定的交互瞬间。事件类型有很多分类,例如:DOM事件类型,焦点事件,滚轮事件等等,说到这里就不得不说一下js的事件流 事件流 事件冒泡 事件冒泡,事件开始从具体的节点出发,逐步向上冒泡到外层节点。例如:点击id为a的div时,事件会一步步向上传递 a=> b => c,当我们点击click的时候,会依次输出123 < div id = 'c' onclick = 'console.log(3)' > < div id = 'b' onclick = 'console.log(2)' > < div id = 'a' onclick = 'console.log(1)' > click </ div > </ div > </ div > 复制代码 事件捕获 虽然事件捕获是 Netscape 唯一支持的事件流模型,但 IE9、Safari、Chrome、Opera 和 Firefox 目前也都支持这种事件流模型。尽管“DOM2 级事件”规范要求事件应该从 document 对象开始传播,但这些浏览器都是从 window 对象开始捕获事件的。 由于老版本的浏览器不支持,因此很少有人使用事件捕获。 DOM事件流 DOM事件流分三个阶段,捕获阶段,目标阶段和冒泡阶段,DOM事件流又分为DOM0级和DOM2级

快手解析视频真实链接(爬取快手视频)

邮差的信 提交于 2020-07-28 09:55:31
1.复制快手视频链接(如下) 陪伴是最常情的告白,守护是最沉默的陪伴…… #汪星人 #宠物避障挑战 https://v.kuaishou.com/5xXNiL 复制此链接,打开【快手App】直接观看! 虚拟链接是:https://v.kuaishou.com/5xXNiL 2.代码解析真实链接(这里就不介绍代码,有问题可以留言) # -*- coding: utf-8 -*- """ Created on Fri May 15 13:17:21 2020 @author: 李运辰 """ import requests requests.packages.urllib3.disable_warnings() headers = { # " User-Agent " : " Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.130 Safari/537.36 " , } headers2 = { # "Host":"music.liuzhijin.cn", " Host " : " live.kuaishou.com " , " User-Agent " : " Mozilla/5.0 (Windows NT 10.0; Win64;