webkit | 易学教程

AkShare-宏观数据-中国宏观(更新2)

阅读更多关于 AkShare-宏观数据-中国宏观(更新2)

作者寄语更新中国宏观-新房价指数、企业景气及企业家信心指数、全国税收收入三个数据接口，方便分析宏观经济形势。更新接口 "macro_china_new_house_price" # 中国-新房价指数 "macro_china_enterprise_boom_index" # 中国-企业景气及企业家信心指数 "macro_china_national_tax_receipts" # 中国-全国税收收入新房价指数接口: macro_china_new_house_price 目标地址: http://data.eastmoney.com/cjsj/newhouse.html 描述: 获取中国新房价指数月度数据, 数据区间从201101-至今限量: 单次返回所有历史数据, 目前该指数由上海和北京房价构成输入参数名称类型必选描述无无无无输出参数名称类型默认显示描述日期 str Y 日期城市 str Y - 新建住宅价格指数-环比 float Y - 新建住宅价格指数-同比 float Y - 新建住宅价格指数-定基 float Y - 新建商品住宅价格指数-环比 float Y - 新建商品住宅价格指数-同比 float Y - 新建商品住宅价格指数-定基 float Y - 二手住宅价格指数-环比 float Y - 二手住宅价格指数-同比

AkShare-基金数据-公募基金

阅读更多关于 AkShare-基金数据-公募基金

作者寄语本次主要丰富原公募基金的数据，目前可以包括开放式基金、场内交易基金、理财型基金、分级基金、货币型基金等，并且增加一个返回所有基金基本数据的接口「fund_em_fund_name」方便获取基金的代码、类型和简称。目前在除「fund_em_open_fund_info」接口历史数据字段丰富外，其余历史数据接口都只返回历史净值数据，后续会增加其他字段。更新接口 "fund_em_fund_name", # 基金基本信息 "fund_em_open_fund_daily", # 开放式基金-实时数据 "fund_em_open_fund_info", # 开放式基金-历史数据 "fund_em_etf_fund_daily", # 场内交易基金-实时数据 "fund_em_etf_fund_info", # 场内交易基金-历史数据 "fund_em_financial_fund_daily", # 理财型基金-实时数据 "fund_em_financial_fund_info", # 理财型基金-历史数据 "fund_em_graded_fund_daily", # 分级基金-实时数据 "fund_em_graded_fund_info", # 分级基金-历史数据 "fund_em_money_fund_daily", # 货币型基金-实时数据 "fund_em

AkShare-另类数据-空气质量

阅读更多关于 AkShare-另类数据-空气质量

作者寄语今日修复空气质量数据接口，并增加一部分新数据。一个对商品期货来说比较有意思的用法是可以监测炼钢厂区的空气质量情况来评估钢厂的开工情况。还有其他有意思的用法等待挖掘。 AkShare 另类数据空气质量-全国城市列表接口: air_city_list 目标地址: https://www.aqistudy.cn/ 描述: 获取所有空气质量数据的城市字典限量: 单次返回所有可以获取的城市的字典输入参数名称类型必选描述 - - - - 输出参数名称类型默认显示描述 example: {'北京': '北京'} dict Y 字典映射接口示例 import akshare as ak air_city_dict_map = ak.air_city_dict() print(air_city_dict_map) 数据示例 {'北京': '北京', '上海': '上海', '广州': '广州', '深圳': '深圳', '杭州': '杭州', '天津': '天津', '成都': '成都', '南京': '南京', '西安': '西安', '武汉': '武汉', '阿坝州': '阿坝州', '安康': '安康', '阿克苏地区': '阿克苏地区', '阿里地区': '阿里地区', '阿拉善盟': '阿拉善盟', '阿勒泰地区': '阿勒泰地区', '安庆':

css 设置滚动条样式

阅读更多关于 css 设置滚动条样式

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>标题</title> <style> div { width: 100px; height: 300px; border: 2px solid red; overflow-x: scroll; overflow-y: scroll; } /* 滚动条的设置 ::-webkit-scrollbar 滚动条整体部分，可以设置宽度啥的 ::-webkit-scrollbar-button 滚动条两端的按钮 ::-webkit-scrollbar-track 外层轨道 ::-webkit-scrollbar-track-piece 内层滚动槽 ::-webkit-scrollbar-thumb 滚动的滑块 ::-webkit-scrollbar-corner 边角 ::-webkit-resizer 定义右下角拖动块的样式 */ /* 设置滚动条的样式 */ ::-webkit-scrollbar { height: 8px; width:12px; background-color: white; } /* 滚动槽 */ ::-webkit-scrollbar-track { height: 8px; border-radius:10px; } /*

前端给div加滚动条样式修改

阅读更多关于前端给div加滚动条样式修改

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>滚动条示例</title> <style type="text/css"> .nui-scroll { margin-left: 100px; border: 1px solid #000; width: 200px; height: 100px; overflow: auto; } .nui-scroll::-webkit-scrollbar { width: 8px; height: 8px; } /*正常情况下滑块的样式*/ .nui-scroll::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .05); border-radius: 10px; -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1); } /*鼠标悬浮在该类指向的控件上时滑块的样式*/ .nui-scroll:hover::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .2); border-radius: 10px; -webkit-box-shadow: inset 1px

css滚动条样式

阅读更多关于 css滚动条样式

原文地址：http://visugar.com/2017/08/18/20170818CustomScroll/ 　　　　 https://www.jianshu.com/p/99968cfc7675 写在前面滚动条是个很常见的东东，不过某些浏览器自带的滚动条确实不太好看啊，下面可以作为学习，探讨下自定义滚动条的实现，这样你的滚动条就可以美美的啦。但是，也只能玩玩，因为只针对webkit内核的浏览器啊啊啊啊啊！ overflow介绍定义：overflow 属性指定当它溢出其块级容器时,是否剪辑内容，渲染滚动条或显示内容。属性值 overflow:visible //默认值。内容不会被修剪，超出内容会显示在元素框之外 overflow:hidden //内容会被修剪。超出内容被隐藏 overflow:scroll //内容会被修剪，浏览器会显示滚动条以便查看其余内容 overflow: auto //如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。 overflow:inherit //规定从该父元素继承overflow属性的值注：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。当overflow设为除默认值（visible）以外的值时，将会创建一个会块级式化上下文（清除浮动的一种方式）

css 给div 添加滚动条样式hover 效果

阅读更多关于 css 给div 添加滚动条样式hover 效果

css 　　　　.nui-scroll { margin-left : 100px ; border : 1px solid #000 ; width : 200px ; height : 100px ; overflow : auto ; } .nui-scroll::-webkit-scrollbar { width : 8px ; height : 8px ; } /* 正常情况下滑块的样式 */ .nui-scroll::-webkit-scrollbar-thumb { background-color : rgba(0, 0, 0, .05) ; border-radius : 10px ; -webkit-box-shadow : inset 1px 1px 0 rgba(0, 0, 0, .1) ; } /* 鼠标悬浮在该类指向的控件上时滑块的样式 */ .nui-scroll:hover::-webkit-scrollbar-thumb { background-color : rgba(0, 0, 0, .2) ; border-radius : 10px ; -webkit-box-shadow : inset 1px 1px 0 rgba(0, 0, 0, .1) ; } /* 鼠标悬浮在滑块上时滑块的样式 */ .nui-scroll::-webkit

0-移动web开发之概述

阅读更多关于 0-移动web开发之概述

1 移动web开发概述国内移动端浏览器大多采用webkit内核。那么，什么是浏览器内核？ 1.1 浏览器内核 1.1.1 浏览器内核的作用内核，亦“心脏”，是浏览器最重要的部分——“Rendering Engine”，被译为“渲染引擎”，一般习惯性地将浏览器的“渲染引擎”称之为“浏览器内核”。浏览器内核主要负责解析网页语法并执行页面渲染。所以，（虽然浏览器内核分为渲染引擎和JS引擎两部分，但是）通常所说的浏览器内核就是指浏览器所采用的渲染引擎，它决定了浏览器如何显示网页的内容以及页面的格式信息。每个人的心脏活力不同，浏览器内核也是如此。不同的浏览器内核对网页内容的解析方式存在差异，因此，同一张网页页面在内核不同的浏览器里面的渲染效果也可能不同。这也是在进行网页开发时需要在不同内核浏览器中进行网页效果测试的原因。 1.1.2 浏览器&浏览器内核（1）浏览器的主要功能是向服务器发送请求，并在接收到服务器端的响应结果后，按照HTML和CSS规范中指定的方式（个浏览器并没有完全遵守这些规范），解析响应结果，然后在浏览器窗口中显示网络资源（包括：HTML文档、pdf、图片、媒体文件等）。（2）浏览器内核是浏览器的“心脏”，是支持浏览器运行的最核心的部分，主要可分为两个部分：①渲染引擎；②JS引擎。 1.2 主流浏览器&浏览器内核 1.2.1 五大主流浏览器&四大内核

CSS Tooltip（提示工具）

阅读更多关于 CSS Tooltip（提示工具）

CSS Tooltip（提示工具）提示工具在鼠标移动到指定元素后触发，可以在四个方位显示：头部显示、右边显示、左边显示、底部显示一、基础提示框(Tooltip) 提示框在鼠标移动到指定元素上显示： /* Tooltip 容器 */ .tooltip { position : relative ; display : inline-block ; border-bottom : 1px dotted black ; /* 悬停元素上显示点线 */ } /* Tooltip 文本 */ .tooltip .tooltiptext { visibility : hidden ; width : 120px ; background-color : black ; color : #fff ; text-align : center ; padding : 5px 0 ; border-radius : 6px ; /* 定位 */ position : absolute ; z-index : 1 ; } /* 鼠标移动上去后显示提示框 */ .tooltip:hover .tooltiptext { visibility : visible ; } 实例解析 HTML) 使用容器元素 (like <div>) 并添加 "tooltip" 类。在鼠标移动到 <div>

从浏览器渲染原理，浅谈回流重绘与性能优化

阅读更多关于从浏览器渲染原理，浅谈回流重绘与性能优化

[TOC] 前言 “回流（重排）”和“重绘”基本上算是前端的高频词之一，你可以在各个文章及面试题中见到，我们在讨论这个词的时候，其实讨论的是浏览器的渲染流程。所以在讨论“回流重绘”之前，我们还需要掌握一些知识；在它之中，我们还需要更深入一点；在这之后，我们还要懂得怎么去把理论结合到项目实践中去。通过这篇文章，你可以学习到的知识： 1、追本溯源，“回流”和“重绘”这个词是如何引出的，在了解这两个词之前我们还需要了解什么 2、浏览器的渲染流程，“回流”和“重绘”的原理 3、优化浏览器渲染性能，减少“回流”和“重绘”，动手将这些优化应用到实际开发中浏览器的渲染引擎浏览器的主要组件有：用户界面、浏览器引擎、渲染引擎、网络、用户界面后端、JavaScript解释器、数据存储。浏览器的主要功能就是向服务器发出请求，在浏览器窗口中展示您选择的网络资源。浏览器在解析HTML文档，将网页内容展示到浏览器上的流程，其实就是渲染引擎完成的。渲染流程我们在这里讨论Gecko和Webkit这两种渲染引擎，其中Firefox 使用的是 Gecko，这是 Mozilla 公司“自制”的呈现引擎。而 Safari 和 Chrome 浏览器使用的都是 WebKit。 WebKit 渲染引擎的主流程： Mozilla 的 Gecko渲染引擎的主流程：从图 3 和图 4 可以看出，虽然 WebKit 和

订阅 webkit