
前端技术问题解决
文章平均质量分 61
aaa333qwe
如果心没有方向,到哪里都是流浪。
展开
-
Git pull 强制覆盖本地文件
2015年11月16日 22:07:56标签:git74470git fetch --all git reset --hard origin/master git pull参考:https://ruby-china.org/topics/2494转载 2018-01-16 13:55:49 · 684 阅读 · 0 评论 -
js取小数点后两位 方法总结
Javascript取float型小数点后两位,例22.123456取成22.12,如何做?1.通过substring截取。[javascript] view plain copyfunction getnum() { var num = 22.123456; var result = num.substring转载 2017-12-13 11:54:00 · 2769 阅读 · 1 评论 -
iview的icon组件怎么添加点击事件
原生事件要加修饰符。这样写没反应??? 答案在上面。原创 2017-12-13 11:49:26 · 9438 阅读 · 2 评论 -
Js先触发失去焦点事件再执行点击事件解决方法
最近在做公司的某个从项目,基本设计和淘宝登陆页类似: 1)文本框内容为空是,文本框右侧无清除按钮,当有内容时立即显示清除按钮; 2)当文本框失去焦点时,清除按钮消失,获取焦点时若文本框内有内容,则显示清除按钮,否则不显示; 3)文本框再有内容且获取焦点的情况下,点击清除按钮,文本框内容置空,且清除按钮消失。 随后想了想,感觉是个很简单的需求,只要结合使用keyup和blur以及cl转载 2017-12-01 10:56:35 · 2575 阅读 · 0 评论 -
移动端click时间、touch事件、tap事件详解
一、click 和 tap 比较两者都会在点击时触发,但是在手机WEB端,click会有 200~300 ms,所以请用tap代替click作为点击事件。singleTap和doubleTap 分别代表单次点击和双次点击。二、关于tap的点透处理在使用zepto框架的tap来移动设备浏览器内的点击事件,来规避click事件的延迟响应时,有可能出现点透的情况,即点击会转载 2017-11-28 17:01:02 · 1133 阅读 · 0 评论 -
tap 和click 事件区别
之前考三七互娱时遇到的问题,今天回顾记录下。首先说下题目:clike事件和 Zepto.js 中tap的区别 首先介绍下Zepto:最初是作为移动端开发的库,但是却可以作为JQuery轻量级的替代品,因为API和JQuery相似,而文件更小。介绍下tap和click的区别:两者都会在点击时触发,但是在web手机端,clikc会有200-300ms的延时,所以转载 2017-11-28 16:59:16 · 1486 阅读 · 0 评论 -
JBoss 7.1.1启动时遇到Address already in use: bind /127.0.0.1:9990的处理办法
这里的Address already in use: bind /127.0.0.1:9990只是一个例子,也有可能是其他某个端口被占用,很明显要修改配置,但是很多人可能不知道到哪里修改,解决方法是到D:\jboss-as-7.1.1.Final\standalone\configuration目录下,找到standalone.xml文件 将[html]转载 2017-10-16 13:58:37 · 457 阅读 · 0 评论 -
JavaScript sort() 方法
ort()方法主要是用于对数组进行排序,默认情况下该方法是将数组元素转换成字符串,然后按照ASC码进行排序,这个大家都能理解,但如果数组元素是一个Object呢,转不了字符串,难道不能进行排序?答案当然是否定的,那么我们就来详细探讨下sort()方法的使用语法:arrayObject.sort(sortby);参数sortby可选。规定排序顺序。必须是函数。sort转载 2017-10-01 15:40:57 · 432 阅读 · 0 评论 -
JS,Jquery获取各种屏幕的宽度和高度
Javascript:网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见区域高: document.body.offsetHeight (包括边线的高)网页正文全文宽: document.body.转载 2017-09-30 15:39:16 · 208 阅读 · 0 评论 -
简单明了区分escape、encodeURI和encodeURIComponent
一、前言讲这3个方法区别的文章太多了,但是大部分写的都很绕。本文试图从实践角度去讲这3个方法。 二、escape和它们不是同一类简单来说,escape是对字符串(string)进行编码(而另外两种是对URL),作用是让它们在所有电脑上可读。编码之后的效果是%XX或者%uXXXX这种形式。其中 ASCII字母、数字、@*/+ ,这几个字符不会被编码,其余的都会转载 2017-09-30 10:15:00 · 292 阅读 · 0 评论 -
stylus项目知识点
1、在项目中,引入.sty文件的时候,用来下面方式1 @import "~common/stylus/variable.styl"~ 是stylus的写法,参考https://github.com/shama/stylus-loader~common 表示相对 common,然后我们在 webpack 配置了 common 的 alias,就能找到了它的路径了原创 2017-09-29 22:28:29 · 950 阅读 · 0 评论 -
浅谈JSONP 的工作原理
小编最近在工作中经常用到 jsonp 这个东西, 表示之前从来没用过 最近稍微研究了下 当然很多内容来源于网上 收集整理 你懂的 ~~~ 话说我们访问一个页面的时候 需要像另一个网站获取部分信息, 这就是所谓的跨域请求才能完成的功能, 现实生活中有很多 比如引入外部js, img 等等, 说到发送请求, 在web2.0的时代 我们避免不了 ajax 请求了, 当然我们在工作中用到 a转载 2017-09-29 22:01:18 · 240 阅读 · 0 评论 -
XSS跨站脚本攻击(一)----XSS攻击的三种类型
一、简介什么是XSS?百度百科的解释: XSS又叫CSS (Cross Site Script) ,跨站脚本攻击。它指的是恶意攻击者往Web页面里插入恶意html代码,当用户浏览该页之时,嵌入其中Web里面的html代码会被执行,从而达到恶意用户的特殊目的。它与SQL注入攻击类似,SQL注入攻击中以SQL语句作为用户输入,从而达到查询/修改/删除数据的目的,而在xss攻击中,通过插入恶意脚本,实...转载 2018-02-27 14:34:36 · 465 阅读 · 0 评论 -
【原】雅虎前端优化的35条军规
阅读目录 内容部分css部分js部分javascript, css 图片 cookie移动端 服务器摘要:无论是在工作中,还是在面试中,web前端性能的优化都是很重要的,那么我们进行优化需要从哪些方面入手呢?可以遵循雅虎的前端优化34条军规,不过现在已经是35条了,所以可以说是雅虎前端优化的35条军规。已分类,挺好的,这样对于优化有一个比较清晰的方向 回到顶部 内容部分 1.尽量减少HTTP请求数...转载 2018-05-08 22:45:22 · 263 阅读 · 0 评论 -
前端知识点杂记
<1>、clip剪裁被称为“最佳可访问隐藏”的另一个原因是,clip: rect(0 0 0 0),它具有更强的普遍适用性,任何元素、任何场景都可以无障碍地使用。出自----《css世界》p197<2>、clip隐藏仅仅是决定那一部分可见,非可见部分无法响应点击事件;然后虽然视觉上隐藏,但元素的尺寸还是原来的尺寸,在ie和Firefox浏览器下抹掉了不可见尺寸对布局...原创 2019-03-04 09:07:38 · 294 阅读 · 0 评论 -
JS前端创建html或json文件并浏览器导出下载
https://www.zhangxinxu.com/wordpress/2017/07/js-text-string-download-as-html-json-file/ 侵删 一、HTML与文件下载如果希望在前端侧直接触发某些资源的下载,最方便快捷的方法就是使用HTML5原生的download属性,例如:<a href="large.jpg" download>...转载 2018-12-14 11:08:47 · 4120 阅读 · 1 评论 -
jquery中ajax处理跨域的三大方式
一、处理跨域的方式:1.代理2.XHR2HTML5中提供的XMLHTTPREQUEST Level2(及XHR2)已经实现了跨域访问。但ie10以下不支持只需要在服务端填上响应头: 1 2 3 header("Access-Control-Allow-Origin:*"); /*星号表示所有的域都可以接受,*/ hea...转载 2018-12-14 11:05:26 · 325 阅读 · 0 评论 -
$.proxy() 的妙用
$.proxy() 最主要就是用来修改函数执行时的上下文对象的。先看以下情景: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <div id="panel" style="display:none;"> ...转载 2018-12-14 10:50:20 · 1404 阅读 · 0 评论 -
js闭包所用的场合以及优缺点分析
这篇文章主要介绍了js闭包所用的场合以及优缺点分析,十分的详细使用,有需要的小伙伴可以参考下。先上段代码:?1234567891011121314//函数afunction a(){var i=0;//函数bfunction b(){alert(++i);}return b;}//函数cvar c = a();c();代码特点:1、函数b嵌套在函数a内部;2、函数a返回函数b。代码中函数a的内部函...转载 2018-05-10 14:10:06 · 583 阅读 · 0 评论 -
cookie 跨域访问的解决方案
Cookie 同域单点登录 最近在做一个单点登录的系统整合项目,之前我们使用控件实现单点登录(以后可以介绍一下)。但现在为了满足客户需求,在不使用控件情况下实现单点登录,先来介绍一下单点登录。 单点登录:多个不同系统整合到统一加载个平台,用户在任何一个系统登录后,可以访问这个统一加载上的所有系统。登录之后,用户的权限和信息不再受某个系统的限制,即使某个系统出现故障(包括统一加载平台),其他系统还...转载 2018-05-10 15:01:17 · 485 阅读 · 0 评论 -
前端常见跨域解决方案(全)
什么是跨域?跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。广义的跨域:1.) 资源跳转: A链接、重定向、表单提交2.) 资源嵌入: <link>、<script>、<img>、<frame>等dom标签,还有样式中background:url()、@font-face()等文件外链3.) 脚本请求: js发起的aja...转载 2018-05-10 14:45:20 · 256 阅读 · 0 评论 -
跨源资源共享(CORS)
一、CORS简介在前一篇博客中,我介绍了利用JSONP实现跨域请求,但是在上篇文章中也指出了用JSONP实现跨域存在的一些缺点, 因此W3C 提出了另外一个跨域的方法:CORS,全称是”跨域资源共享”(Cross-origin resource sharing)。与JSONP相比,CORS更为为先进、方便和可靠:JSONP只能实现GET请求,而CORS支持所有类型的HTTP请求。使用CORS,开发...转载 2018-05-09 09:39:10 · 545 阅读 · 0 评论 -
从上下文,到作用域(彩蛋:理解闭包)
前言近几天在编程群中的聊天,让我发现了很多人并不清楚什么是上下文(context)、什么是作用域(scope),而且纠结在其中。我当初对这两个概念也只有粗浅的理解,不过我从一开始就不怎么困惑,因为我清楚自己对这一问题的认识边界。现在,我对它们的认识也只加深了一点点。不过,群聊中小伙伴的热情鼓舞了我——很多最最初学的小伙伴,想到和思考的是很多我从没考虑过的问题,小伙伴们真是达到了“进一寸有一寸的欢喜...转载 2018-05-09 09:27:50 · 135 阅读 · 0 评论 -
HTTP请求的几种类型
http的请求报文由:请求行、首部、空行、主体四个部分组成。其中请求行由请求方法字段、URL字段和HTTP协议版本字段3个字段组成,它们用空格分隔。例如,GET /index.html HTTP/1.1。HTTP协议的请求方法有GET、POST、HEAD、PUT、DELETE、OPTIONS、TRACE、CONNECT1、http请求报文中常用方法1).GET最常见的一种请求方式,当客户端要从服务...转载 2018-05-09 09:17:45 · 1670 阅读 · 0 评论 -
简单透彻理解JSONP原理及使用
什么是JSONP首先提一下JSON这个概念,JSON是一种轻量级的数据传输格式,被广泛应用于当前Web应用中。JSON格式数据的编码和解析基本在所有主流语言中都被实现,所以现在大部分前后端分离的架构都以JSON格式进行数据的传输。那么JSONP是什么呢? 首先抛出浏览器同源策略这个概念,为了保证用户访问的安全,现代浏览器使用了同源策略,即不允许访问非同源的页面,详细的概念大家可以自行百度。这里大家...转载 2018-05-09 08:58:20 · 261 阅读 · 0 评论 -
DOM 操作成本到底高在哪儿?
作者:palmeryesegmentfault.com/a/1190000014070240从我接触前端到现在,一直听到的一句话:操作DOM的成本很高,不要轻易去操作DOM。尤其是React、vue等MV*框架的出现,数据驱动视图的模式越发深入人心,jQuery时代提供的强大便利地操作DOM的API在前端工程里用的越来越少。刨根问底,这里说的成本,到底高在哪儿呢?什么是DOMDocument Ob...转载 2018-05-08 22:50:10 · 207 阅读 · 0 评论 -
设置SVN忽略文件和目录(文件夹)
在多数项目中你总会有文件和目录不需要进行版本控制。这可能包括一些由编译器生成的文件,*.obj,*.lst,或许是一个用于存放可执行程序的输出文件夹。只要你提交修改,TortoiseSVN 就会在提交对话框的文件列表中显示出未版本控制文件。当然你可以关闭这个显示,不过你可能会忘记添加新的源文件。最好的避免类似问题的方法是添加参考文件到该项目的忽略列表。这样他们就永远不会出现在提交对话框中,而真转载 2017-09-12 17:11:05 · 2432 阅读 · 0 评论 -
xxx cannot be resolved to a type 错误解决方法
xxx cannot be resolved to a type引言 eclipse新导入的项目经常可以看到“XX cannot be resolved to a type”的报错信息。本文将做以简单总结。 正文 (1)jdk不匹配(或不存在) 项目指定的jdk为“jdk1.6.0_18”,而当前eclipse使用的是“jdk1.6.0_转载 2017-09-12 17:00:38 · 688 阅读 · 0 评论 -
JBoss 7.1.1启动时遇到Address already in use: bind /127.0.0.1:9990的处理办法
这里的Address already in use: bind /127.0.0.1:9990只是一个例子,也有可能是其他某个端口被占用,很明显要修改配置,但是很多人可能不知道到哪里修改,解决方法是到D:\jboss-as-7.1.1.Final\standalone\configuration目录下,找到standalone.xml文件 将[html]转载 2017-06-14 13:50:55 · 1628 阅读 · 0 评论 -
net stop mysql 发生系统错误 5。
为什么会出现这个问题呢?经过一番思考找到原因了,是因为当前用户的操作权限太低了,出了问题出错问题截屏如下:解决问题方法如下:在dos下运行net start MySQL 不能启动mysql!提示发生系统错误 5;拒绝访问!切换到管理员模式就可以启动了。所以我们要以管理员身份来运行cmd程序来启动mysql。那么如何用管理员身份来运行cmd程序呢?转载 2017-07-16 10:09:00 · 7426 阅读 · 0 评论 -
node-sass 安装失败的解决措施
在测试gulp-webapp的时候遇到了styles不能被正常编译的问题,究其原因是node-sass没有被正常安装。根本原因是国内网络的原因。最终的解决方法是通过淘宝的npm镜像安装node-sass首先安装cnpm[javascript] view plain copy$ npm install -g cnpm -转载 2017-08-04 17:32:59 · 345 阅读 · 0 评论 -
Git Push 避免用户名和密码方法
前言 在大家使用github的过程中,一定会碰到这样一种情况,就是每次要push 和pull时总是要输入github的账号和密码,这样不仅浪费了大量的时间且降低了工作效率。在此背景下,本文在网上找了两种方法来避免这种状况,这些成果也是先人提出来的,在此只是做个总结。1.方法一 1.1 创建文件存储GIT用户名和密码在%HOME%目录中,一般为C:\users\Ad转载 2017-08-06 18:00:34 · 344 阅读 · 0 评论 -
关于github page 建立博客访问404
自己在建立博客时,遇到了访问地址出现404的情况,我相信很多人都会遇到过吧我找了好久发现找到了一篇 ,经过自己的实践证实,是正确的。(截取自网友的博客内容)创建GitHub Pages我们托管静态博客,使用的就是GitHub Pages的功能,首先我们需要创建一个个人主页,点击右上角的加号,选择new repositories,进入创建页面。有的是说use转载 2017-08-08 15:19:30 · 10172 阅读 · 1 评论 -
Linux下安装Apache服务
安装GCC安装命令: yum -y install gcc安装Apache前准备:检查该环境中是否已经存在httpd服务的配置文件,默认存储路径:/etc/httpd/httpd.conf(这是centos预装的Apache的一个ent版本,一般我们安装源代码版的Apache)。如果已经存在/etc/httpd/httpd.conf,请先卸载或者关闭centos系统自带的web服务原创 2017-03-24 11:34:02 · 413 阅读 · 0 评论 -
解决apache启动错误"httpd:Could not reliably determine..."
以下总结在配置及启动apache2时出现报错的处理方法一、启动apache遇到错误:httpd: Could not reliably determine the server's fully qualified domain name[root@server httpd-2.2.4]# /usr/local/apache/bin/apachectl start httpd: Co转载 2017-03-24 11:35:03 · 538 阅读 · 0 评论 -
浏览器安全限制
一个需要注意的问题是,事件的触发总是由用户操作引发的。例如,我们监控文本框的内容改动:var input = $('#test-input');input.change(function () { console.log('changed...');});当用户在文本框中输入时,就会触发change事件。但是,如果用JavaScript代码去改动文本框的值,将不会触发ch转载 2017-03-22 14:55:24 · 1633 阅读 · 0 评论 -
CSS3实现手机1px边框,细如发丝
前言我们使用手机App的WebView和浏览器查看网页时,经常能看见那细如发丝的“0.5px”的边框、线条,让整个页面效果看起来更加细致。这里所谓的“0.5px”是如何实现的呢,web页面中最小的单位是1px,“0.5px”已经脱离了web定义的单位标准,如果直接使用“0.5px”那么它其实是以1px像素呈现。我在这里说下所谓的移动端“0.5px”像素实现方法,如果小弟理解的有什么错误,欢转载 2017-03-23 14:28:38 · 853 阅读 · 0 评论 -
connect to host ssh.github.com port 22: Connection timed out解决方法
今天在做本地密钥与GitHub公钥配对用ssh -T Git@github.com命令测试是否成功时提示ssh: connect to host github.com port 22: Bad file number运行环境:Win7旗舰版可能是端口的问题在网上也看到关于这个问题的提问,说可能是端口被防火墙什么的阻塞了。解决办法:在 /C/U转载 2017-08-08 14:29:14 · 669 阅读 · 0 评论 -
对比Http状态301和302
1、什么是301转向?什么是301重定向? 301转向(或叫301重定向,301跳转)是当用户或搜索引擎向网站服务器发出浏览请求时,服务器返回的HTTP数据流中头信息(header)中的状态码的一种,表示本网页永久性转移到另一个地址。 2、什么是302重定向? 302重定向又称之为302代表暂时性转移(Temporarily Moved ),英文名称:302 redi转载 2017-03-17 14:49:06 · 335 阅读 · 0 评论 -
redis启动失败
redis-server.exe redis.windows.conf使用上面命令启动redis服务的时候报了以下错误信息:TheWindows version ofRedis allocates a memory mapped heapforsharingwiththe forkedprocess usedfor persistence opera转载 2017-03-23 14:29:29 · 1030 阅读 · 0 评论