- 博客(8)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 在VUE中使用REM布局【结合postcss-pxtorem和amfe-flexible实现移动端适配】
在VUE中使用REM布局这里是的实现思路是① 通过postcss-pxtorem 实现将px 转成rem。② 使用 amfe-flexible 插件进行 HTML 根节点的初始化。配置完这个两个插件，我们就可以优雅的使用设计稿的px来进行开发啦。具体步骤如下：步骤：1. 安装 postcss-pxtoremnpm install postcss-pxtorem --save-dev...
2019-04-30 11:02:01
4350
2
原创 实现input[type=file]多图预览上传删除等功能
下面我们了解一下，多图上传时，怎么实现预览、上传、删除等功能。下图是功能实现的预览效果，虽然样式有点丑，不过功能还是实现了。话不多说，直接看代码会更直观一些。首先定义一下基本格式，样式代码自行脑补：<body> <div class="upload-header"> <input id="upload" type="file" accept=...
2019-04-24 00:05:40
4478
3
原创 常用git命令集合
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I...
2018-07-01 23:23:22
427
原创 react脚手架（create-react-app）中，扩展使用less/scss/sass样式预处理器
在使用creacte-react-app 脚手架搭建的项目中，并不支持less、scss、sass等样式预处理器。在项目中如果需要使用样式预处理，只需要简单的三步就可以了。使用npm安装样式预处理包（npm install less –save-dev）找到webpack.config.prod和webpack.config.dev进行依赖配置重启服务1. 下载依赖...
2018-06-24 01:36:35
5131
原创 Vue 登录模块之记住密码步骤分解
登录模块结构代码<template> <div class="user-login"> <!-- 登录页 --> <div class="user-login-form"> <h2> <span>登录</span>
2018-03-01 00:03:11
3340
原创 学会这些方法，CSS居中布局那都不是事！
居中，在网页web开发的应用场景是非常广泛的，在很多时候居中的设计会更显得美观大方，同时在UI设计中也是很常用的布局手法。所以在学习css布局中，学会居中是必不可少的功课，下面我就简单的介绍在开发中经常用到的居中方法。注： 以下方法暂不考虑IE浏览器兼容的问题。
2018-01-14 21:52:09
789
原创 Vue2.0的三种常用传值方式、父传子、子传父、非父子组件传值
Vue2.0 传值方式：在Vue的框架开发的项目过程中，经常会用到组件来管理不同的功能，有一些公共的组件会被提取出来。这时必然会产生一些疑问和需求？比如一个组件调用另一个组件作为自己的子组件，那么我们如何进行给子组件进行传值呢？如果是电商网站系统的开发，还会涉及到购物车的选项，这时候就会涉及到非父子组件传值的情况。当然你也可以用Vuex状态管理工具来实现，这部分我们后续会单独介绍。先给大家介绍Vue常见的三种传值方式
2018-01-09 23:31:13
352374
49
原创 Vue基础-自定义指令的使用
Vue的内置指令已经有很多了，比如 v-if、v-on 、v-show、v-for等等。在这些指令中，已经大部分可以满足大部分的业务需求了。不过如果要开发一些比较特殊的功能，就需要我们自己自定义一些指令来完成。举例： 如何实现打开页面时，input会自动获取焦点？(http://img.blog.youkuaiyun.com/20180107164046991?watermark
2018-01-07 17:31:22
1740
1
html2canvas.min支持移动端高清截图插件
2019-04-24
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人