Shapeying - 博客园
摘要: 上一篇 总结了模版驱动表单的基本用法,示例中的校验使用的是原生HTML5的校验方式,本文补上自定义校验的部分。 HTML5原生的表单校验属性(必填,长度限制,取值间隔,正则表达式等等)可以满足普通的校验需求,但是有些场景必须用到自定义校验,比如注册时的密码确认,有比对关系的时间/数值选择, 需要到请阅读全文
posted @ 2018-05-16 20:51 Shapeying 阅读(119) 评论(0) 编辑
摘要: 表单的重要性就不多说了,Angular支持表单的双向数据绑定,校验,状态管理等,总结下。 获取用户输入 假如有以上简单表单,先不论优劣,有哪些方式可以获取到表单数据呢? 先看两种简单粗暴的 1)事件$event的方式 在监听事件的时候,将整个事件载荷 $event 传递到事件处理函数,它会携带触发元阅读全文
posted @ 2018-05-05 01:22 Shapeying 阅读(237) 评论(0) 编辑
摘要: 问题 使用cacl()动态计算元素的高度,运算中包含一个scss变量。如下: 在浏览器中发现并没有达到预期效果,scss变量没有被解析。如下: 解决 使用scss的插值语句 #{} 就在浏览器中正常解析了阅读全文
posted @ 2018-05-03 16:13 Shapeying 阅读(11) 评论(0) 编辑
摘要: 前言 之前是用Vue的,现在由于工作原因,开始使用Angular。分别是Vue2和Angular5入的坑。只是从使用上来对比总结,加深记忆,避免混淆。 什么 ? 你问实现原理的异同及优劣? 本宝宝还在努力学习中,也许有生之年你可以看到分析贴。 不管用什么框架,创建项目都是第一步。发展到现在,Angu阅读全文
posted @ 2018-04-24 09:03 Shapeying 阅读(1350) 评论(5) 编辑
摘要: 问题 在使用echart去创建图表时,发现图表只占了容器的一个角落,如图,并没有充满容器。 第一反应是容器元素的样式有问题,于是我把容器的宽高都改为px指定的(之前是百分比设定的,查询资料发现说echart容器宽高要明确指定),修改之后,还是和上面一样的展示,依旧有问题。 定位 于是我想是不是渲染图阅读全文
posted @ 2018-04-15 11:49 Shapeying 阅读(159) 评论(0) 编辑
摘要: 遇到一个场景,需要拿到指定时间范围内的每一天,满足格式"YYYYMMDD",简单的功能,简单的思路 准备 date对象有很多的方法,用到了以下: new date ()生成date对象,可以直接指定年月日等,new date(year,month,day) getFullYear() 返回date对阅读全文
posted @ 2018-03-19 12:16 Shapeying 阅读(72) 评论(0) 编辑
摘要: git进行管理时,.gitignore是必不可少的,可以指定不需要提交到仓库的资源。最好在git init之后就创建 .gitignore文件,这是个好习惯,常用的配置及说明如下:阅读全文
posted @ 2018-03-05 11:09 Shapeying 阅读(28) 评论(0) 编辑
摘要: 前言 早就听过爬虫,这几天开始学习nodejs,写了个爬虫 demo ,爬取 博客园首页的文章标题、用户名、阅读数、推荐数和用户头像,现做个小总结。 使用到这几个点: 1、node的核心模块-- 文件系统 2、用于http请求的第三方模块 -- superagent 3、用于解析DOM的第三方模块 阅读全文
posted @ 2018-03-05 00:29 Shapeying 阅读(326) 评论(0) 编辑
摘要: 目标 减少资源加载可以明显的优化页面加载的速度,所以可以减少页面载入时立即下载的图片的数量,以提高页面加载速度,其他的图片在需要的时候再进行加载。 思路 想要实现以上的目标,有几个地方需要思考。 1、如何判断哪些图片需要立即加载,哪些可以晚些再加载? 2、如何控制图片在指定的时候加载? 对于第一个问阅读全文
posted @ 2018-01-05 17:12 Shapeying 阅读(421) 评论(0) 编辑
摘要: 一般元素在页面所占的空间包括:magin border padding content。以前一直以为子元素设置百分比宽高都是以父元素的content值为基准计算的。但是当子元素的position不同时,却是不同的结果。 demo 用如下小demo测试: 效果如下: 子元素以父元素的content宽度阅读全文
posted @ 2017-12-07 21:13 Shapeying 阅读(278) 评论(0) 编辑