- 博客(12)
- 收藏
- 关注
RSS订阅
原创 gulp构建工具入门及使用
1.创建一个空的文件夹，安装依赖包npm i gulp --save-dev2.npm init用来生成package.json文件3.安装可能使用到的模块：npm install gulp-imagemin --save-dev // 图片压缩模块npm install gulp-uglify --save-dev js // 压缩模块npm i...
2018-07-18 18:36:51
281
原创 webpack babel 配置
1.在webpack.config.js中配置babel： module: { rules: [ { test: /\.(js|jsx)$/, use:{ loader:'babel-loader' } ...
2018-07-18 18:16:51
812
原创 js获取当前时间和之前的时间以及之前的每一天
1、获取当前的时间：let i = new Date();let newTime = i.toLocaleDateString(); 用moment完成时间的转换let now = new Date();let date = new Date(now.getTime());let time = moment(date,'x').format('YYYY-MM-DD HH:mm:ss')...
2018-06-21 16:08:04
1560
原创 react中dangerouslySetInnerHTML使用（简洁）
在react中，通过富文本编辑器进行操作后的内容，会保留原有的标签样式，并不能正确展示。在显示时，将内容写入__html对象中即可。具体如下：<div dangerouslySetInnerHTML = {{ __html: checkMessages.details }} />如果是直接调用接口中的值，则是以上的写法，如果是单纯的显示固定的内容，用如下的写法：<div dang...
2018-06-05 16:30:47
97176
6
原创 用jQuery写新闻标题轮播图解读
1.先构造轮播图的外部框架，写一个固定的盒子，为了方便查看效果，我给这个盒子添加了外边框属性（border）。2.在index.html文件中引入jQuery文件，将写好的css样式引入。3.滚动的新闻标题的内容其实是存在于列表中，竖着排列的，只是超出大盒子的部分被隐藏了（overfloe:hidden;），为了方便看出不同的效果，此处给每一个li设置了不同的背景颜色。4.轮播图的运动是基于绝对定...
2018-03-21 11:37:53
1393
2
原创 六步快速实现代码调试（在手机上查看）
1、准备工作：电脑上装有Hbuilder软件，获取到电脑端的IP地址（附IP的获取方法：windows系统下，打开命令行(快捷键win+R)-->输入cmd并回车-->输入ipconfig/all）。2、打开Hbuilder，在头部找到开发试图，切换为边写边看模式，或者在win系统下，Ctrl+P可以直接进入边写边看模式。3、找到该模式下的设置-->设置Web服务器。4、点击we...
2018-03-04 13:56:24
6709
1
原创 用flex布局写骰子
骰子一共有6个面，先构建6个div，写上样式：.box1 { width: 200px; height: 200px; display: flex; justify-content: center; align-items: center; margin:...
2018-02-22 13:35:09
2829
2
原创 页面布局之flex布局
flex布局 flex布局也叫作弹性盒子布局，可以简便、完整、响应式的实现各种页面布局，同时也支持所有的浏览器。父级元素设置css样式为：display:flex。内容的位置用justify-content来控制，常用的属性有：space-between、space-around、center、left 、right 。(注释：类名为father的盒子中写了4个类名为son的盒子) ...
2018-02-22 08:49:00
725
原创 页面布局之grid布局
Grid布局 首先，从概念上来说这是一个网格布局，核心是网格容器（Grid Container）和网格项（Grid Item），也就是parent和children的关系。与flex布局相类似 网格系统引入了新的单位：分数fr，每一个fr单元分配一个可用空间，如果元素被设置为1fr 1fr 1fr 1fr，那么空间就会被平均分配为4份，每一个元素分别占1/4。 对...
2018-02-21 17:35:20
2152
原创 演绎手风琴效果
展现手风琴的效果，我自己写了个简单的dome。从布局到选取到结果都有详细的步骤说明以及代码呈现。附上效果展示链接：https://exploringfly.github.io/accordion/
2017-11-27 23:57:21
300
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人