Chrome

网站整体变灰(黑白、置灰)原理

孤人 提交于 2021-01-16 05:00:24
一、前言 在很多时候我们需要把整个网站变灰,比如“汶川地震”。近日受降雨影响四川茂县突发山体高位垮塌,想起了曾经的汶川地震。来看看网站是如何实现整体变灰的。 二、CSS3 filter(滤镜) 属性 html{ -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%); } filter 属性定义了元素(通常是<img>)的可视效果(例如:模糊与饱和度)。 浏览器支持: grayscale(): 将图像转换为灰度图像。值定义转换的比例。值为100%则完全转为灰度图像,值为0%图像无变化。值在0%到100%之间,则是效果的线性乘子。若未设置,值默认是0。 来看一下效果: 可以看到,网页中的图片、css样式、视频都已经变灰。 三、IE浏览器 上面所说的css3属性IE浏览器并不支持,其实这样做已经覆盖了大部分浏览器 filter: gray; 这个属性直接加载html上是不管用的,如果需要图片变灰可以只将样式作用于img标签,或者用*通配符作用于所有元素,这样整个网站就会变灰。 经测试,在IE7-9都是没问题的,IE9以上不能生效。 四、通用方案 如果你执意所有的浏览器都有这个效果,可以通过Greyscale.js实现: 在页面引入js文件: <script src=

(实战)Node.js 实现抢票小工具&短信通知提醒

喜夏-厌秋 提交于 2021-01-16 02:08:51
作者:西岚 https://juejin.im/post/5dadd0236fb9a04de04d968e 写在前言 要知道在深圳上班是非常痛苦的事情,特别是我上班的科兴科技园这一块,去的人非常多,每天上班跟春运一样,如果我能换到以前的大冲上班那就幸福了,可惜,换不得。 尤其是我这个站等车的多的一笔,上班公交挤的不行,车满的时候只有少部分人能硬挤上去。通常我只会用两个字来形容这种人:“公交怪” 想当年我朋友瘦的像只猴还能上去,老子身高182体重72kg挤个公交,不成问题,反手一个阻挡,闷声发大财,前面的阿姨你快点阿姨,别磨磨唧唧的,快上去啊阿姨,嗯?你还想挤掉我?你能挤掉我?你能挤掉我!我当场!把车吃了! .... 咳咳,挤公交是不可能挤公交滴,因为今天我发现了一个可以定制路线的网约巴士公众号【xxxxxx】 但是呢,票经常会被抢光,同时我还我发现,有时候会有人退票,这时候就有空余票了,关键是我不可能时时都在公众号上盯着,于是,我就写了一个抢票+短信通知的小工具 获取接口信息 查看页面结构 这个就是订票页面,显示当前月的车票情况,根据图示,红色为已满,绿色为已购,灰色为不可选 如果是可选就是白色的小方块,并且在下面显示余票,如下图所示: 我们打算这么做, 定时抓取返回的接口信息 根据接口返回值判断是否有余票 好,审查下源代码看下接口信息,等等,微信浏览器没办法审查源代码,于是

Node.js 实现抢票小工具&短信通知提醒

一个人想着一个人 提交于 2021-01-16 02:08:27
在前言 要知道在深圳上班是非常痛苦的事情,特别是我上班的科兴科技园这一块,去的人非常多,每天上班跟春运一样,如果我能换到以前的大冲上班那就幸福了,可惜,换不得。 尤其是我这个站等车的多的一笔,上班公交挤的不行,车满的时候只有少部分人能硬挤上去。 通常我只会用两个字来形容这种人: “公交怪” 想当年我朋友瘦的像只猴还能上去,老子身高182体重72kg挤个公交,不成问题,反手一个阻挡,闷声发大财,前面的阿姨你快点阿姨,别磨磨唧唧的,快上去啊阿姨,嗯? 你还想挤掉我? 你能挤掉我? 你能挤掉我! 我当场! 把车吃了! .... 咳咳,挤公交是不可能挤公交滴,因为今天我发现了一个可以定制路线的网约巴士公众号【深圳xxx】 但是呢,票经常会被抢光,同时我还我发现,有时候会有人退票,这时候就有空余票了,关键是我不可能时时都在公众号上盯着,于是,我就写了一个抢票+短信通知的小工具 获取接口信息 查看页面结构 这个就是订票页面,显示当前月的车票情况,根据图示,红色为已满,绿色为已购,灰色为不可选 如果是可选就是白色的小方块,并且在下面显示余票,如下图所示: 我们打算这么做, 定时抓取返回的接口信息 根据接口返回值判断是否有余票 好,审查下源代码看下接口信息,等等,微信浏览器没办法审查源代码,于是 使用chrome 调试微信公众号网页页面 首先面临个问题

排查指南 | mPaaS 小程序被卡在了三个蓝点

Deadly 提交于 2021-01-15 13:33:29
问题描述 APP 启动 mPaaS 小程序时,页面一直卡在 Loading(三个蓝点)页面该如何排查? 常见原因 在 Android 应用中接入 UC SDK 能够有效解决各种厂商浏览器的兼容性问题,保持比系统浏览器更低的闪退率并且性能更卓越。UC SDK 提供安全支持可及时解决安全隐患;使用 UC 内核,可以使小程序拥有同层能力,如嵌入 webview、嵌入地图等,并且拥有更好的渲染体验。 使用小程序必须 申请UC内核 ,通过 提交工单 获取 UC 内核的 key,并在 AndroidManifest.xml 配置相关参数。 排查思路 一般是两个原因:一个是 小程序首页路径错误 、一个是 没有uc内核 。 1.检测 UC 内核是否生效 APK 运行到手机上查看 Log 日志,验证 UC 内核是否已经生效。Android Studio 的 logcat 日志中过滤 webview version 。 如下图所示,通常情况下: 版本号(version)以 2 或 3 开头的为 UC 内核。 以 Chrome 开头的为系统内核。 2.检查小程序的主入口路径是否正确 小程序的主入口必须和mPaaS控制台中的主入口保持一致;控制台默认主入口为 pages/index/index 工单协助 如果依然不能解决问题,请准备好相关问题的复现 Demo 工程,通过阿里云工单系统联系 mPaaS

普中科技51单片机“写芯片超时“烧录失败问题

こ雲淡風輕ζ 提交于 2021-01-15 13:27:36
普中科技51单片机"写芯片超时"烧录失败问题 问题 我的操作: 1.修改系统用户名 2.禁用Administrator用户 3.修改环境变量 解决问题 后续的chrome配置: 1.遇到的问题 2.解决方法: 1.删除chrome 2.从360安装chrome 3.覆盖chrome 4.卸载360 问题 我用的是小米pro,在玩普中51单片机时遇到了烧录不了的问题。 查了百度说要换芯片类型(STC89Cxx(New)),波特率调低(128000以下),但我本来设置的就是这些。 于是我猜想会不会是 系统用户名有中文 的缘故: 我的操作: 1.修改系统用户名 链接: win10如何修改C:\Users\下用户名为中文的问题 2.禁用Administrator用户 改完之后 别忘了把Administrator用户禁用 :右键此电脑—>管理—>本地用户和组—>用户—>右键Administrator—>属性—>勾选’用户已禁用’——>单击确定 3.修改环境变量 然后我把本地的用户变量值也顺带改了:右键此电脑—>属性—>高级系统设置—>点击’高级‘最下面的’环境变量’—>可以看到有些值还没有改变,要把所有旧的用户名改成你刚刚改的用户名(双击就能打开编辑)。 解决问题 然后再打开烧录软件,就可以发现可以烧录了! 后续的chrome配置: 1.遇到的问题 改完系统用户名后,我桌面上很多

JavaScript

和自甴很熟 提交于 2021-01-14 10:57:18
JavaScript 努力学习ing 持续更新ing js学习目录 JavaScript 努力学习ing 持续更新ing 1、初始JavaScript 1.1 JavaScript 历史 1.2 JavaScript是什么 1.3 JavaScript 的作用 1.4 HTML/CSS/JS的关系 1.5 浏览器执行JS简介 1.6 JS的组成 1.7 JS 三种书写位置 1.8 JS中的注释方法 1.9 JavaScript 输入输出语句 1-本章节学习问题: 2、变量 2-1 变量概述 2-1-1 什么是变量? 2-1-2 变量在内存中的储存 2-1-3 变量的使用 2-2 变量案例 2-2-1 案例一:输出信息 2-2-2 案例二:弹出对话框 2-3 变量语法扩展 2-3-1 更新变量 2-3-2 同时声明多个变量 2-3-3 声明变量特殊情况 2-4 变量的命名规范 练习:变量交换案例 2-5 变量总结 2-本章节学习内容: 3、数据类型 3-1 数据类型的简介 3-1-1 为什么要使用数据类型? 3-1-2 数据类型的分类 3-2 基本数据类型(简单数据类型) 3-2-1 数字型Number -1.1数字型进制 -1.2数字型范围 -1.3数字型三个特殊值 -1.4 isNaN()方法的使用 3-2-2 字符型 String -2.1 字符串的转义符 -2.2字符串长度

修改注册表跳过chrome对flash的限制

青春壹個敷衍的年華 提交于 2021-01-14 10:00:59
修改注册表跳过chrome对flash的限制,不用每次都要允许,那样太麻烦 Windows Registry Editor Version 5.00 [HKEY_CURRENT_USER\SOFTWARE\Policies\Chromium] "AllowOutdatedPlugins"=dword:00000001 "RunAllFlashInAllowMode"=dword:00000001 "DefaultPluginsSetting"=dword:00000001 "HardwareAccelerationModeEnabled"=dword:00000001 [HKEY_CURRENT_USER\SOFTWARE\Policies\Chromium\PluginsAllowedForUrls] "1"="https:// " "2"="http:// " [HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Google\Chrome] "AllowOutdatedPlugins"=dword:00000001 "RunAllFlashInAllowMode"=dword:00000001 "DefaultPluginsSetting"=dword:00000001 "HardwareAccelerationModeEnabled"=dword

JupyterLab安装与配置虚拟环境

走远了吗. 提交于 2021-01-14 07:57:04
JupyterLab安装:   推荐使用miniconda,相比于anaconda更加简洁,下载连接: https://mirrors.tuna.tsinghua.edu.cn/anaconda/miniconda/ 安装 pip install jupyterlab 配置启动目录 jupyter notebook --generate-config 会生产一个配置文件 默认路径C:\Users\用户名\.jupyter\jupyter_notebook_config.py 修改其中的几个配置项 并取消前面的注释 ipython In [1]: from notebook.auth import passwd In [2]: passwd() Enter password: Verify password: Out[2]: 'sha1:f704b702aea2:01e2bd991f9c7208ba177b46f4d10b6907810927' # 配置启动目录 c.NotebookApp.notebook_dir = 'E :/Projects ' # 配置chrom的本地启动功能,让lab像IDE一样在本地打开 c.NotebookApp.browser = 'C:/Program Files (x86)/Google/Chrome/Application/chrome.exe

分析iphone11销售数据

£可爱£侵袭症+ 提交于 2021-01-13 15:01:04
要想进行数据分析,要先有数据。数据从哪里来呢? 这次要分析的是iphone11的销售数据,那就可以从最大的两家网上商城进行数据获取。 天猫商城 我们先来从天猫商城获取数据。怎么获取呢?打开天猫商城,找到需要的商品页面,查看评价情况 这里就有我们需要的数据。怎么获取呢?方法如下: 方法一:手动获取,开个玩笑,费时费力肯定不是我们的选择。 方法二:既然学Python,肯定是用python获取数据。 一般从网页上获取数据的方式有两种:json和xml ,首选json,xml格式次之。 现在我们来分析下刚才的页面,chrome 浏览器按F12健,切换到Network选项卡,选js,点击评价分页的第2页,会发现发起如下请求: 经分析里边有我们需要的数据,如下图: 记下这个链接,后边进行数据爬取会用到。 京东商城 数据分析方法同天猫商城 也可以获取到我们需要的数据。 OK,数据来源分析完了,下一篇就会通过python来抓取这些数据存储到本地的SQLite或MySQL数据库中。 来源: oschina 链接: https://my.oschina.net/u/4214056/blog/3110501

浏览器缓存知识归纳

别来无恙 提交于 2021-01-13 14:12:29
浏览器缓存(Browser Catching)是为了节约网络的资源加速浏览,浏览器在用户磁盘上对最近请求过的文档进行存储,当访问者再次请求这个页面时,浏览器就可以从本地磁盘显示文档,这样就可以加速页面的阅览。 —-摘自《百度百科》 浏览器缓存是提升网页性能的一大利器,但是,也是一把双刃剑。利用的好网页的性能会有大幅度提升,服务器的压力也会减小。利用的不好,也会遇到很多的问题。本文结合浏览器缓存的知识,结合真实案例进行分析,希望对读者有所帮助。 浏览器缓存分类 浏览器缓存分为强缓存和协商缓存,浏览器加载一个页面的简单流程如下: 浏览器先根据这个资源的http头信息来判断是否命中强缓存。如果命中则直接加在缓存中的资源,并不会将请求发送到服务器。 如果未命中强缓存,则浏览器会将资源加载请求发送到服务器。服务器来判断浏览器本地缓存是否失效。若可以使用,则服务器并不会返回资源信息,浏览器继续从缓存加载资源。 如果未命中协商缓存,则服务器会将完整的资源返回给浏览器,浏览器加载新资源,并更新缓存。 强缓存 命中强缓存时,浏览器并不会将请求发送给服务器。在Chrome的开发者工具中看到http的返回码是200,但是在Size列会显示为(from cache)。 强缓存是利用http的返回头中的Expires或者Cache-Control两个字段来控制的,用来表示资源的缓存时间。 Expires