随笔分类 -  Tool

在vue中使用css预编辑器
摘要：vue中使用less 安装less依赖，npm install less less-loader --save vue中使用sass npm install --save-dev sass-loader //sass-loader依赖于node-sass npm install --save-dev 阅读全文
posted @ 2019-06-13 11:05 对方屌丝正在输入中
多个SVG图形集成到一个SVG图形上
摘要：SVG：使用XML格式定义图像的可缩放矢量图形(Scalable Vector Graphics)。 优点就不多说了，下面看看怎么将多个svg图形集成到一个svg图形上。 如果使用bootstrap框架来开发前端页面的话，会发现字体图标glyphicon很好用，可以用<span class="gly 阅读全文
posted @ 2019-06-12 14:54 对方屌丝正在输入中 阅读(2806) 评论(0) 推荐(0)
前端开发，最新技术栈总结
摘要：1. 基础前端开发者 1.1 HTML & CSS 最基础的知识: 语义化的HTML元素 基础的CSS语法 Flexbox & Grid CSS变量 浏览器开发者工具 1.2 响应式布局 响应式设计将不再是网页的加分项, 而是必须的 设置viewport 非固定宽度 媒体查询 使用 rem 替代 p 阅读全文
posted @ 2019-06-12 11:51 对方屌丝正在输入中
Vue、webpack中默认的config.js、index.js 配置详情
摘要：在vue.js 框架搭建好后，其vue-cli 自动构建的目录里面相关环境变量及其基本变量配置，如下代码所示： module.exports = { build: { index: path.resolve(__dirname, '../dist/index.html'), assetsRoot: 阅读全文
posted @ 2019-05-16 14:28 对方屌丝正在输入中 阅读(2216) 评论(1) 推荐(1)
vue mint ui 手册文档
摘要：npm 安装 推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。 npm i mint-ui -S CDN 目前可以通过 unpkg.com/mint-ui 获取到最新版本的资源，在页面上引入 js 和 css 文件即可开始使用。 <!-- 引入样式 --><linkre 阅读全文
posted @ 2019-05-16 14:27 对方屌丝正在输入中 阅读(2007) 评论(0) 推荐(0)
swiper 逆向轮播
摘要：在调用swiper的div上加dir="rtl"就行了，例子见下面链接 http://www.swiper.com.cn/demo/26-rtl.html <div class="swiper-container" dir="rtl"> 阅读全文
posted @ 2019-04-26 13:31 对方屌丝正在输入中 阅读(960) 评论(0) 推荐(0)
fullPage.js学习笔记
摘要：参考网址：http://www.dowebok.com/77.html 上面有详细介绍及案例展示，很不错哦，可以先去看看demo 一、简介 fullPage.js 是一个基于jQuery的插件，它能够很方便、很轻松的制作出全屏网站，主要功能有： 1.支持鼠标滚动 2.多个回调函数 3.支持手机、平板 阅读全文
posted @ 2019-04-19 10:58 对方屌丝正在输入中 阅读(157) 评论(0) 推荐(0)
jQuery时间轴插件timeline.js
摘要：http://www.jq22.com/jquery-info13695 http://www.jq22.com/jquery-info13357 简要教程 timeline.js是一款jQuery时间轴幻灯片插件。通过timeline.js插件，你可以很容易的制作出水平或垂直时间轴效果，并可以像幻 阅读全文
posted @ 2019-04-11 16:41 对方屌丝正在输入中 阅读(4872) 评论(0) 推荐(0)
JQuery插件：ScrollTo平滑滚动到页面指定位置
摘要：1、准备jQuery库和scrollTo.js插件。 2、HTML 3、css 4、使用scrollTo.js插件 当点击导航按钮时，触发scrollTo方法，$.scrollTo带有两个参数，第一个是指定要滚动的目的ID，第二个参数是滚动时间间隔，以毫秒为单 位。 阅读全文
posted @ 2019-04-11 16:14 对方屌丝正在输入中 阅读(4030) 评论(0) 推荐(0)
Font Awesome,一套绝佳的图标字体库和CSS框架
摘要：http://fontawesome.dashgame.com/ http://www.runoob.com/font-awesome/fontawesome-tutorial.html Font Awesome 是一套绝佳的图标字体库和CSS框架。 Font Awesome 字体为您提供可缩放矢量 阅读全文
posted @ 2019-04-11 16:08 对方屌丝正在输入中 阅读(316) 评论(0) 推荐(0)
WOW.js – 让页面滚动更有趣
摘要：官网：http://mynameismatthieu.com/WOW/ 建议去官网一看 下载地址：https://github.com/matthieua/WOW 浏览器兼容 IE10+ Chrome Firefox Opera Safari IE6、IE7 等老旧浏览器不支持 CSS3 动画，所以 阅读全文
posted @ 2019-04-11 15:45 对方屌丝正在输入中 阅读(349) 评论(0) 推荐(0)
Git客户端(TortoiseGit)基本使用详解
摘要：1、 环境安装 Git最新版下载地址：https://gitforwindows.org/ TortoiseGit，Git客户端，32/64位最新版及对应的语言包下载地址：https://tortoisegit.org/download/ 安装的方法，一直下一步就行，具体做法省略。 2、 配置 1. 阅读全文
posted @ 2019-04-11 10:42 对方屌丝正在输入中 阅读(592) 评论(0) 推荐(0)
CSS——LESS
摘要：https://www.w3cplus.com/css/less 阅读全文
posted @ 2018-12-19 10:48 对方屌丝正在输入中 阅读(144) 评论(0) 推荐(0)
三十分钟学会 Less
摘要：每一门技术的出现都是为了解决现存的问题，同样的，Less 的出现是为了解决 CSS 中过于呆板的写法。Less 官方文档 中对 Less 的使用有详细的介绍，总结一下为：Less = 变量 + 混合 + 函数。如果你对 js 和 css 有所了解，那么就可以很快的掌握并在你的项目中使用 Less。 阅读全文
posted @ 2018-12-19 10:07 对方屌丝正在输入中 阅读(375) 评论(0) 推荐(0)
sublime的Vue语法高亮插件安装
摘要：1.准备语法高亮插件vue-syntax-highlight。 下载地址： https://github.com/vuejs/vue-syntax-highlight 下载页面并下载： 解开压缩包vue-syntax-highlight-master，其内所有文件备用。 2.将vue-syntax- 阅读全文
posted @ 2018-12-11 09:44 对方屌丝正在输入中 阅读(242) 评论(0) 推荐(0)
【原】npm 常用命令详解
摘要：今年上半年在学习gulp的使用，对npm的掌握是必不可少的，经常到npm官网查询文档让我感到不爽，还不如整理了一些常用的命令到自己博客上，于是根据自己的理解简单翻译过来，终于有点输出，想学习npm这块的朋友不可错过这些基础命令，新手出品，对本文有疑惑之处还请同学们不耻下问。很久没有写文章啦，后续也希 阅读全文
posted @ 2017-06-12 14:56 对方屌丝正在输入中 阅读(505) 评论(0) 推荐(0)
入门Webpack
摘要：http://www.jianshu.com/p/42e11515c10f# http://www.runoob.com/w3cnote/webpack-tutorial.html 阅读全文
posted @ 2017-06-12 14:38 对方屌丝正在输入中 阅读(162) 评论(0) 推荐(0)
实用的sublime插件集合 – sublime推荐必备插件
摘要：Package Control 功能：安装包管理 简介：sublime插件控制台，提供添加、删除、禁用、查找插件等功能 使用：https://sublime.wbond.net/installation 安装方法： ST2： 1 import urllib2,os; pf='Package Cont 阅读全文
posted @ 2017-05-05 10:11 对方屌丝正在输入中 阅读(518) 评论(0) 推荐(0)