- 博客(20)
- 收藏
- 关注
RSS订阅原创 react 实现展示公司层级，选择人员的功能
前言：不知不觉又过去了不少时间了，这段时间写了不少复杂的组件，也帮同事出一些复杂组件的技术方案，都没什么时间累计了，现在回想一下，其实复杂与否不在代码量，而是一些我们的思考方式，或者我们对这一块逻辑做的处理方式是否得当，处理的比较得当的话整个流程调理会很清晰，连贯性会比较好，虽然也复杂，但是找问题，debugger的时候都会变得事半功倍。 今天分享一个这两天写的一个组...
2019-09-10 18:21:26
1032
原创 Array es6/7相关知识的记录
前言：一般比较少写前言，不知道为啥，今天想写一次，今天特想写点博客，但是又不知道从何写起，想了想觉得可以把一些平时经常用的东西归纳总结一下，想到前几天看到的Array的相关东西，觉得Array拓展出来的方法和属性越来越广了，es6/7的流行，越来越多的属性拓展和语法糖可以简化我们的代码，增加我们代码的可阅读性和可拓展新。如果有任何批量欢迎指出来，我会立刻修复和拓充。 A...
2019-08-15 19:28:48
124
1
原创 随笔一记（版本号排序）
记录一些可能会用到的常见的方法总结，今天记录的是版本号排序。function compareVersion(a, b) { const aList = a.split('.'); const bList = b.split('.'); const al = aList.length; const bl = bList.length; ...
2019-06-27 20:32:10
692
原创 百分比和小数之间转换--前端数字运算精度
function percentToValue(value) { value = value + ''; const pointIndex = value.indexOf('.'); if (pointIndex === -1) return (value - 0) / 100; const powIndex = value.length - pointIndex...
2019-05-15 18:27:54
2545
3
原创 基于react 自定义播放音乐界面
播放音频在前端应该是一个经常会遇到的需求，由于现在需求的多样性会导致h5提供的audio元素原生功能不能满足现有的需求，所以有时候会需要我们自己自定义一个能满足更多功能的组件。这也是我写这个组件的初衷。 这个组件是基于audio去写的，利用audio本身自带的属性和方法去做一个拓展。export default class ListenAudio extends...
2019-05-15 18:22:44
1708
1
原创 antd基于Form的自定义Input组件写法
好久没写博客了，以前一直写vue，18年最后一个季度又开始经常写react，这次写一个基于antd form组件的自定义Input组件，写一个最简单的，让刚接触antd的小伙伴们能快速的了解基于form组件的自定义Input组件该如何入手。import React, { PureComponent } from 'react';import { Input, Icon } f...
2019-01-02 15:49:23
3384
原创 基于better-scroll的vue datePicker组件
好久没写博客了，甚是想念，也不知道写个啥比较好，一直很无脑的忙公司的项目，不知不觉都快一年没写新博客了，真是惭愧，上次写公司项目的时候使用的mint-ui这个UI组件，使用的过程中出现了一个很奇怪的问题，在微信端打开的时候是正常的，但是在浏览器里打开的时候picker里就不显示数据了，没法选择，不过只是部分的手机，比如iphone7，后来排错的时候发现mint-ui的官网，发现官网...
2018-06-23 14:32:34
1681
3
原创 Vue学习之路
说句老实话，我也不知道写点啥，只是突然发现好久好久没写了，就来想想写点啥，发现最近一直在折腾vue，也不算什么新技术了，上次出去，别人跟我说现在去面试的人都说自己会vue，烂大街了要，其实想想还真是，毕竟简单易学，入门分分钟，很多不会前端的也在学这个框架。我也不知道写个啥，最近写了一个小的组件demo，关于时间选择的，但是还灭写完，也写了一个点餐系统里的添加某一个菜的数量的组件。还写了不少公用插件
2017-05-12 17:41:37
455
原创 一个很好玩的效果，可以作为很多特效使用
前几天在群里的看到一个朋友再发这个需求，就问一了一下我怎么弄，刚拿到这个粗略的考虑了一下，觉得需要角度，位置信息很麻烦，写起来需要不少时间，后来去网上查了一下Math的所有函数，希望能找到一个好的解决方案，还真找到了一个方案。下面是html代码： v 你没看错，DOM元素就是这么少。。。下面是css*{ margin: 0; p
2016-09-09 14:26:06
1987
1
原创 图片精灵sprite动画插件
好久好久没有写博客了，最近写了俩个小插件，这是其中一个。我想大家在玩游戏的时候会看到人物走动，这些不管在3d还是2d游戏都会有这些动画，这些动画都有一个小单元一个小单元拼凑吹来的，这个小单元就是精灵，用js或者一些游戏引擎或者是用一些制作游戏的工具不如unity3D会有自带动画制作工具，都可以实现，这里主要由js来实现这一点，毕竟我只是个小前端~首先我们需要知道UI给到我们的图片是什么样子
2016-08-29 12:05:03
1645
原创 react三级选择联级响应
这个组件是对react技术的一个部分技术的综合运用，运用的是react技术和webpack打包。完成了一个省市区的三级联级响应的组件，如果称得上组件的话~
2016-05-18 18:02:47
5872
原创 拖拽效果
这是用原生js写的拖拽效果，考虑到H5里的拖拽有兼容性的限制，所以自己写了一款兼容性比较好的前端拖拽和放置，有兴趣的小伙伴可以点开进行详细的了解。
2016-04-26 14:49:06
467
原创 自定义滑动选取价格
最近换工作，就很少来更新博客了。跑去面试，给面试官看我的个人的一些作品的时候，面试官会本能的觉得这些网上都已经有成品了，你再自己写一份，会不会是参照的网上的方法照搬过来然后说是自己的。。。其实这个是挺可笑的，虽然网上的是有比较成熟的方法，但是这些和自己独立开发出来完全是两个不一样的效果，不过最近面试了一些以后也慢慢知道自己需要对哪些知识进行补充，进行深入和拓展，也算一个不晓得收获吧。前几天新公
2015-12-08 20:04:04
657
原创 五子棋--小游戏
今天更新的第二篇博客，是最近没事的时候写的一个小游戏-----五子棋，用canvas和js写的一个，大家可能觉得，一个破五子棋，网上的逻辑一大堆，各种判断都有，这些我写完以后也去看了，才知道网上早就有人开发了一个比我这个方法好的逻辑，但是我的正方法我个人觉得比较喜欢，所以分享出来给大家看看。之所以用canvas做这个游戏，考虑到现在玩游戏的时候基本都是比较新型的浏览器或者手机，一般对canva
2015-09-01 14:27:13
637
原创 改进的日期插件
好久没来博客里更新了，最近发生了太多事要去处理，一直没时间来更新博客，如果您持续关注却没看到更新，抱歉，让您久等了，今天一次性更新两篇，先说说这一篇，几个月以前写过一款日期插件，当时写完觉得很牛，这么难的都写出来了，现在觉得也就那样，静下心来谁都能写出来，于是在闲余时间自己重新写了一款日期插件。 我先介绍一下这个日期插件，这次写的时候考虑到性能问题，我让日期的DOM元素只加载一次
2015-09-01 14:11:57
611
原创 随机点变动
好久没来写博客了，最近被公司的一个傻逼部门拖着了，一直忙到现在，今天才把他们的第二版做好，唉。。。郁闷的不行，算了，不讲废话了。开始进入正题吧。这个组件是在canvas上的各个点连成线，然后随机变动，当长度达到一个值的时候线就会断掉。// JavaScript Documentfunction main(option){ this.count=option.count; this.p
2015-05-22 20:45:09
595
原创 自己制作的一款日期插件
一直在考虑制作一款日期插件，以前一直没时间，也觉得自己肯定完不成这个插件的，最近一段时间事儿不是狠多，就留给了自己足够的时间去开发这一款插件，开发过程中你就会发现其实真的特么的很简单，有些看起来很难很不好下手的东西，其实真正制作起来就会觉得很简单了为了便于管理我将整个css代码分成了三份不同的文件，以便于以后的维护，虽然这个项目不用这么麻烦，可能是习惯问题吧。废话不多说了，先看看html代码吧
2015-04-15 12:54:23
1748
3
原创 HTML5 canvas制作简单的黑板特效
最近一直在做关于H5 canvas的一些demo，正好碰到有人在讨论高中时候的学生时代，就想做一个那时候看的最多的东西----黑板。 这个效果其实很简单，应该是canvas入门都会做得东西，但是还是比较好玩的，废话不多说了，开始贴代码以及讲解过程。无标题文档 *{ margin:0; padding:0;} #myID{border:none;posi
2015-04-09 16:49:00
2146
1
原创 jq实现相册的改进，由重叠到打开
一直很喜欢各种相册展开的例子，但是一直没有时间自己去写一个，这段时间刚好把工作做的差不多了，就写了一个比较简单的例子，希望和大家有个好的交流。 写的不好希望大家能多多提出自己的建议，我会及时作出修改以及回应大家的。 var states=false; var funev; var position={"pos": [
2015-03-26 10:23:02
582
原创 jq实现鼠标滚动的时候上下翻页，动画在翻页的时候才会执行
以前一直想自己写几篇属于自己博客，但是由于工作原因以及一些生活的上的因素，导致一直都没能如愿，今天加班，正好事儿还没过来，真好留了时间给我写一篇博客。 在上一家公司的时候，主要从事的是移动端的开发，由于基于移动端有了相对来说很成熟的翻页框架，所以基本上很少会自己写一些翻页的效果，以及翻页的动画效果，之前的公司的模式更像是外包模式，很忙，也基本没有时间去自己研究那些框架的搭建和基层
2015-03-21 09:49:21
6843
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人