ECharts 避免变窄

var roomPercentChart = echarts.init(document.getElementById('room_percent')); function ajaxGetRoomPercent() { // 基于准备好的dom,初始化echarts实例 $.ajax({ url: "ajaxGetRoomPercent", data: {}, type: "POST", dataType: "json", success: fu…

echarts数据变了不重新渲染，以及重新渲染了前后数据会重叠渲染的问题

1.echarts数据变了但是视图不重新渲染新建Chart.vue文件 <template> <p :id="id" :style="style"></p> </template> <script> export default { name: "Chart", data() { return { //echarts实例 chart: "" …

PN结加正向偏置电压其空间电荷区为何变窄

理论基础:导体是内部具有较多可以自由移动的电荷的物体. 绝缘体是内部没有或者有很少可以自由移动的电荷的物体. +代表空穴带正电 -代表电子带负电两竖线之间表示无自由移动电子或空穴部分,相当于绝缘体没加电压时:P ++| |-- N 当P加低电压N加高电压时,空穴会被P区的外加电压带负电荷的电极向左吸引,电子会被向右吸引.同时空穴会被N区电极向左排斥,电子会被P区电极向右排斥.又因为PN之间自由移动的空穴和电子是有限的数量. 于是形成:P +| |- N 绝缘体部分变的更宽了,外加电压越大,…

war 宽度变窄

1.打开开始菜单-运行-输入Regedit 打开注册表编辑器展开 HKEY_CURRENT_USER 继续展开 Software继续展开 Blizzard Entertainment 在Warcraft III 里选择 Video 然后选择右边的 resheight(这个表示的是画面的长 ,填上你显示器的标准分辨率的长记住要选择10进制) 然后再选择reswidth (这个表示的是画面的宽 ,填上你显示器标准分辨率的宽,一定要选择10进制) 然后打开魔兽魔兽的画面就和你显示器的标准分辨率…

[改善Java代码]警惕泛型是不能协变和逆变的

什么叫做协变(covariance)和逆变(contravariance)? 在变成语言的类型框架中,协变和逆变是指宽类型和窄类型在某种情况下(如参数,泛型,返回值)替换或交换的特性,简单的说,协变是用一个窄类型替换宽类型,而逆变则是用宽类型覆盖窄类型. 协变:宽类型------>窄类型逆变:窄类型------>宽类型 class Base{ public Number doStuff(){ return 0; } } class Sub extends Base{ @Override pu…

MUI - 解决弹出输入法时页面高度变小导致底部上浮的问题

解决弹出输入法时页面高度变小导致底部上浮的问题在有输入框的页面,当输入法弹出的时候,底部元素上浮遮盖了输入框,影响页面美观及功能.查找了一下,页面变窄是不可避免的.即使是设置绝对固定也是不可以的.因为webveiw在输入法弹出时候是变化(resize)的.关于document.body.clientheght, screen.height,plus.screen.resolutionHeight的相关区别及联系请查看这深入理解高度.获取屏幕.webview.软键盘高度 http://www.…

webpack打包性能优化

1. 使用 gzip 压缩打包后的 js 文件这个方法优化浏览器下载时的文件大小(打包后的文件大小没有改变) webpack.config.prod.js 中 var CompressionWebpackPlugin = require('compression-webpack-plugin'); // 在 pligins 中添加 new CompressionWebpackPlugin({ //gzip 压缩 asset: '\[path\].gz\[query\]', algorithm:…

界面设计技法之css布局

css布局之于页面就如同ECMAScript之于JS一般,细想一番,html就如同语文,css就如同数学,js呢,就是物理,有些扯远,这里就先不展开了. 回到主题,从最开始的css到如今的sass(less),开发的效率确实变得越来越高效,但是可能有时候我们还是会对页面布局产生烦恼的情绪,比如:"咦?我想让它显示在这个部位,它一点都不听话啊".很大原因在于我们可能没对css布局这块做一个系统的梳理~,偶然间发现了Learn CSS Layout,在此分享给大家,希望和大家共同提高,另外…

CSS 3 学习——transform 3D转换渲染

以下内容根据官方规范翻译,没有翻译关于SVG变换的内容和关于矩阵计算的内容. 一般情况下,元素在一个无景深无立体感的平面(flat plane)上渲染,这个平面就是其包含块所处的平面.同时,页面上的其他元素也共享这个平面.2D变换函数虽然能改变元素的表现,但是这个被改变的元素仍然是在其包含块所处的平面内被渲染. 3D变换会产生一个变换矩阵,该变换矩阵在Z轴上的分量不为0.结果是把元素渲染到一个不同于其包含块所处的平面内.这将影响到通常情况下的"后来居上"的渲染规则:变换元素可能会和其相…

前端精选文摘：BFC 神奇背后的原理

BFC 已经是一个耳听熟闻的词语了,网上有许多关于 BFC 的文章,介绍了如何触发 BFC 以及 BFC 的一些用处(如清浮动,防止 margin 重叠等).虽然我知道如何利用 BFC 解决这些问题,但当别人问我 BFC 是什么,我还是不能很有底气地解释清楚.于是这两天仔细阅读了CSS2.1 spec 和许多文章来全面地理解BFC. 一.BFC是什么? 在解释 BFC 是什么之前,需要先介绍 Box.Formatting Context的概念. Box: CSS布局的基本单位 Box 是 CSS…

CSS学习笔记——视觉格式化模型 visual formatting model

CSS 视觉格式化模型(visual formatting model)是用来处理文档并将它显示在视觉媒体上的机制.他有一套既定的规则(也就是W3C规范),规定了浏览器该怎么处理每一个盒子.以下内容翻译自W3C官方文档,其中加上了自己的一些理解.相关链接:https://www.w3.org/TR/CSS2/visuren.html#block-boxes. 1.可替换元素(Replaced element) 下面的一段话引自MDN: 典型的可替换元素有 <img>. <object&g…

BFC的形成条件和特性分析

初学CSS时,我们学到很多有意思的CSS规则,比如外边距塌陷,还有浮动元素的一些特性等,其实这些规则背后都是BFC这个东西在控制,下面我们来看下BFC到底是什么. 什么是BFC BFC(Block formatting contexts),翻译过来就是块级格式化上下文,指的是一种上下文环境,我们暂且不管它为什么叫这么晦涩冗长的名字,先看看哪些情况能形成BFC,然后看看它有哪些特性,这样我们也就知道它是什么了.就像我们学习js的对象一样,了解一个对象的原型,以及它的属性方法,我们也就知道它是什么了…

visual formatting model (可视化格式模型）【持续修正】

概念: visual formatting model,可视化格式模型 The CSS visual formatting model is an algorithm that processes a document and displays it on visual media. 它是一种规则,用于规定用户代理如何将DOM树展示在可视化媒体中. 通俗的说,我们在HTML中写一个p标签,在浏览器中打开之后,他会是以什么样子展现出来(他的宽度.高度是多少,他在哪里,他与相邻的元素是什么关系.)这…

神奇的BFC以及被忽略的东西

BFC是CSS中一个非常重要的概念,经常用来清除浮动以及处理外边距折叠,但BFC到底是个什么东西却很难准确的表达清楚,国内的相关技术文档基本都不全面,本文的目的就是对BFC的方方面面做个整理,当然未必会一次性整理到位,后面如果发现有遗留错误的会继续补充. 什么是BFC? BFC(Block formatting context)译为"块格式化上下文",是一个独立的渲染区域,规定了内部的子元素如何布局,并且与这个区域外部的关系. 什么情况下会产生BFC? a.根元素(注意:这里必…

Angular2 依赖注入

1. 使用DI 依赖注入是一个很重要的程序设计模式. Angular 有自己的依赖注入框架,离开了它,我们几乎没法构建 Angular 应用.它使用得非常广泛,以至于几乎每个人都会把它简称为 DI. 我们来看一个简单的例子: export class Animal { dogs; constructor() { var dog = new Dog(); } } 我们的Animal在构造函数中手工创建所需的每样东西.问题在于,我们这个 Animal类过于脆弱.缺乏弹性并且难以测试. 当我们的Ani…

bug: 在缓存行高时,总是记录错误.

一,现象: 1.在 cell 中添加了一个 label, 并对 label 设置了 attributeText, 结果滑动的过程中,cell 的高度总是不对,多次出现下一个 cell 覆盖上一个 cell 的现象,或者某个 cell 宽度变小的现象 2.为排除其他因素的干扰,把行高设置成固定值, cell 中的 label 依然使用 sizetofit. 结果 cell 中的 label 依然会变形.....因为我一开始设置的是 numberOfLines 属性是0,宽度固定,结果现在宽度变窄了…

由position属性引申的关于css的进阶讨论（包含块、BFC、margin collapse）

写这篇文章的起因是源于这篇文章:谈谈面试与面试题中关于position的讨论,文中一开始就说的这句话: 面试的时候问个css的position属性能刷掉一半的人这是啥情况…… 其实这问题我本来打算的是可以顺着一路扯到normal flow.containing block.bfc.margin collapse,base line,writing mode,bidi,这样一路问下去的,奈何第一个问题(亲我真的只问了position有哪些取值和行为啊)就悲剧了…… 说到position,那么稍微…

BFC总结

图1:问题图图2:代码图3:解决图问题图与解决图的区别:黄色箭头那行代码的无和有 BFC 定义 BFC(Block formatting context)直译为"块级格式化上下文".它是一个独立的渲染区域,只有Block-level box参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干. BFC布局规则内部的Box会在垂直方向,一个接一个地放置. Box垂直方向的距离由margin决定.属于同一个BFC的两个相邻Box的ma…

css判断不同分辨率显示不同宽度布局实现自适应宽度

一.CSS DIV网页布局中当分辨率小于等于1024px(像素)时,DIV布局对象显示1000px宽度,当分辨率大于1024px时候显示1200px宽度等需求.使用CSS实现改变浏览器显示宽度从而实现布局的网页宽度动态改变变化(网页宽度自动随浏览器显示宽度而变宽变窄).随着发展,越来越多的电脑用户显示屏分辨率越来越高,但有的用户还是使用1024px的分辨率的显示屏(根据几个浏览器分辨率统计平台得到数据现在使用1200分辨率以下用户极少,但我们CSS布局时仍然需要至少考虑1024px分辨率用户),…

iOS之UI--富文本总结

文章内容大纲 1.NSMutableAttributedString的基本使用 2.NSMutableAttributedString的简易封装 3.使用开源代码GOBMarkupPaser处理富文本 4.UITextKit简介 5.编程思想的相关思考前言富文本使用案例: 这里我自己也用了富文本实现了简单的却也是常用的例子: 对于最后面的￥50中划线这种设置,估计只有富文本最好用了. 在IOS或者Mac OS X通过UIKit提供的用来显示字符串控件有三个: UILable,UITextFi…

Coursera-Getting and Cleaning Data-Week3-dplyr+tidyr+lubridate的组合拳

Coursera-Getting and Cleaning Data-Week3 Wednesday, February 04, 2015 好久不写笔记了,年底略忙.. Getting and Cleaning Data第三周其实没什么好说的,一个quiz,一个project,加一个swirl. 基本上swirl已经把第三周的内容都概括进去了.就是dplyr, tidyr以及lubridate包的学习和使用.其中dplyr专注于选择/筛选,tidyr关注于数据重塑型,二lubridate是我目前…

objccn-相机工作原理

感觉这个世界上最幸福的事情就是工作和兴趣结合到一起了.这一阵子总是在听再看有关摄影的种种,今天在objccn上又看到这个,哈哈~ 轻轻一按,相机就把光子转化成了比特,于是一张照片就保存到了手机里. 一一些基本概念进光量:拍摄一张照片的过程被称之为曝光,曝光也指单位面积上光的数量.曝光有两种结果,一个是欠曝,一个是过曝.如果一张照片过度的欠曝或过曝的话,是很难修复的. 曝光档数:有三个要素可以影响曝光的进光量:快门速度,光圈,ISO.调整这三者中的任意一个让进光量翻倍或减半,就叫改变了“一档”…

Github上安卓榜排名第2的程序员教你如何学习【转载，侵删】

来自:峰瑞资本(微信号:freesvc)文章作者:代码家(微信 ID:daimajia_share) 软件早已吞噬整个世界,程序员是关键角色.过去 40 年中,许多伟大的公司都由程序员缔造,比如比尔·盖茨.拉里·埃里森.马克·扎克伯格.伊隆·马斯克. 一本哥哥不太关心的 Visual Basic 课外书,代码家如获至宝,他接触了简单的代码,这让他进入到一个全新的世界.从那之后,代码家一直享受着用代码解决问题过程中产生的精神愉悦,并成长为一名专家级程序员.用行话说,黑客.现在,代码家是 Githu…

什么是BFC？（转载）

在解释 BFC 是什么之前,需要先介绍 Box.Formatting Context的概念. Box: CSS布局的基本单位 Box 是 CSS 布局的对象和基本单位, 直观点来说,就是一个页面是由很多个 Box 组成的.元素的类型和 display 属性,决定了这个 Box 的类型. 不同类型的 Box, 会参与不同的 Formatting Context(一个决定如何渲染文档的容器),因此Box内的元素会以不同的方式渲染.让我们看看有哪些盒子: block-level box:display…

初始化datetimepicker的时候就报了js异常

全栈眼中的http这一章分别从前端视角和后端视角来分析前后端所关注的侧重点.前端可以通过抓包工具或者chrome devtools 查看每个请求,同域下的资源请求数量等来找出优化点,更关注的是一个页面的请求数,资源大小等直接影响页面展现速度的因素.而后端则更关注如何更快速的响应请求,以及减小服务器压力.并给出了需要前后端协同工作的一种http优化方案,bigpipe. 程序员就应该配笔记本电脑,为什么必须是笔记本电脑?不可以是台式机么?笔记本电脑之于程序员,就像剑之于剑客.剑客的剑是不应该离开身…

CSS篇

一.盒子模型: 标准模式和混杂模式(IE).在标准模式下浏览器按照规范呈现页面:在混杂模式下,页面以一种比较宽松的向后兼容的方式显示.混杂模式通常模拟老式浏览器的行为以防止老站点无法工作. CSS盒子模型具有内容(content).填充(padding).边框(border).边界(margin)这些属性.我们所说的width,height指的是内容(content)的宽高,一个盒子模型的宽度=:width+ pdding(宽) + border(宽),高度=height + padding(高…