小蚂蚁的世界

2018 - 毕业三年,希望可以从菜鸟成为一个真正的开发者。

排序:
默认
按更新时间
按访问量

JSX须知

XML 基本语法 定义标签时,只允许被一个标签包裹。标签一定要闭合   元素类型 DOM 元素和组件元素。React中的我们的重点是组件,对应规则是 HTML 标签首字母是否为小写字母,其中小写首字母对应 DOM 元素,而组件元素自然对应大写首字母。 JSX 还可以通过命名空间的方式使用...

2018-07-22 18:30:56

阅读数:164

评论数:0

React初探

关于React,最近想花时间去了解学习,所以记录一些自己的学习内容。所有的内容只是自己的一些想法,不对的地方希望给与指正。    1. React关注于视图层 因为之前学习过Angular,所以习惯Angualr的MVC的模式。Controller作为Model和View的中间层。接触R...

2018-07-22 18:18:23

阅读数:72

评论数:0

Angular4 - 构建以及部署

构建:编译和合并首先还是先将之前写的一个demo拿出来,https://github.com/rodchen-king/angular-blank在本地的开发是执行npm start来启动程序。这样的方式是在开发环境中进行的,在生产环境是不可以这样做的。我们开发环境中是typescript文件,我...

2018-07-07 01:00:27

阅读数:391

评论数:0

Chart.js 堆叠柱状图点击更换背景色以及加虚线边框

这篇文章本应该昨天写出来的,只是昨天但是本地demo测试的时候发现一个bug,当时差点要到Chart.js的github上添加issue了。Demo需求:在柱状体click之后,当前堆叠柱状体更换背景颜色,以及添加虚线边框。然后点击其他的堆叠柱状图或者空白区域,原先的堆叠柱状图还要更新到原先的背景...

2018-07-05 21:48:44

阅读数:301

评论数:0

Chart.js 堆叠柱状图添加flag

本文章是因为项目中之前遇到一个问题,需要在堆叠柱状图加上一个月份的flag,但是flag不能覆盖到柱状图。所以当时自己写了demo去查看相关的内容。初始想法是参照官方文档扩展chart<!DOCTYPE html> <html ...

2018-07-04 20:55:41

阅读数:235

评论数:0

CSS - flex

CSS2.1定义了四种布局方式,由一个盒与其兄弟,祖先盒的关系决定其尺寸与位置的算法。块布局:呈现文档的布局模式。行内布局:呈现文本的布局模式。表格布局:用表格呈现2D数据的布局模式。定位布局:能够直接地定位元素的布局模式,定位元素奴基本与其他元素没有任何关系。CSS3引入的flex布局,主要思想...

2018-06-24 19:00:01

阅读数:203

评论数:0

CSS - 定位

基本概念利用定位,可以准确的定义元素框相对于其正常位置,相对于父元素或者相对于浏览器的相对位置。position:static | relative | absolute | fixed static:对象遵循常规流。此时4个定位偏移属性不会被应用。relative:对象遵循常规流,并且参照自身在...

2018-06-19 22:51:35

阅读数:321

评论数:0

CSS - 浮动

CSS允许浮动任何元素,从图像到段落再到列表,所有的元素都可以浮动。在css中,这种行为使用属性float实现。float:none | left | right默认值:none适用于:所有元素none:设置对象不浮动left:设置对象浮在左边right:设置对象浮在右边浮动元素对于浮动元素,首先...

2018-06-18 17:13:40

阅读数:175

评论数:0

CSS - less

LESS 做为 CSS 的一种形式的扩展,它并没有阉割 CSS 的功能,而是在现有的 CSS 语法上,添加了很多额外的功能。我的less的测试是基于angular-cli基础学习的。首先明确,本地静态测试不了,必须依赖于服务器。npm install less@latest --save-deva...

2018-06-13 17:20:07

阅读数:159

评论数:0

CSS边框应用 - 多重边框

当背景与边框还在草案阶段时,CSS 工作组内部有过很多讨论,关于是否应该允许多重边框,就像多重背景那样。不幸的是,当时一致认为这个特性并没有足够多的使用场景,而且网页开发者还可以使用border-image 来达到相同的效果。然而工作组忽略了一点:我们通常希望在CSS 代码层面以更灵活的方式来调整...

2018-06-08 14:05:43

阅读数:200

评论数:0

CSS边框应用 - 半透明边框

相信你以前肯定尝试过 CSS 中的半透明颜色, 比如 rgba() 和 hsla()。半透明颜色是 2009 年发生的一场重大变革。 从那以后, 我们终于可以在网页设计中使用它们了, 但是为了尝鲜还需要付出额外的代价。 .parent { background-color: teal; ...

2018-06-07 22:35:03

阅读数:676

评论数:0

CSS - 文本属性

缩进文本将Web页面上一个段落的第一行缩进,这是一种最常用的文本格式化效果。text-indent:[ <length> | <percentage> ] && ...

2018-06-06 23:59:33

阅读数:240

评论数:0

CSS - 基本视觉格式化

CSS有一种基础的设计模式是盒模型,定义了Web页面中的元素是如何看作盒子来解析的。在CSS中主要有这几种盒模型:inline, inline-block,block, table, absolute position, float。每一个盒模型是由以下几个属性组合所决定的:display, po...

2018-06-04 16:46:32

阅读数:213

评论数:0

JavaScript - Retry函数引起的思考

今天领导提了一个问题,需要创建一个retry函数,目的是为了执行某一个函数,当函数执行成功则返回正确的结果,如果执行失败则需要在1000ms内执行当前函数4次直到返回正确结果,如果1000ms内还没有返回结果,则需要返回错误提示信息。 第一版拿到这个问题之后,一顿操作猛如虎,其实没有什么用。var...

2018-05-31 11:01:18

阅读数:211

评论数:0

CSS - 字体

本文学习CSS字体的相关知识。CSS 字体系列,字体风格,使用字体,中文字体,字体加粗,字体大小,字体风格,字体变形,字体拉伸和调整(了解,几乎所有的浏览器不支持),复合属性font,@font-face。

2018-05-30 00:37:00

阅读数:284

评论数:0

CSS - 值和单位应用(灵活的背景定位)

灵活的背景定位主要是为了应用之前学习值和单位引用中说的background-position,以及em。本篇文章中涉及到background-position, background-origin, calc()函数

2018-05-29 12:11:43

阅读数:216

评论数:0

CSS - 样式基本关键字

因为接下来就要开始学习具体的样式了,但是在学习样式之前,还是要将几个可能出现的样式关键字说明一下。样式关键字先看一个例子:先对下面的例子做一个简单的说明,首先可以查看文章确定下面的属性值的可继承性。下面例子中的可继承和不可继承的属性用来进行测试的,对于自定义的知识简单的将不同div展示出来。&am...

2018-05-28 19:02:49

阅读数:385

评论数:0

CSS - 值和单位

CSS的所有工作中,基础都是单位。本章介绍数值,单位,颜色的相关知识。数字cssz中有两类数字:整数和实数。这些数字主要作为其他值类型的基础。html { width: 2000px; }百分数百分数值是一个计算得出的实数。其后跟一个百分比。百分数值几乎总是相对于另一个值。可能是同一个元素...

2018-05-28 16:10:07

阅读数:305

评论数:0

CSS - 选择器优先级介绍

特殊性从CSS选择器文章中我们知道,与多种不同的方法选择元素。所以当我们使用多种规则的时候,我们必须要明确其中的优先级。但是在CSS选择器的规则中,称之为特殊性,特殊性越高,自然优先级越高。此时我们会先得到一个特殊性说明:!important 特殊性最高,详情访问重要性对于内联样式,加1000对于...

2018-05-27 15:54:10

阅读数:233

评论数:0

CSS - 选择器应用(开关式按钮)

开关式按钮与复选框的行为十分相似,可以用来切换某个选项的开关状态:启用时,它是被按下的状态;停用时,它就是浮起的状态。在语义上,开关式按钮和复选框并没有本质上的差别,因此可以放心地使用这个技巧,不用担心语义上有问题。<!DOCTYPE html> &...

2018-05-25 14:28:34

阅读数:331

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭