自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(35)
  • 收藏
  • 关注

转载 用VUE,OSS文件(名字+时间戳)下载的时候怎么重定义文件名

转载自:https://blog.csdn.net/yytasty/article/details/99974685问题描述:用VUE,OSS文件(名字+时间戳)下载的时候怎么重定义文件名解决方案:downLoadFile (url, name) { // 下载文件 download(url, name) // OSS可下载的文件url,你想要改的名字 function getBlob (url, cb) { // 获取文件流 var xhr = new XMLHttpR

2021-01-28 15:35:21 780 1

原创 vue编译打包本地查看index文件

vue编译打包本地查看index文件/build/config/index.js assetsPublicPath: ‘./’(编译出来可以本地查看,‘/’没有点的就直接发布到线上)

2017-09-19 15:04:43 2567

转载 Emmet:一个Html/Css快速编辑神器的插件

快速编写HTML初始化html:5 或!:用于HTML5文档类型html:xt:用于XHTML过渡文档类型html:4s:用于HTML4严格文档类型 添加类、id、文本和属性p#foo:<p id="foo"></p>p.bar#foo:<p class="bar" id="foo"></p>h1{foo}:<h1>foo</h1>a[href=#]:<a href="#"></a>

2017-07-20 16:37:31 697 1

原创 Gitlab配置SSH连接

检查是否已经有SSH Key。$cd ~/.ssh生成一个新的SSH。$ssh-keygen -t rsa -C "email"之后直接回车,不用填写东西。之后会让你输入密码(可以不输入密码,直接为空,这样更新代码不用每次输入 id_rsa 密码了)。然后就生成一个目录.ssh ,里面有两个文件:id_rsa , id_rsa.pub(id_rsa中保存的是私钥,id_rsa.pub中保存的是

2017-07-20 09:46:42 22839 2

转载 19个JavaScript编码小技巧

三元操作符如果使用if...else语句,那么这是一个很好节省代码的方式。Longhand:const x = 20;let big;if (x > 10) { big = true;} else { big = false;}Shorthand:const big = x > 10 ? true : false;你还可以像下面

2017-06-21 15:34:26 446 1

转载 VSCode快捷键

连续选择多处,然后一起修改:Alt+Click / Ctrl+Alt+Down or Ctrl+Alt+Up 选中下一个匹配:Ctrl+D 同时选中所有匹配:Ctrl+Shift+L 收缩/扩张选择:Shift+Alt+Left / Shift+Alt+Right 列(箱)的选择:Shift+Alt 当前文件的查找:Ctrl+F 当前文件的替换:Ctrl+H 整文件夹搜索文件:Ctrl

2017-06-13 17:59:22 1891

转载 JavaScript 的函数

函数就是一组执行某些动作的一堆程序语句。一个函数可能有一些输入参数(在方法体内使用)并且执行完成之后返回一个值。函数在JavaScript里面是对象,JavaScript里面几乎所有的东西都是对象。作为一个对象,JavaScript的函数拥有属性和其他的函数(也就是方法)。让我们来看一个Javascript中典型的函数定义。

2016-10-16 11:56:04 294

转载 关于css样式总结

表单样式表移除input=number的上下箭头在chrome下:input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{ -webkit-appearance: none !important; margin: 0; }Firefox下:input[type="number"]{-moz-appeara

2016-10-08 15:34:04 517

转载 TortoiseSVN 右键基础操作

1. SVN检出(SVN Checkout)在文件夹或者目录下单击右键 –> 选择SVN检出,如下图所示  点击后,在弹开窗口的版本库url框中输入版本库的目录地址,然后点击确定,如下图在弹出的对话框中输入用户名和密码,验证成功后,项目文件开始从远程服务器下载到本地工作目录中。点击ok按钮后,即可获取完成 2.  增加(A

2016-10-08 11:14:31 7011 1

转载 display:flex浏览器兼容

display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */display: -moz-box; /* Firefox 17- */display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */display: -moz-fl

2016-09-27 11:55:00 9204

转载 多重数组嵌套转换为json格式

var arr=[ [123,123,123], [222,222,222], [555,555,555]]for(i in arr){ arr[i] = {name0:arr[i][0], name1:arr[i][1],name2:arr[i][2]...}; r = {data:arr};}console.log(JSON.stringify(r)

2016-09-21 10:16:30 1396

转载 javascript阻止scroll事件多次执行的思路及实现

//测试代码 window.onscroll = function(){ alert("haha"); } 鼠标滑动之后一直点击提示框才可以,我想要的是鼠标滑动后只执行一次事件。 既然scroll事件是一个连续触发事件,那我设置一个延迟器,在用户滑动鼠标的时间后执行该函数 ,就可以只执行一次啦 。 //测试代码: function haha(){ alert("haha")

2016-08-31 11:27:09 6487

转载 模块,AMD,require笔记

模块 模块就是实现特定功能的一组方法。一、原始写法只要把不同的函数(以及记录状态的变量)简单地放在一起,就算是一个模块。  function m1(){    //...  }  function m2(){    //...  }上面的函数m1()和m2(),组成一个模块。使用的时候,直接调用就行了。 这种做法的缺点很明显:”污染”了全局变量,无法保证不与其他模块发生变量名

2016-08-25 17:11:51 437

转载 jQuery中$.get、$.post、$.getJSON和$.ajax的用法

1、$.get$.get()方法使用GET方式来进行异步请求,它的语法结构为:$.get( url [, data] [, callback] )解释一下这个函数的各个参数:url:string类型,ajax请求的地址。data:可选参数,object类型,发送至服务器的key/value数据会作为QueryString附加到请求URL中。callback:可选参数,fu

2016-08-25 14:05:41 250

转载 事件委托

委托(代理)事件是那些被绑定到父级元素的事件,但是只有当满足一定匹配条件时才会被挪。这是靠事件的冒泡机制来实现的,优点是:(1)可以大量节省内存占用,减少事件注册,比如在table上代理所有td的click事件就非常棒 (2)可以实现当新增子对象时无需再次对其绑定事件,对于动态内容部分尤为合适缺点是:事件代理的应用常用应该仅限于上述需求下,如果把所有事件都用代理就可能会出现事件误判,即本不应用触发

2016-07-16 21:00:35 670

转载 大部分人都会做错的经典JS闭包面试题

大部分人都会做错的经典JS闭包面试题先看题目代码:function fun(n,o) { console.log(o) return { fun:function(m){ return fun(m,n); } };}var a = fun(0); a.fun(1); a.fun(2); a.fun(3);//undefin

2016-07-16 10:40:28 391

转载 HTML 代码复用——gulp-file-include

gulp-file-include

2015-12-19 15:46:36 6933 1

转载 前端构建工具gulp安装(整理补充)

第1步:安装Node首先,最基本也最重要的是,我们需要搭建node环境。访问 nodejs.org,然后点击大大的绿色的 install 按钮,下载完成后直接运行程序,就一切准备就绪。npm会随着安装包一起安装,稍后会用到它。为了确保Node已经正确安装,我们执行几个简单的命令。node -vnpm -v如果这两行命令没有得到返回,可能node就没有安装正确,进行重装。第2步:安装gulp首先我们

2015-12-19 14:43:02 3298

转载 SVG——line,curve

直线指令这里有五种不同的直线指令,你可以使用它们来创建路径。moveto(M 或 m):移动到新的位置lineto(L 或 l):从当前坐标画一条直线到一个新坐标horizontal lineto(H 或 h):画一条水平线到新坐标vertical lineto(V 或 v):画一条垂直线到新坐标closepath(Z 或 z):关闭当前路径*指令字母大写表示坐标位置是绝对位置,指令字

2015-10-08 16:24:26 1004

转载 SVG小记——transform属性,建立新视窗

transform属性值有效地SVG变换有:旋转rotate, 缩放scale, 移动translate, 和倾斜skew。 坐标系变化transform属性被定义成两个在被添加的元素上建立新用户空间(当前坐标系)之一-viewBox属性是创建新用户空间的两个属性中的另一个。 HTML和SVG的变换的不同是坐标系。 HTML元素的坐标系建立在元素自身之上。而SVG元素的坐标系最初是当前坐标

2015-10-08 11:11:07 713

转载 SVG小记——viewport,viewBox,preserveAspectRatio

viewport ——表示SVG可见区域的大小<svg width="500" height="300"></svg>在<svg>元素中通过设置其width和height属性来控制SVG的viewport大小。SVG中超出视窗边界的区域会被裁切并且隐藏。 其中width和hegiht的属性值可以直接是一个简单的数字,也可以指定具体的单位。如果没有指定单位,那么将会认其为“像素px”为单位。 S

2015-09-30 11:59:34 828

转载 如何更专业的使用Chrome开发者工具

快速编辑HTML元素试一试:选择"Elements"面板选择"Elements"面板内的一个DOM元素双击你需要打开的DOM元素标签,你就可以编辑它当你完成之后会自动更新和关闭标签到指定的行数你可以在“Sources”面板中选择指定的文件中使用“:行数:列数”的功能。试试快捷键CMD + O。展开所有子节点

2015-09-29 16:04:09 686

转载 SVG小记——SVG Sprites

<!doctype html><html lang="en"> <head> <meta charset="utf-8" /> <title>David Darnes - Web Designer & Front-end Developer</title> <style> .icon { max-width: 40

2015-09-16 15:57:08 394

转载 SVG小记——入门,clipPath

SVG是可缩放矢量图形 SVG用来定义用于网络的基于矢量的图形 SVG使用XML格式定义图形 SVG图像在放大或缩小(改变尺寸)的情况下,其图形质量不会受受损失 SVG是W3C的一个标准 使用SVG的优势在于:SVG可被非常多的工具读取和修改(比如记事本)SVG与JPEG和GIF图像比起来,尺寸更小,且可压缩性更强。SVG是可伸缩的SVG图像可在任何的分辨率下被高质量地打印SVG

2015-09-14 13:40:46 2300

转载 18个你可能不相信是用CSS制作出来的东西

与流行的看法相反,CSS不仅仅是用来提供一个WEB页面的基本风格,以使它看起来更有吸引力。还有很多其他的事情,CSS也可以做的很好。由于它创建动画和交互的能力,CSS集合HTML以及JavaScript给WEB开发者提供了尝试不同方法的机会。浏览器就像一个空的画布,WEB开发者可以在这里尽情的发挥。下面是18个人们用CSS创建的又酷又有创造性的东西的例子,从原始字符到有趣的动画,有很多激励

2015-09-11 10:31:42 422

转载 用grunt搭建自动化的web前端开发环境

1. 前言  各位web前端开发人员,如果你现在还不知道grunt或者听说过、但是不会熟练使用grunt,那你就真的真的真的out了(三个“真的”重复,表示重点)。至于grunt的作用,这里不详细说了,总之你如果做web前端开发,你一定要用grunt。还有一点,它完全免费,没有盗版。既强大又免费的东西,为何不用?  当然了,你如果你能找到更好的替代grunt的其他工具也是可以的,例

2015-09-08 12:09:11 400

转载 解决iscroll的超链接问题(针对iscroll4)

在iscroll4的滚动容器范围内,点击input框、select等表单元素时没有响应这个问题原因在于iscroll需要一直监听用户的touch操作,以便灵敏的做出对应效果,所以它把其余的默认事件屏蔽了,解决的方法是,在iscroll4源码里面找到这一行1onBeforeScrollStart: function (e) { e.prev

2015-05-21 11:41:02 922

转载 sass语法

sass语法关于sass 3.3.0更新说明——3.3.0sublime相关插件为:scss语法高亮,sass语法高亮,编译,保存即编译,格式化文件后缀名sass有两种后缀名文件:一种后缀名为sass,不使用大括号和分号;另一种就是我们这里使用的scss文件,这种和我们平时写的css文件格式差不多,使用大括号和分号。而本教程中所说的所有sass文件都指后缀名为scs

2015-05-17 13:49:26 936

转载 【更新】sass安装(淘宝源安装失败直接下载按照gif动画安装)+webstorm中为scss添加watcher转化为css

ruby安装因为sass依赖于ruby环境,所以装sass之前先确认装了ruby。先导官网下载个ruby在安装的时候,请勾选Add Ruby executables to your PATH这个选项,添加环境变量,不然以后使用编译软件的时候会提示找不到ruby环境sass安装安装完ruby之后,在开始菜单中,找到刚才我们安装的ruby,打开Sta

2015-05-17 13:20:31 1224

转载 复选框或单选框与文字对齐的问题

单选框   复选框当文字14px左右大小时,对齐良好单选框   复选框当文字12px左右大小时,文字的位置就偏下了,火狐浏览器和谷歌浏览器下尤为明显单选框   复选框解决1:当文字12px左右大小时,单(复)选框设置vertical-align:text-bottom; margin-bottom:2px; *margin-bottom:-2px;样式后的表现单选框

2015-05-04 16:51:08 713

转载 我是如何对网站CSS进行架构的

首先关于CSS文件,我一般只使用一个文件,这无关于网站的大小,网站越大,某种意义上我这种做法的优势与潜力就会体现的越明显。我这种单CSS文件的做法适合于web2.0的网站,例如像是SNS网站(开心、人人、白社会),嘀咕网,虾米网,凡客这类网站,如果是门户网站,sorry,铁定不适合。让网站单CSS谁都会,关键是为何可以使用单CSS文件,这个CSS文件不会很大吗,如果一个网站有400个页面,

2015-05-04 14:18:44 416

转载 CSS长度值

单位    含义em    相对于父元素的字体大小ex    相对于小写字母"x"的高度gd       一般用在东亚字体排版上,这个与英文并无关系rem    相对于根元素字体大小vw    相对于视窗的宽度:视窗宽度是100vwvh    相对于视窗的高度:视窗高度是100vhvm    相对于视窗的宽度或高度,取决于哪个更小ch    相对于0尺寸px

2015-04-26 17:34:18 400

转载 github安装使用

Git是一个分布式的版本控制系统,作为开源代码库以及版本控制系统,Github目前拥有140多万开发者用户。随着越来越多的应用程序转移到了云上,Github已经成为了管理软件开发以及发现已有代码的首选方法。Git是一个分布式的版本控制系统,最初由Linus Torvalds编写,用作Linux内核代码的管理。在推出后,Git在其它项目中也取得了很大成功,尤其是在Ruby社区中。目前,包

2015-04-23 15:16:08 365

原创 JS高程NO3--基本概念(语法,数据类型,操作符,语句,函数)

语法ECMAScript中的一切都区分大小写;标识符:变量,函数,属性的名字,或者函数的参数;              第一个字符必须是字母,下划线(_),美元($),其他字符可以是字母,下划线,美元复活或数字;              驼峰大小写命名。注释: // 单行;/* */ 多行严格模式:“use strict”; ——它是一个编译指示,用于告诉支持JavaS

2015-03-01 19:03:16 896

原创 JS高程笔记NO1,2--JS简介,在HTML中使用javascript

JavaScript是一种专为与网页交互二设计的脚本语言,由三个不同部分:ECMAScript,文档对象模型(DOM),浏览器对象模型(BOM)

2015-01-24 18:03:05 495

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除