为什么scoped私有样式不能修改elementUI组件样式 我本来想修改这个日期区间这个 “至” 的行高，为了不影响全局于是我在vue文件用scoped修改样式，发现毫无作用。于是排查到原因，scoped加的唯一属性是加在外层的，没有那么准确的加到这个“至”上，所以，这个scoped里面的样式没有作用。...
gojs实现仿启信宝股权结构关系树图 话不多说，直接干货走起。对你有用的话，请赞实现效果如下图：实现代码：<!doctype html><html><head> <meta charset="utf-8"> <title>GoJS demo</title> <script src="../release/go.js"...
在线web编辑器在线编辑代码Ace Editor使用详解 1、从github上拉取代码： git clonehttps://github.com/ajaxorg/ace.git，或者下载ZIP；2、为了控制项目文件大小，我们使用ace-editor的build版：打开cmd，进入根目录ace-master，执行npm install下载依赖包，再执行node ./Makefile.dryice.js生成build文件，如下图；2、...
CSS选择器的权重和计算规则（机制） 从CSS代码存放位置看权重优先级：内嵌样式 > 内部样式表 > 外联样式表。从样式选择器看权重优先级：important > 内嵌样式 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪元素 > 继承 > 通配符。CSS权重是由四个数值决定：第一等：代表内联样式，如: style=””，权值为1000。第二等：代表ID选...
Linux最全最详细常用基础命令 一、系统目录结构bin (binaries)存放二进制可执行文件sbin (super user binaries)存放二进制可执行文件，只有root才能访问etc (etcetera)存放系统配置文件usr (unix shared resources)用于存放共享的系统资源home 存放用户文件的根目录root 超级用户目录dev (devices)用于存放设备文...
ES6箭头函数this指向 箭头函数根本没有自己的this，所以内部的this就是外层代码块的this，即指向上下文函数this。let obj = { fun:function(){ setTimeout(function(){ console.log(this); // this指向window },100); setTimeout((...
一句话告诉你ParseInt()、ParseFloat()和Number()的区别 ParseInt是从左开始，一个字符一个字符解析，从第一个不是数字字符截断；Number是整体转换，可将Boolean、Null、空字符串等转为数字。举例：Number("123"); //123Number(""); //0Number(true); //1Number(null); //0Number('121...
js es6浅克隆与深克隆(deep clone)详解与实现 let a = { age: 1}let b = aa.age = 2console.log(b.age) // 2在JavaScript中，我们了解对象类型在赋值的过程中其实是复制了地址，从而会导致改变了一方其他也都被改变的情况。通常在开发中我们不希望出现这样的问题，我们可以使用浅拷贝来解决这个情况。浅拷贝首先可以通过Object.assign来解决这个问题，很多...
圣杯布局和双飞翼布局 圣杯布局和双飞翼布局都是两边固定宽度，中间宽度自适应布局。其中，中间栏放到文档流前面，保证先行渲染。解决方案大体相同，都是三栏全部float:left浮动。一、圣杯布局圣杯布局是三个div的内容都是在一个盒子里面，都添加float:left浮动，通过margin-left和position:relative的left和right属性，让左右两个div定位在盒子的padding上。<!DOCT...
JS面向对象设计之创建对象 一、工厂模式考虑到ECMAScript中无法创建类，开发人员发明了一种函数，用函数来封装以特定接口创建对象的细节：function createPerson(name,age,job){ var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function(...
JS sort()排序及JS sort()双重排序 sort()方法用于对数组的排序，并返回数组。基本用法为：arr.sort();默认为升序排列。例：var arr = [5,3,1,6,4,3,2];arr.sort(); // [1, 2, 3, 3, 4, 5, 6]如果想按照其他标准进行排序，sort()方法是可以传入一个函数，函数通过返回一个值来决定这两个值需不需要交换位置。例：arr.sort(function(a,b){ ...
详解javascript中关键字new javascript中new关键字详解和其他高级语言一样 javascript 中也有 new 运算符，我们知道 new 运算符是用来实例化一个类，从而在内存中分配一个实例对象。 但在 javascript 中，万物皆对象，为什么还要通过 new 来产生对象？ 本文将带你一起来探索 javascript 中 new 的奥秘...一、认识new运算符：function Animal(name){ ...
JS日期的加减 今天有个需求说一进入页面要查询最近三天的数据。当然我们很容易能够获取当天的日期，但是三天前的日期就有点麻烦了，比如月初的第一天，或者年初的第一天。如果自己去算的话要花费不少功夫，要考虑月份、年份、甚至2月的话还有闰年，于是查阅资料，发现js有现成的日期加减计算。JS的Date对象有四种创建方式：var d = new Date(); //直接获得当前日期var d = new Date(mill...
JavaScript有5种原始类型 JavaScript有5种原始类型：Undefined、Null、Boolean、Number、String。可以用typeof运算符判断一个值是否表示一个原始类型。比如：alert(typeof 1); //输出numberJavaScript有5种原始类型：Undefined、Null、Boolean、Number、String。可以用typeof运算符判断一个值是否表示一个原始类型。比如：a
javascript简单计算器的实现 计算器.main{width: 200px;height: 200px;margin: auto;border: solid;}#div1{margin-left: 20px;margin-top: 20px;background-color: #34B4C6;border: solid 0px;}#div2{margin-left: 2
CSS3－渐变背景色 线性渐变背景色：.linear { width:130px; height:130px; border:2px solid black; padding: 10px; background: -webkit-gradient(linear, left top, left bottom, from(#00abeb
css动画效果 6 款华丽的 HTML5 动画特效及源码投递人 itwriter 发布于 2012-11-22 15:30 评论(0) 有16979人阅读 原文链接 [收藏] « » 我们可以用 HTML5 在浏览器上做出非常美妙的效果，这些动画特效大部分都可以在 canvas 上实现，这次分享几款比较有特色的 HTML5 动画特效，如水滴下落、老式卡带播放器等等。
css：float浮动元素 CSS float 浮动属性介绍float属性：定义元素朝哪个方向浮动。 1.页面标准文档流、浮动层、float属性1.1 文档流HTML页面的标准文档流(默认布局)是：从上到下，从左到右，遇块(块级元素)换行。1.2 浮动层浮动层：给元素的float属性赋值后，就是脱离文档流，进行左右浮动，紧贴着父元素(默认为body文本区域)的左右边框。
css样式属性 CSS样式属性1、字体属性(type)font-family(使用什么字体)font-style(字体的样式，是否斜体)：normal/italic/obliquefont-variant(字体大小写)：normal/small-capsfont-weight(字体的粗细)：normal/bold/bolder/lithterfont-size(字体
关注
