2018年12月21日

使用webpack从零开始搭建react项目

摘要: "webpack中文文档" webpack的安装 需要处理的文件类型 webpack常用模块 webpack dev server webpack用法 创建webpack.config.js文件 执行命令 打包html的配置 htmlWebpackPlugin 自定义html模版(title,mat 阅读全文

posted @ 2018-12-21 16:00 择哥灬仰望星空 阅读(1160) 评论(0) 推荐(0) 编辑

2018年12月13日

浮动

摘要: 浮动 浮动的本质,就是实现文字环绕效果 浮动的表现形式 元素block化 破坏性造成的紧密排列特性(去空格化) 砌砖布局的问题 容错性比较糟糕,容易出问题 这种布局需要元素固定尺寸,很难重复使用 在低版本IE下会有很多问题 浮动与流体布局 文字环绕 左右浮动,中间居中布局 文字环绕衍生 单侧固定 D 阅读全文

posted @ 2018-12-13 17:17 择哥灬仰望星空 阅读(173) 评论(0) 推荐(0) 编辑

清除浮动的方法

摘要: 清除浮动带来的影响 浮动造成父元素高度塌陷 清除浮动的方法 底部插入有 的元素 父元素BFC(IE8+)或haslayout(IE6/IE7) 清除浮动方法的差异 clear:both 1. 与外界接触 2. margin重叠 BFC/haslayout 1. 封闭结构,内部声明不会对外部造成任何影 阅读全文

posted @ 2018-12-13 16:12 择哥灬仰望星空 阅读(137) 评论(0) 推荐(0) 编辑

2018年12月12日

使用canvas给图片添加水印

摘要: css部分 html部分 js部分 阅读全文

posted @ 2018-12-12 17:01 择哥灬仰望星空 阅读(1322) 评论(0) 推荐(0) 编辑

2017年3月7日

数组去重方法

摘要: 数组去重方法 常规方法 思路 比上述的方法高效一点 思路 先将原数组进行排序 检查原数组中的第i个元素与结果数组中的最后一个元素是否相同(因为已经排序,所以重复元素会在相邻位置) 如果不相同,则将该元素存入结果数组中 这种方法会在去重之前进行排序,所以最后返回的结果也是排序之后的。如果要求不改变数组 阅读全文

posted @ 2017-03-07 19:57 择哥灬仰望星空 阅读(413) 评论(3) 推荐(0) 编辑

2016年8月10日

Gulp 方法

摘要: Gulp有5个基本方法:src、dest、task、run、watch Gulp.src() gulp模块的src方法,用于产生数据流。它的参数表示索要处理的文件,一般有以下几种形式: js/app.js:指定确切的文件名 js/*.js:某个目录所有后缀为js的文件 js/**/*.js:某个目录 阅读全文

posted @ 2016-08-10 11:35 择哥灬仰望星空 阅读(3606) 评论(0) 推荐(0) 编辑

2016年8月8日

Gulp入门指南

摘要: 安装Gulp.js Gulp是给予Node.js的,故首先安装Node.js[1],完成之后执行下面的命令安装Gulp: npm install -g gulp //-g (global)执行全局安装gulp,这样在任何地方都可以进行 gulp 操作 安装完成之后,需要在我们的项目中使用,需要命令行 阅读全文

posted @ 2016-08-08 10:48 择哥灬仰望星空 阅读(474) 评论(0) 推荐(0) 编辑

2016年6月6日

省市联动效果

摘要: 下拉框二级联动效果在日常应用场景中经常会碰到,尤其是涉及地区、品种等有多级选项时。例如:常见的省市联动下拉框,在选择省份时,城市列表也会更随改变。 思路: 1,所谓联动效果,是指出发父级的数据变化时,会影响到关联性子级数据元素的变化。 下面是造的省市的数据: var linkDatas = { pr 阅读全文

posted @ 2016-06-06 08:56 择哥灬仰望星空 阅读(1147) 评论(0) 推荐(0) 编辑

2016年5月31日

复选框全选、取消全选、反选操作

摘要: 越来越多的人有了选择恐惧症,”治疗“的最好方式就是全选或全部不选。常用的邮箱每页可以显示20封邮件,如果要删除全部邮件,一个一个的选择然后删除有点太繁琐了。为了减低操作成本,提升用户体验,所有邮箱提供了一个全选的功能。 本例要实现三个简单的操作: 全选、取消全选、反选 思路: 通过控制复选框的属性c 阅读全文

posted @ 2016-05-31 08:59 择哥灬仰望星空 阅读(6717) 评论(0) 推荐(0) 编辑

2016年5月30日

限制复选框最多选择项

摘要: 在一个招聘网站中,通过限制用户选择职位标签个数,可以精确定位用户的职位。例如,以复选框的形式为用户提供一下备选职位标签,限制用户最多选择3个,当超过三个时禁止用户继续选择。 复选框在问卷调查,招聘网站用的很广,今天来介绍一下限制复选框最多选择几项的方法: 思路: 监听复选框的onclick事件 监听 阅读全文

posted @ 2016-05-30 08:34 择哥灬仰望星空 阅读(2124) 评论(0) 推荐(0) 编辑

导航