摘要： 一、首先定义画布大小以及绘画区域的位置（总不能顶着屏幕边沿画吧） 代码： 图示： 二、横、纵向坐标轴 代码： 图示： 三、添加矩形个文本以及上色 图示： 阅读全文

摘要： 直接上代码了，这里的一些函数用的是之前我自己封装的函数（包括attr的obj支持和节点数量和数据数量的自动匹配），若有不明白的，可以查看之前的博客： 页面的效果如下： 接下来继续添加坐标轴： 最终： 阅读全文

摘要： 在d3操作时，当然少不了对已有节点绑定数据，那么问题就来了，节点个数和数据长度不一样的，怎么办。 d3在节点少于数据长度的时候，有enter().appen()方法实现node的增加； 在节点大于数据长度的时候，有exit().remove()实现对多余节点的删除； 但是，操作是这样的： 有没有感觉 阅读全文

摘要： 因为习惯了jquery的attr(obj)批量添加属性，所以刚开始看到d3为dom添加属性要一个一个添加的时候真的是十分想吐槽，既然想实现attr(obj)，根据传入对象的键值对批量添加dom属性，那就得改它的源码了。 因为看d3的dom是这样选择的： d3.selectAll("h1")； 那么直 阅读全文

摘要： 上篇成功在vue项目中把d3跑起来了，接下来对d3的基本操作做个汇总： 一、d3元素选择器 d3.select(".skill")：选择第一个类名为skill的元素并返回这个元素对象（实现链式语法） d3.selectAll("p")：选择所有的p标签并返回这些元素对象（实现链式语法） d3.sel 阅读全文

摘要： 个人感觉前端数据可视化是个趋势，并且现在所在公司也是有做这块的项目，虽然我目前还没有接触到公司数据可视化的项目，但是，今后总是要接触的嘛。 今天看了一下公司目前所用的两种数据可视化工具 D3和ECharts，ECharts由于是国产的，文档和demo都很全，简单看了一下，感觉很好上手，没有必要把太多 阅读全文

摘要： 找不到好的UI，搞了几天博客栏目都没有全部弄完，没有中意的版式啊。。。 对了，这个网站是基于vue 2.x的。。。 虽然未完工，还是来张照片看看呗 阅读全文

摘要： 基于前文，使用vue-cli脚手架工具构建项目，并使用了webpack，那么我在项目中遇到的一些与配置相关的问题将在这里进行汇总。 1.代码检查问题 由于我们在构建项目时，使用了Eslint对我们的项目做代码风格检查，那么不符合该风格的代码，将会发出警报，常见的就是空格的问题，如果没有按照Eslin 阅读全文

摘要： 其实之前对vue的话也有过一段时间的学习，博客园也是写了5篇vue的学习笔记。但是一直是通过CDN的方式在html文件头部引入vue.js，然后实例化vue对象绑定Dom，写组件写方法。就算是在实际项目中也是以这样的方式，没有通过自动化工具来构建vue项目的经验。 新公司的项目是基于vue开发的，用 阅读全文

摘要： 个人感觉小程序的tab样式自定义的能力有所欠缺，不够美观，于是今天自己diy了一个tab 测试的时候发现，无论是使用navigator跳转（会出现点击的效果）还是用bindtap（触摸），因为没有定义tabbar， 跳转的方式都只能是页面重定向的，导致tab页上的ABCD互相跳转的时候，每次都会重新 阅读全文

摘要： 1.模板数据的调用 一张图了解一下在wxml页调用预先定义好的模板： 可以看到上面调用了两个模板，数据调用却是不同的，obj是一个对象，对象内包含多个键值对形式的数据； tabbar是一个一维数组，每个数组项又都是一个对象； 下面具体看看这两个模板，先来看bgimg这个模板： 再来看看tabbar这 阅读全文

摘要： 今天看这个背景图片的时候，突然想到，为何不让用户自定义一些设置呢？比如背景图片、高斯模糊半径。 说干就干，页面布局，接口编写，测试，最终，效果如下： 阅读全文

摘要： 今天忙了一天，算是把这个小程序弄好了，包括小程序前端页面、接口对接、后台系统、服务器架 设、域名备案、证书安装（现在阿里云的免费证书怎么审核要这么久啊，到现在还在审核中） 先上截图： 这个背景图片的替换，我想了一下，最后还是决定只请求一次，即在程序初次启动的时候请求， 但是每个用户初次启动程序，请求 阅读全文

摘要： 有时候前端进行表单填写是分步骤的，每一步的时候其他步骤相关的表单视图不可见； 针对"不可见"，以下有两种处理方式： ①display：none 这种方式呢，比较简单，就是将三个步骤分3个div，事件触发相关视图的显示与隐藏； ②定位 这和轮播图的实现原理相同，三个步骤div作为行内块状元素，在一行排 阅读全文

摘要： 这两天对这个个人博客小程序的UI又作了一些补充，目前看来，小程序的主要功能如下： 1.博客/日常栏目的导航切换 为了避免两个模块的UI上的过于单一，我将两个模块的列表页作了区分： 边距是自适应的（针对不同机型），通过js控制，部分js如下： 首先来看看获取手机导航高度以及宽度数据的API应用： 上面 阅读全文