- 博客(31)
- 收藏
- 关注
RSS订阅原创 为什么scoped私有样式不能修改elementUI组件样式
我本来想修改这个日期区间这个 “至” 的行高，为了不影响全局于是我在vue文件用scoped修改样式，发现毫无作用。于是排查到原因，scoped加的唯一属性是加在外层的，没有那么准确的加到这个“至”上，所以，这个scoped里面的样式没有作用。...
2020-07-06 15:33:36
609
原创 gojs实现仿启信宝股权结构关系树图
话不多说，直接干货走起。对你有用的话，请赞实现效果如下图：实现代码：<!doctype html><html><head> <meta charset="utf-8"> <title>GoJS demo</title> <script src="../release/go.js"...
2020-04-30 16:36:08
1105
1
原创 在线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、...
2020-04-22 14:19:43
1737
原创 获取iframe内容的高度
iframe.onload = function(){ $("#iframe").contents().find("body").height()};不支持跨域。
2020-01-15 14:14:37
1015
原创 CSS选择器的权重和计算规则（机制）
从CSS代码存放位置看权重优先级：内嵌样式 > 内部样式表 > 外联样式表。从样式选择器看权重优先级：important > 内嵌样式 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪元素 > 继承 > 通配符。CSS权重是由四个数值决定：第一等：代表内联样式，如: style=””，权值为1000。第二等：代表ID选...
2019-12-25 09:49:05
509
原创 Linux最全最详细常用基础命令
一、系统目录结构bin (binaries)存放二进制可执行文件sbin (super user binaries)存放二进制可执行文件，只有root才能访问etc (etcetera)存放系统配置文件usr (unix shared resources)用于存放共享的系统资源home 存放用户文件的根目录root 超级用户目录dev (devices)用于存放设备文...
2019-11-28 13:59:03
111
原创 ES6箭头函数this指向
箭头函数根本没有自己的this，所以内部的this就是外层代码块的this，即指向上下文函数this。let obj = { fun:function(){ setTimeout(function(){ console.log(this); // this指向window },100); setTimeout((...
2019-11-28 11:22:04
85
原创 一句话告诉你ParseInt()、ParseFloat()和Number()的区别
ParseInt是从左开始，一个字符一个字符解析，从第一个不是数字字符截断；Number是整体转换，可将Boolean、Null、空字符串等转为数字。举例：Number("123"); //123Number(""); //0Number(true); //1Number(null); //0Number('121...
2019-11-26 13:31:43
217
原创 js es6浅克隆与深克隆(deep clone)详解与实现
let a = { age: 1}let b = aa.age = 2console.log(b.age) // 2在JavaScript中，我们了解对象类型在赋值的过程中其实是复制了地址，从而会导致改变了一方其他也都被改变的情况。通常在开发中我们不希望出现这样的问题，我们可以使用浅拷贝来解决这个情况。浅拷贝首先可以通过Object.assign来解决这个问题，很多...
2019-11-05 09:18:36
2039
原创 圣杯布局和双飞翼布局
圣杯布局和双飞翼布局都是两边固定宽度，中间宽度自适应布局。其中，中间栏放到文档流前面，保证先行渲染。解决方案大体相同，都是三栏全部float:left浮动。一、圣杯布局圣杯布局是三个div的内容都是在一个盒子里面，都添加float:left浮动，通过margin-left和position:relative的left和right属性，让左右两个div定位在盒子的padding上。<!DOCT...
2018-04-03 22:48:25
177
原创 JS面向对象设计之创建对象
一、工厂模式考虑到ECMAScript中无法创建类，开发人员发明了一种函数，用函数来封装以特定接口创建对象的细节：function createPerson(name,age,job){ var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function(...
2018-03-22 16:09:29
123
原创 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){ ...
2018-03-20 22:06:09
25130
原创 详解javascript中关键字new
javascript中new关键字详解和其他高级语言一样 javascript 中也有 new 运算符，我们知道 new 运算符是用来实例化一个类，从而在内存中分配一个实例对象。 但在 javascript 中，万物皆对象，为什么还要通过 new 来产生对象？ 本文将带你一起来探索 javascript 中 new 的奥秘...一、认识new运算符：function Animal(name){ ...
2018-03-16 22:39:46
185
原创 JS日期的加减
今天有个需求说一进入页面要查询最近三天的数据。当然我们很容易能够获取当天的日期，但是三天前的日期就有点麻烦了，比如月初的第一天，或者年初的第一天。如果自己去算的话要花费不少功夫，要考虑月份、年份、甚至2月的话还有闰年，于是查阅资料，发现js有现成的日期加减计算。JS的Date对象有四种创建方式：var d = new Date(); //直接获得当前日期var d = new Date(mill...
2018-03-15 22:49:19
5733
转载 JavaScript有5种原始类型
JavaScript有5种原始类型：Undefined、Null、Boolean、Number、String。可以用typeof运算符判断一个值是否表示一个原始类型。比如：alert(typeof 1); //输出numberJavaScript有5种原始类型：Undefined、Null、Boolean、Number、String。可以用typeof运算符判断一个值是否表示一个原始类型。比如：a
2014-10-21 22:56:41
853
原创 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
2014-10-20 22:35:48
320
转载 CSS3－渐变背景色
线性渐变背景色：.linear { width:130px; height:130px; border:2px solid black; padding: 10px; background: -webkit-gradient(linear, left top, left bottom, from(#00abeb
2014-10-15 21:04:25
375
转载 css动画效果
6 款华丽的 HTML5 动画特效及源码投递人 itwriter 发布于 2012-11-22 15:30 评论(0) 有16979人阅读 原文链接 [收藏] « » 我们可以用 HTML5 在浏览器上做出非常美妙的效果，这些动画特效大部分都可以在 canvas 上实现，这次分享几款比较有特色的 HTML5 动画特效，如水滴下落、老式卡带播放器等等。
2014-10-14 21:49:17
338
原创 css：float浮动元素
CSS float 浮动属性介绍float属性：定义元素朝哪个方向浮动。 1.页面标准文档流、浮动层、float属性1.1 文档流HTML页面的标准文档流(默认布局)是：从上到下，从左到右，遇块(块级元素)换行。1.2 浮动层浮动层：给元素的float属性赋值后，就是脱离文档流，进行左右浮动，紧贴着父元素(默认为body文本区域)的左右边框。
2014-10-13 22:10:19
421
转载 css样式属性
CSS样式属性1、字体属性(type)font-family(使用什么字体)font-style(字体的样式，是否斜体)：normal/italic/obliquefont-variant(字体大小写)：normal/small-capsfont-weight(字体的粗细)：normal/bold/bolder/lithterfont-size(字体
2014-10-12 22:04:42
294
原创 html+css关于位置布局
homework2.main{width: 599px;height: 342px;background-color: white;margin: auto;border: solid 1px black;}.div1{width: 599px;height: 4px;background-color: #D66B59;}.div2{
2014-10-12 21:59:12
365
原创 html+css的简单界面实现
homework1.main{width: 346px;height: 417px;margin: auto;background-color: white;border: solid 1px black;}.div1{width: 346px;height: 101px;background-color: #4FC0E8;border-bo
2014-10-12 21:55:13
615
转载 Mockups知识点
Mockups 是一个 手绘风格的、轻量级的 制作“界面原型”的 小软件。 - 快——它能让我以最快的速度把界面原型画出来。 - 手绘风格——用它画出来的界面是不折不扣手绘风格，很酷。手绘风格看上去有些“不正经”？不太好看？恰恰相反，在原型阶段，手绘风格可以强迫设计者和客户把注意力集中在程序的功能、布局和交互上，这样你就不会听到客户说“这个按钮的颜色我不
2014-09-28 23:05:24
392
原创 WEB前端第一课之ps
1.文件管理里的Bridge很有用，用来在PS中查看相应的PS文件，同时也可以打开。2.Ctrl+N：新建一个文件3.磁性导锁后腿用Backspace 或者 Delete4.PS放大缩小：1、可以按住键盘Ctrl 加 + -号实现放大缩小。2、按住Shift+鼠标左键进行放大，Alt+鼠标左键进行缩小。3、直接使用鼠标右键选择放大缩小。4、Al
2014-09-27 22:53:13
322
原创 函数
/*5、输入6个人的成绩放入到一个一维数组中，然后打印出平均分，最后按成绩从大到小打印。三个功能(输入是一个函数，求平均分是一个函数，排序是一个函数)都用函数实现，最后在main方法中调用。*/#include#includeint shuru(int a[6]){int i;for(i=0;i{printf("请输入%d个人的成绩：",i+1)
2014-09-24 00:09:36
260
原创 字符串数组
/*7、输入5个学生的名字（英文），使用冒泡排序按从大到小排序。提示：涉及到字符串数组，一个字符串是一个一维字符数组；一个字符串数组就是一个二维字符数组。*/#include#includevoid main(){char name[5][20]={0},a[20];int i,j=0;printf("请输入5个学生的英文名：\n");f
2014-09-21 23:21:18
564
原创 数组
/*2、在一个长度为10的整形数组中，前9个元素是{12,23,34,45,56,67,78,89,90}。现在要求输入一个整数，把它放到数组中正确的位置当中。（不能删除已有元素）*/#includevoid main(){int a[10]={12,23,34,45,56,67,78,89,90};int i,j,num,t;printf("请输入
2014-09-18 23:51:04
381
原创 循环嵌套
/* 1 1211232112343211234543211234321123211211 */ #includevoid main(){int i,j,k;// 上半部分 for(i=0;i{ k=i;for(j=0;j{ if(j{printf("%d",j+1);}el
2014-09-17 19:52:46
403
1
原创 循坏
//3、有一分数序列：2/1，3/2，5/3，8/5，13/8，21/13...求出这个数列的前20项之和。#include void main(){double fenzi,fenmu,t;double sum=0;int i;fenzi=2;fenmu=1;for(i=0;i{sum=fenzi/fenmu+sum;t=fenzi
2014-09-16 19:53:20
442
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人