自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

小蚂蚁的世界

2019 - 期待新的征程

原创 如何使用一行代码遍历二叉树累加求值?

问题背景 如何想起里这个问题的,主要是在给成员讲解数组reduce方法的时候想到的。 传给 reduce()和 reduceRight()的函数接收 4 个参数:前一个值、当前值、项的索引和数组对象。这个函数返回的任何值都会作为第一个参数自动传给下一项。第一次迭代发生在数组的第二项上,因此第一...

2020-03-23 20:47:38 96 0

原创 服务器搭建npm私服

文章同步语雀地址:https://www.yuque.com/chenzilong/mxypih/lmv38l npm 知识记录 环境准备 Nexus 3.2.1 需要JDK8,如果没有JDK,需要先到oracle官网上去下载 Nexus 下载地址:http://www.sonat...

2019-12-29 14:55:12 338 0

原创 微信公众号开发记录

近期在做微信公众号菜单跳转网页链接的一个应用,所以记录一下碰到的关键点。 开发前准备 具有网页授权的微信公众号/开发者账号 因为我们这里有准备好的微信公众号,所以没什么问题,就是公众号需要开通相关的接口。 开发环境需要的服务器和域名,域名解析到服务器,配置IP白名单 ...

2019-11-26 03:25:14 820 0

原创 CSS - 浮动

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

2019-11-06 10:09:02 365 0

原创 react refs

Refs (16.9.0) Refs提供了一种方式,允许我们访问DOM节点或在render方法中创建的React元素。 使用场景 管理焦点,文本选择或媒体播放。例如:新页面打开可以通过refs去显示的将鼠标聚焦于input输入框。 触发强制动画。这种方式还没有遇到过。 集成第三方DOM库。例...

2019-09-29 13:52:08 157 0

原创 create-react-app 支持IE(IE11/IE10/IE9)

create-react-app创建项目之后无法在IE上正常访问 修改代码支持IE11 (github地址:添加代码支持IE11) 修改package.json,index.js,然后删除node_modules,重新安装 修改代码支持IE10/IE9(github地址:添加代码...

2019-09-06 10:51:08 2678 0

原创 create-react-app引入less

1. create-react-app创建项目 2. npm run eject 暴露配置项 3. 安装less less-loader npm install less less-loader --save 4. 配置config/webpack.config.js (github地址...

2019-09-06 09:20:38 647 0

原创 编写可维护的javascript - 基本格式化

由于新公司前期比较忙,之前也没时间学习新东西,但是目前感觉代码写的还是不够规范,所以也是花时间学习如何书写规范的代码,js/css/公共代码的书写。 缩进层级:使用制表符进行缩进(制表符可以进行设置4个或者2个) 语句必须使用分号进行结尾 代码长度不超过80个字符 换行:通常会在运算符(避...

2019-05-18 23:22:25 201 0

原创 如何扩展element-ui应用项目

Github地址被我删除了,不记得这里文章有引用了,有需要的话可联系,在上传一份到github 项目中可能会遇到需要扩展已经用到的前端框架,并且想在其文档中维护项目开发中新添加的组件。这里以element-ui扩展一个之前写的日历组件,并且应用到项目中使用。 doc维护页面 先看一下添加vu...

2019-02-20 16:04:40 1005 1

原创 vue开发规范(单文件组件)

这里主要分为Vue风格指南和customer自定义风格,后续应该会继续更新。 vue风格指南   优先级A(必要的)   组件名为多个单词 export default { name: 'vue-calendar', components: { �...

2019-02-14 21:35:39 2722 0

原创 vue路由基础知识

Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。这篇文章知识将路由基础知识按照下面的图解来学习梳理。 项目注入 项目主文件  main.js注册router文件 // The Vue build versio...

2019-02-12 16:02:03 179 0

原创 手写vue日历控件过程

之前项目中有用到日历控件,当时由于时间问题,是在网上找到一个demo,然后二次开发的,从那时就想着自己写一个日历控件。这篇文章说明日历数据的处理,去除月份天数判断以及是否闰年判断。   设计(以最常用的按月份的日历) 日历其实大家都很熟悉,一切的设计都是从功能出发,这是根本。日历的功能分为两大...

2019-02-11 21:23:22 1086 0

原创 vue 生命周期

最近一直在加班,都没时间学习,真的是对于vue的知识没有多少进步,昨天还在公司加班,今天抽空学习一下生命周期吧。 生命周期基本介绍 官方文档相关介绍生命周期。 还是先举例子: <template> <div class="app...

2019-01-20 21:47:47 390 0

原创 vue日期格式处理

项目开发中,由于后台返回的数据是时间戳,所以前台需要有一哥统一处理日期。 举例:后台返回时间戳:1544942468922 Document Date.Transfer(time).Format('yyyy-MM-dd', /*optional*/ nullValueS...

2018-12-16 15:05:06 2945 0

原创 vue 组件通信

1. 父组件向子组件传值 Prop (1) props的接受方式说明 (2) prop命名问题 (3) prop的初始化处理 Prop 传值内容 2. 父/子组件主动获取子/父组件 父组件主动获取子组件 子组件主动获取父组件 3. 自定义事件 4. 非...

2018-12-16 14:34:44 180 0

原创 vue表单基础

可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 v-model 本质上不过是语...

2018-11-11 21:03:18 1392 0

原创 vue事件

之前学习到v-on指令绑定,引入了事件绑定。所以这一章学习事件相关知识。先把之前的一个例子贴出来: <template>   <div>     <input type="text" v-bind:val...

2018-11-11 13:44:23 614 0

原创 vue指令

指令 (Directives) 是带有 v- 前缀的特殊特性。指令特性的值预期是单个 JavaScript 表达式 (v-for 是例外情况,稍后我们再讨论)。指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM。   参数 一些指令能够接收一个“参数”,在指令名称之...

2018-11-10 23:41:50 195 0

原创 vue基础知识

写在开始,由于项目更换,需要用到vue + spring boot,所以这个周末又要突击一把了。其中如果有不对的地方还请指出来,毕竟是初学者。写博客当学习笔记。 vue创建 安装vue脚手架 npm install -g vue-cli 创建项目(学习以下面第一种方式创建项目) vu...

2018-11-10 18:51:02 252 0

原创 Hyperledger Fabric介绍

Hyperledger 介绍 Hyperledger Fabric是由IBM公司主导开发的一个面向企业级客户的开源项目。与比特币和以太坊这类公有链不同,Hyperledger Fabric网络中的节点必须经过授权认证后才能加入,从而避免了POW资源开销,大幅提高了交易处理效率,满足企业级应用对处...

2018-11-05 22:16:01 3094 0

原创 区块链基础

基础 1. 区块链技术名词  交易(Transaction):一次对账本的操作,导致账本状态的一次改变,如添加一条转账记录; 区块(Block):记录一段时间内发生的所有交易和状态结果等,是对当前账本状态的一次共识; 链(Chain):由区块按照发生顺序串联而成,是整个账本状态变化的日志记...

2018-10-31 23:13:30 417 0

原创 Hyperledger Fabric环境安装

安装软件 VirtualBox Vagrant 为什么采用这个方式呢? 我本地windows,以前为了安装环境重装了10了次系统才装好,还是使用虚拟机搭建ubuntu 16.04作为开发系统方便。 可以按照hyperledger fabric官网环境配置。 安装步骤 1. vagrant...

2018-10-30 22:44:18 578 1

原创 了解比特币白皮书

写在开头 因为菜鸟一只,之前只是懂点hyperledger fabric,所以对于中本聪白皮书了解的不多,也是花了时间看了一下,下面全是一些学习记录,不正之处还望指出来。 bitcoin白皮书英文 bitcoin白皮书中文   摘要 比特币是一种不需要第三方支持的点对点电子现金支付系统...

2018-10-25 00:20:00 497 0

原创 账本进化-了解区块链

前言 有快三个月没有写文章了,主要原因是个人思想问题,感觉有点彷徨。但是人可以彷徨一阵子,不能彷徨一辈子。第二个是最近两个多月在做区块链(基于hyperledger-fabric),对于这样一个东西,期间确实也碰到了许多坑,第二个也是还有许多东西还没有搞明白,所以准备重新梳理一下,第二个也是可以...

2018-10-19 00:05:38 306 0

原创 JSX须知

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

2018-07-22 18:30:56 721 0

原创 React初探

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

2018-07-22 18:18:23 467 0

原创 Angular4 - 构建以及部署

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

2018-07-07 01:00:27 1775 0

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

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

2018-07-05 21:48:44 1516 0

原创 Chart.js 堆叠柱状图添加flag

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

2018-07-04 20:55:41 1939 0

原创 CSS - flex

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

2018-06-24 19:00:01 816 0

原创 CSS - 定位

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

2018-06-19 22:51:35 1118 0

原创 CSS - less

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

2018-06-13 17:20:07 298 0

原创 CSS边框应用 - 多重边框

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

2018-06-08 14:05:43 499 0

原创 CSS边框应用 - 半透明边框

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

2018-06-07 22:35:03 6334 0

原创 CSS - 文本属性

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

2018-06-06 23:59:33 998 0

原创 CSS - 基本视觉格式化

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

2018-06-04 16:46:32 397 0

原创 JavaScript - Retry函数引起的思考

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

2018-05-31 11:01:18 1081 0

原创 CSS - 字体

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

2018-05-30 00:37:00 841 0

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

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

2018-05-29 12:11:43 428 0

原创 CSS - 样式基本关键字

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

2018-05-28 19:02:49 1631 0

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