- 博客(84)
- 收藏
- 关注
RSS订阅原创 前端实现亚马逊AWS s3的跨域问题总结
在s3控制台中添加存储桶并设置 跨域配置 ， 测试环境直接开放*请求， 不然会跨域<CORSConfiguration><CORSRule> <AllowedOrigin>*</AllowedOrigin> <AllowedMethod>PUT</AllowedMethod> <AllowedMe...
2018-12-27 16:50:10
6131
2
原创 gulp-rev 和 rev-collector 控制版本总是上一个旧版本的bug原因
原因是执行顺序的问题// css处理gulp.task('css',function() { return gulp.src(css_path) .pipe(stylus(config.stylus)) .pipe(autoprefixer(config.autofx)) .pipe(csso()) .pipe(re...
2018-11-29 16:40:12
769
原创 Vue中使用Map数据结构的坑， 直接set 无法触发 双向数据绑定（解决方案）
1. 因为想贯彻es6的使用， 在项目中 多多使用 es6 的特性， 结果Map 的 set 方法去更新数据， 视图无法同步， 故而使用重新设置的方式达到目的， 类似 let obj = Object.assign({},{}) 或者 let arr = [].concat['a'] let no = server_no.toString()let is_check = thi...
2018-11-21 16:42:28
14826
7
原创 纯css写一个好看的按钮
以下开关按钮， 主要还是css阴影的使用， 大多数人知都却很少用的， 单个元素可以使用多重阴影效果以下是css/* 开关站 */.m-switch-station{ width: 320px; height: 378px; background: rgba(9, 62, 53, 0.4); position: fixed; bottom: 1...
2018-11-07 09:59:47
2684
原创 css之stylus混合函数方法
css之stylus混合函数方法//变量前缀为$ ,方法前缀为_//---颜色变量//黑色$c_black = #313536$c_black02 = $c_black + 1 * 8% + 1 * .5deg$c_black03 = $c_black + 2 * 8% + 2 * .5deg$c_black04 = $c_black + 3 * 8% + 3 * .5deg...
2018-10-29 12:00:32
3057
原创 css之less混合函数方法
css之less混合函数方法 /* 参数*/// 阴影色@shadowColor: rgba(0,0,0,.20);// 文本框提示字颜色@placeholderColor: #97a8be;/* 函数*///---垂直居中布局.verticalLayout(@left: auto, @right: auto, @top: 0, @bottom: 0,...
2018-10-29 11:56:46
1841
原创 css之sass混合函数方法
// 引入scss变量文件@import "./variable.scss";/*=================================================================== 变量前缀为$ ,方法前缀为_====================================================================...
2018-10-29 11:53:07
1991
原创 使用lodash获取url中全部参数的对象
获取url中全部参数的对象// 获取url中全部参数的对象function getUrlAllParams(){ // 解决乱码问题 var url = decodeURI(window.location.href) var res = {} var url_data = _.split(url, '?').length > 1 ? ...
2018-10-29 11:48:43
8477
1
原创 vue 2.0 打包的时候去除掉 .map 文件 的 方法和好处
.map 的文件作用在于项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错。而.map文件就可以像未加密的代码一样，准确的输出是哪一行哪一列有错。 去除掉的原因打包过后.map文件过大，为了减轻项目的大小 去除掉的方法修改 config/index.js 中：productionSourceMap: false 默认为t...
2018-08-03 15:41:17
6375
1
原创 js一键复制url
// 复制二维码链接copyJRCode() { let Url2 = document.getElementById('js__copy-text') Url2.select() // 选择对象 try { if (document.execCommand('copy', false, null)) { document.exe...
2018-08-03 15:36:14
2592
1
原创 vue+i18n 切换语言后无法刷新数据 的 解决方案
使用国际化vue-i18n 时, 在页面更新国际语言后 想刷新页面数据， vue刷新不起作用， 改变思路，直接改变使用了国际化的那些数据，重新使用this.$t()方法读取即可...
2018-06-22 17:15:34
10957
8
原创 使用js控制浏览器开启全屏，判断浏览器是否处于全屏状态
// 引入lodashimport _ from 'lodash'// 切换全屏方法export function fullScreen (isOpen, target) { let dom = target || void 0 let open_list = ['requestFullscreen', 'mozRequestFullScreen', 'webkitRequestFul...
2018-06-14 14:52:25
19581
8
原创 view-source是一种协议，查看源码
view-source是一种协议，早期基本上每个浏览器都支持这个协议。后来Microsoft考虑安全性，对于WindowsXP pack2以及更高版本以后IE就不再支持此协议。但是这个方法在FireFox和Chrome浏览器都还可以使用。 如果要在IE下查看源代码,只能使用查看中的"查看源代码"命令. 以前的使用方法：在浏览器地址栏中输入 view-source: s
2018-03-08 11:19:23
31148
2
转载 前端开发问题之字符串日期转日期对象在safari浏览器中出现Invalid Date
转载自：http://blog.csdn.net/sinat_31257007/article/details/49208789问题描述：开发中需要写一个倒计时，但是时间周期是根据后端传过来的开始时间和结束时间进行计算的，后端传过来的字符串日期格式为: 2012-11-12 22:11:22,在前端中我们使用 new Date()来将其转为date对象，一切进行顺利，在各个浏览器都没
2017-09-11 10:52:09
846
转载 常用前端社会分享code
1、新浪微博 新浪微博 2、腾讯微博 腾讯微博 3、开心网 开心网 或者用 开心网 4、豆瓣网 豆瓣 或者用 豆瓣 5、人人网人人网 或者用 人人网 6
2017-08-09 14:46:41
507
原创 约瑟夫环数字小游戏
Document// 总人数var _allpeople = 100;// 幸存几人var _survivingNum = 4;// 死亡数字var _dieNum = 8;// 计数开始var _startNum;// 是否初次计数var _isStartCount = true;var a_game =
2017-08-05 11:29:52
531
转载 判断 iframe 是否加载完成的完美方法
http://www.planabc.net/2009/09/22/iframe_onload/http://www.dewen.org/q/2376http://blog.css-js.com/javascript/javascript-iframe-readystate.html一般来说，我们判断 iframe 是否加载完成其实与 判断 JavaScri
2017-07-22 11:15:13
2730
转载 [译]JavaScript:如何判断值的类型
[译]JavaScript:如何判断值的类型原文:http://www.adobe.com/devnet/html5/articles/categorizing-values-in-javascript.html转载出自：http://www.cnblogs.com/ziyunfei/archive/2012/10/11/2717057.html本文中,我将
2017-07-18 11:50:17
439
转载 还在手动给css加前缀？no！几种自动处理css前缀的方法简介
还在手动给css加前缀？no！几种自动处理css前缀的方法简介原文首发于个人博客：还在手动给css加前缀？no！几种自动处理css前缀的方法简介我们知道在写css的时候由于要兼容不同厂商浏览器，一些比较新的属性需要给它们添加厂商前缀来兼容。移动端还好，基本只要兼容webkit内核的即可，pc端就虐心了，ff、ie、Opera……可以说五花八门，应有尽有，每次要使用例如一些css3属
2017-07-15 16:15:27
3084
转载 CSS 预处理器与 CSS 后处理器
转载自"赵雷的博客"，原文地址：http://zhaolei.info/2014/01/04/css-preprocessor-and-postprocessor/说到 CSS 预处理器，大家都很熟悉了，本文的重点是介绍从中抽出的 CSS 后处理器，这也是近一年多以来，前端社区的一些新趋势。将 CSS 后处理器 抽象出来之后，会对 CSS 的 开发模式 带来一些变化，下面从概念开始
2017-07-15 08:47:13
683
转载 HTTP和HTTPS详解
转自：http://www.cnblogs.com/ok-lanyan/archive/2012/07/14/2591204.htmlHTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统。它于1990年提出，经过几年的使用与发展，得到不断地完善和扩展。目前在WWW中使用的是HTTP/1.0的第六版，HTTP/1.1的规范化工作正在进行之中，而且HTT
2017-07-13 10:58:20
547
转载 Web攻防之XSS,CSRF,SQL注入
转载自：http://www.cnblogs.com/drawwindows/archive/2013/03/11/2954259.html摘要：对Web服务器的攻击也可以说是形形色色、种类繁多，常见的有挂马、SQL注入、缓冲区溢出、嗅探、利用IIS等针对Webserver漏洞进行攻击。本文结合WEB TOP10漏洞中常见的SQL注入，跨站脚本攻击(XSS)，跨站请求伪造（CS
2017-07-07 14:58:28
919
转载 Hybrid APP混合开发的一些经验和总结
Hybrid APP混合开发的一些经验和总结转载至: http://www.cnblogs.com/yuanyingke/p/6060150.html1、混合开发概述Hybrid App主要以JS+Native两者相互调用为主，从开发层面实现“一次开发，多处运行”的机制，成为真正适合跨平台的开发。Hybrid App兼具了Native App良好用户体验的优势，
2017-07-07 14:12:35
827
原创 七牛传图，减少用户流量压力的手段
对应文档（ThinkCMF X2.2.3 完全开发手册）https://www.kancloud.cn/thinkcmf/document/162127对应用法强制转换图片为 400*300?imageView2/1/w/400/h/300保证图片不变形的情况下，保证其中一个条件一定被满足，另一方被压缩?imageView2/2/
2017-07-06 14:35:32
351
原创 解决vue-cli在ie9+中无效的问题
1.ie9+报错vuex requires a Promise polyfill in this browser.解决如下： npm install --save-dev babel-polyfill 或者 cnpm install babel-polyfill -D 修改 webpack.base.conf.js 将: entry: {
2017-07-03 17:17:34
5982
2
转载 一些常用的js方法
转自 http://www.cnblogs.com/liyunhua/p/4621895.html阅读目录数组方法集cookie方法集url方法集正则表达式方法集字符串方法集加密方法集日期方法集浏览器检测方法集json方法extend方法类型判断的方法回到顶部数组方法集Angela.array = { //# 数组方法 // ind
2017-06-20 20:48:32
2803
转载 JS获取客户端IP地址、MAC和主机名的3个方法
这篇文章主要介绍了js获取客户端IP地址、MAC和主机名的7个方法汇总,JS本身是不支持获取IP地址等信息的,本文通过其它方法实现,需要的朋友可以参考下今天在搞JS（JavaScript）获取客户端IP的小程序，上网搜了下，好多在现在的系统和浏览器中的都无效，很无奈，在Chrome、FireFox中很少搞到直接利用ActiveX获取IP等的JS脚本。下面的代码是我在所有windowsN
2017-06-17 10:32:22
41387
转载 display:inline-block引发的间隙问题解决办法
在网页布局中我们经常会用到display:inline-block;好处是：能够将块状元素按照内联元素的方式布局，同时能设置宽高。个人感觉很好用，可是用多了慢慢的问题就来了？1.display:inline-block;在IE6/7中不兼容解决办法：display:inline-block;*dsiplay:inline;*zoom:1;2.display:inline-b
2017-05-13 14:03:10
8066
转载 $.ajax() 精解（面试题）
JQuery中$.ajax()方法想必大家并不陌生吧，在本文将为大家介绍下其参数及应用示例，感兴趣的朋友不要错过url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和 delete也可以使用，但仅部分浏览器支持。
2017-03-14 15:55:53
648
原创 margin重叠问题解决方案
margin重叠问题也是属于面试常问题，在具体的开发工作中，经由本人实践，暂时有两种解决方案1.直接使用单向的margin,比如: 多个div单列布局 margin: 20px 0; , 如果期望每个div上下间距40px，这种做法显然是不可的，由于margin重叠，实际上下间距只有20px 那么换成 div{margin-bottom: 40px;}
2017-03-07 10:33:27
991
原创 javascript中switch判断理解误区
最近开发中遇到一个坑，就是判断 input 中value带的值 “1”，“2”，“3”，“4”走swich判断时，一直出错，老是走不进判断里面，明明给的值都是1 ，2, 3，4...........经过十几分钟的苦逼排错，终于发现了症结所在switch语句与if语句的关系最为密切，也是其它编程语言中普遍使用的一种流程控制语句，但switch的匹配
2017-03-06 15:05:08
1440
原创 js中“==”和“===”的区别（面试题）
在JS中"=="和"==="是都存在的，他们都是判断两端的表达式是否相同，但是有一点不一样。 因为在JAVA和C这中强类型语言中，每一个变量使用前都得必须先被声明并且指定类型，所以说变量和变量之间的类型是否相等，就不需要开发者去判断了，编译器就可以完成此任务，但是像JS这个弱语言，我可以突然半路冒出个abc变量，而这个变量又不用提前声明，而且可以存放任意类型的的值，这就比较变态了，所以说
2017-03-06 14:00:16
2634
转载 Sublime Text 2/3安装使用及常用插件
一、介绍 Sublime Text 是一款较新的编辑器，它轻量、简洁、高效，良好的扩展性以及跨平台等特性，使得越来越多的开发人员喜爱。它是一款收费的商业软件，但可以免费无限制无限期的试用，只会偶尔提醒是否购买。用户购买一个授权可同时在不同平台上使用。 二、安装 访问http://www.sublimetext.com/2下载2.x版本。中文汉化包下载，解
2017-02-24 13:08:43
530
转载 git的一些常用操作命令
这些操作命令都是从廖雪峰老师的官网上看过后记下来的，以下是廖雪峰老师的官网，大家可以看看，教程不错~http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000 1.在windows上安装git 下载地址：http://msysgit.github.io/
2017-02-14 15:16:21
342
原创 将后台数据返回的两类数据转换成键值对应的json格式
使用js进行string和json之间转换的方法在数据传输过种中，json是以文本，即字符串的形式传递，字符串形似Json对象： var str1 = '{ "name": "Amy", "sex": "woman" }'; console.log(typeof str1); 经实验类型是string；而在实际的项目中如果想获取其中的name和sex的值时要使用
2017-02-07 10:56:18
8620
转载 初步运用HTML本地存储localStorage
1.前言 HTML5 storage提供了一种方式让网站能够把信息存储到你本地的计算机上，并再以后需要的时候进行获取。这个概念和cookie相似，区别是它是为了更大容量存储设计的。Cookie的大小是受限的，并且每次你请求一个新的页面的时候cookie都会被发送过去。HTML5的storage是存储在你的计算机上，网站在页面加载完毕后可以通过Javascript来获取这些数据。
2017-02-03 10:24:47
523
原创 git怎么中断输出（对话）
今天按照以往一般工作流程去 合并提交分支结果出现了一下问题，一直确认一直不关闭，然后又不想强制关闭git程序窗口查了老半天，试了按‘q’ Ctrl+Z都没卵用，最后使用Ctrl + C就ok了,dos下ctrl+c终止当前命令结果的输出
2017-01-12 15:21:52
2271
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人