大师网-带你快速走向大师之路 解决你在学习过程中的疑惑,带你快速进入大师之门。节省时间,提升效率

style

style /stail, staɪl/ n. & v.(第三人称单数:styles;过去分词:styled;复数:styles;现在进行时:styling;过去式:styled)

一种在Js中实现私有属性和方法的思路

一种在Js中实现私有属性和方法的思路 基础知识 目前绝大多数环境已经支持Js的class关键字使用,我们几乎不用再使用ES5的构造函数方式来模拟类的使用。 // ES5 style const Person = function(name) { this.name = name; } } const me = new Person('me') Proxy 可以构建一个拦截器,对对象的操作进行拦截处理。 const obj = new Proxy( {}, { set: function(target, prop, value) { if (prop === 'age') { if (! obj.age = 1000;

一行命令, 静态json变身api

then(res= { return (res.data.rl) }) 效果测试 动图效果 核心代码: vue组件化代码 {{ anchorInfo['name'] }} {{ anchorInfo['desc'] }} import axios from 'axios'; export default { data: function() { return { message: "斗鱼主播", anchorsInfo: this.getPersonImageAddr() } }, methods: { getPersonImageAddr: function(){ let anchorsInfo = []; flex-wrap: wrap;atom{ float: left; margin: 10px; border: 1px solid #BDBDBD;title { font-size: 20px;

python文件读写(三)-Excel表格三剑客xlwt,xlrd,xlutils

python文件读写(三)-Excel表格三剑客xlwt,xlrd,xlutils 1.写xlwt import xlwt f = xlwt.Workbook() sheet1 = f.add_sheet(u'sheet1', cell_overwrite_ok=True) style = xlwt.XFStyle()#创建格式style1 def font(Name="Times New Roman",Bold=True,Colour=0,Height=0x190,Italic=False,Struck=False):#设置字体格式 doc=''' clolour_index: 0 = Black, 1 = White, 2 = Red, 3 = Green, 4 = Blue, 5 = Yellow, 6 = Magenta

Angular2+中如何引用自定义的字体

src: url('assets/font/huawencaiyun.ttf'); font-weight: normal; font-style: normal; } font-family是自己定义字体的名字。 第四步:在需要的字体加上css font-css{ font-family: 'huaWenCaiYun'; } angular2以后的版本可能会有细微的变更,但是问题不大。

随手记一记之【Vue Scoped CSS】

el-table .warning-row { background: oldlace;success-row { background: #f0f9eb;example { color: red;html 标签会自动加类似 data-v-f3f3eg9 这样的属性,css 也会用 .child { }去覆盖子组件中的样式,并不会生效。使用 scoped 后,父组件的样式不会渗透到子组件中。但是子组件的根节点会受影响,这样设计是为了让父组件可以从布局的角度出发,调整其子组件根元素的样式。 深度作用选择器 如果想让类似 .

如何在react中使用antd+less+css modules

如何在react中使用antd+less+css modules antd引入 首先需要需要在react项目中配置antd样式引入,具体可以见解决引入antd样式无效问题 配置less 首先安装less和less-loader cnpm i --save-dev less less-loader 然后在webpack.config.dev中配置 { test: /\.

Xpath和CSS选择器语法整合

Xpath和CSS选择器语法整合 最近项目中需要用Scrapy写一个爬虫,用到了许多xpath和css选择器的语法, 因此在此做一个整合,基本的语法就不赘述了,只整理我遇到的比较复杂的语法,以便日后查询。 xpath语法: 1.选取class不包含ative的div Full XL King Twin Twin XL 2.选取某属性不包含某内容的节点 #选取class不包含"active"的节点 //*[@id='size_en']/div[not(contains(@class

2018-07-28

2018-07-28 自适应导航栏 HTML logo 首页 新闻 国内动态 国外动态 公司介绍 招揽人才 社会人才 学校人才 登录 css . background-color: skyblue; line-height: 60px; width: 50px;rightTitle{ float: right; flex布局使导航标签横向排布*/ } ul{ list-style: none; /*ul 默认margin-left:40px; /* 默认padding-left: 40px; padding: 0 20px;hoverTitle1 li{ padding: 0;hoverTitle{ /*鼠标悬浮显示*/ display: block; width: 200%;

CSS基础样式

CSS基础样式 一、什么是 CSS 继承? h3{ border: 1px blue solid; white-space: nowrap; text-overflow: ellipsis; } 五.px, em, rem,vw 有什么区别? px: 固定单位 em: 相对单位,继承父级元素的字体大小 rem: 相对单位,相对于根元素(html)的大小 vw: 相对单位,视口宽度的1%

css圣杯布局和双飞翼布局

css圣杯布局和双飞翼布局 双飞翼布局和圣杯布局其实是一样的,只不过在写法上有些不同,其布局都是左右固定宽度,中间宽度自适应。 圣杯布局 html结构 center left right css 先写出大概的样式 .article{ height: 300px;left{ width: 200px; height: 100px; background: blue; float: left; } 现在的布局是这样的 image.png 在.left中添加 margin-left: -100%; position: relative; overflow: hidden; margin-bottom: -9999px;

HTML中的居中方法

HTML中的居中方法 之前我们就总结过很多剧中的方法,但是时间长不用,就会慢慢遗忘,所以我们从头来复习一次,变想边敲代码.. 文本居中 height + line-height:两者配合使用,垂直方向居中 text-align:父级的text-align,水平方向居中注意:text-align:center ;只是将子元素里的内联元素居中 如果不是内联元素就要用到 margin: 0 auto; 写个简单的代码来理解 . top: 50%;wrap{ display: flex;

H5自定义属性

H5自定义属性 自定义属性 1.自定义属性 data-开头 后面跟上属性名称 data-user = user data-user-age = userAge 浏览器会自动解析 3.要遵循驼峰命名 element.dataset获取自定义属性的集合 5.设置属性 element.setAttribute("data-age","15"); 6.获取属性 element.getAttribute("data-age") 自定义属性 //获取到 var list = document.getElementById("list"); //添加事件 li.addEventListener("click",function () { console.log(this.dataset);

CSS让背景图片居中显示的方法

CSS让背景图片居中显示的方法 当我们的背景图片写成: background: url("images/titleborder.png") no-repeat; 效果是水平垂直居中对齐: 2.png 第一个center表示水平居中,第二个center表示垂直居中。 要令背景图片水平居中,并贴近div顶部,代码可以这么写: background: url("images/titleborder.png") center 0 no-repeat;[S}58~7R6T6E1LBF[]D$)]JM.png](http://upload-images.jianshu.io/upload_images/4853241-11026cf9df09c476.png?

用闭包写一个Tab选项卡,为什么要用闭包以及闭包造成内存泄露

用闭包写一个Tab选项卡,为什么要用闭包以及闭包造成内存泄露 直接上代码吧! Title *{margin: 0;box{width: 500px;height: 200px;} #tab{width: 498px;height: 48px;} #tab li{font-size: 16px;line-height: 50px;height: 150px;background: burlywood;} #content div{display: none;active{background: #47c1f7;font-size: 22px; var li = tab.getElementsByTagName('li'); var content = document.getElementById('content'); var div = content.getElementsByTagName('div');

实习随笔| 周记(五)

2.Java基础之泛型 反射 a.泛型 含义:是JDK1.5的新特性,本质是参数化类型,即所操作的数据类型被指定为一个参数,使用时通过传参来指定具体的类型。 好处:安全简单。具体体现在提供编译时的强类型检查,而不用等到运行;可避免类类型强制转换;增强代码可读性。 //不使用泛型需要强制转换 List list = new ArrayList(); ot1.setObj(new String("minmin")); test.show("Hello",new Date());

border-sizing属性详解和应用

/* 外边距干扰 */ /* 利用 css3 的 calc */ width: calc(100vw - 2*10px); height: calc(100vh - 2*10px);所以,当需要计算外边距(margin),可以配合css3中的四则运算(calc)来使用。 3. 使用建议 根据项目中的使用经验和w3c的建议,推荐将box-sizing属性设置为border-box。 * { margin: 0; } div { box-sizing: border-box; } 4. 关于 欢迎技术交流,引用请注明出处。 个人网站:Yuan Xin 原文链接:border-sizing属性详解和应用

React-Native 拖拽列表,滑动删除。

/common/Utils' const EXPROTHEIGHT = 20; export default class CustomScrollView extends Component { constructor(props){ super(props); this.state={ data:[ {name:'五花肉',}, {name:'青椒',}, {name:'红椒',}, ], } this.itemHight = 50; this.interval = 5; this.countHeigth = this.itemHight+this.interval; // interval为中间的间隙。 this.scrollOffsetY = 0; this.items = []; this.order = []; this.ViewHeight = (this.state.data.length)*this.countHeigth Utils.size.height-20-Utils.statusBarHeight?

代码打造一直变色的炫彩动态ProgressBar(原创)

} 只要在代码中给调用setIndeterminateTintList 给progressbar设置不同的ColorStateList 即可。 下面贴出代码 ArrayList list=new ArrayList (); } @TargetApi(Build.VERSION_CODES.LOLLIPOP) public ColorfulProgressBar(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) { super(context, attrs, defStyleAttr, defStyleRes); } } 2.对包装的TintColor属性设置属性动画实现变色 ObjectAnimator.ofInt(circleProgressBar,"TintColor",AzulApp.getInstance().

Scss语法简述

Scss语法简述 前言 scss作为sass的升级,兼容了css3的属性,今天我们就来讲解一下如何使用scss语法,关于scss如何编译等问题,这里不会多说,主要以语法为重。 基础语法 1. 声明变量, 使用变量。 // 例1 $baseFontSize: 20px;container h1, .blue-theme { aside { @import "ipt.scss"; margin: 0; } /* ------例3-------- */ @mixin borderRadius($br: 10){ // 传参,默认值为10px -webkit-border-radius: $br + px; } #box{ @extend #conatiner;