Code is my life!
暂时未有相关通用技术能力~
阿里云技能认证
详细说明我的博客即将入驻“云栖社区”,诚邀技术同仁一同入驻。 写在前面的话 npm全称Node Package Manager,是node.js的模块依赖管理工具。由于npm的源在国外,所以国内用户使用起来各种不方便。下面整理出了一部分国内优秀的npm镜像资源,国内用户可以选择使用。 国内优秀npm镜像 淘宝npm镜像 搜索地址:http://npm.taobao.
一、写在前面的话 打开任务管理器看到WMI Provide Host一直占用比较高的CPU资源,结束后又重现,要解决这个问题最快的方法就是禁止相关服务。WMI其实是Windows Management Instrumentation服务的缩写,系统的描述:提供共同的界面和对象模式以便访问有关操作系统、设备、应用程序和服务的管理信息。如果此服务被终止,多数基于 Windows
一、Sublime3下载 1.百度搜索Sublime3 download,选择进入下载页面 2.我选择下载Win64位安装程序 二、Sublime3安装 傻瓜式安装,一直点下一步即可。 三、Sublime3插件配置 1.直接安装 安装Sublime text 3插件很方便,可以直接下载安装包解压缩到Packages目录(菜单->
一般情况下我们要访问ftp上的某个文件时,会有以下几个方案 1. 在浏览器的地址栏里输入ftp的ip 例如:ftp//:168.192.0.1 这样就会弹出一个登陆界面,输入用户名,密码即可进入到ftp中。 2.下载一个ftp的可视化桌面应用,输入ip,用户名,密码即可进入到ftp中。 3.现在有这么一个需求,一个BS的项目中,在页面上要访问一个ftp
你还在为PDF文件不能转换word发愁吗?这里有一款很强大的转换器,支持好多种文件之间的转换,废话不多说,上图,上连接 此处附上破解版的下载链接(内附破解安装说明) 迅捷PDF转换器破解版CSDN资源下载地址请戳这里 先来看看他的强大之处和支持的各种格式 使用起来很简单,点击左边一竖行你想实现的功能,再点击左上角的添加文件,变为下图的样式,然后点击红色方
split()方法在js处理字符串是很常见,也是很重要的一种方法必须熟练掌握 split() 方法用于把一个字符串分割成字符串数组。 语法 stringObject.split(separator,howmany) 参数描述 separator参数:必需填。字符串或正则表达式,从该参数指定的地方分割 stringObject。 howmany参数:可选。该参
这两个方法的返回值都是 1970/1/1 午夜距离该日期时间的毫秒数 实际中如何使用 下面的例子中,我们将取得从 1970/01/01 到 2017/03/19 的毫秒数 1、Date.parse()的 使用 <script type="text/javascript"> var d = Date.parse("2017/03/19") //或者var
如果想要在集合选择器中在选出某一部分集合改如何做呢? 在jQuery中有一个选择器:$(“:gt(index)”) 。 index从0开始 表示选择大于index之后的元素 例如:$(“tr:gt(2)”), 表示从第4个tr元素开始选择 下面我举一个例子: <!DOCTYPE html> <html> <h
chrome视频无法播放的解决方法 很多新用户在安装了Chrome浏览器或者更新过的的时候,经常提示 adobe flash player 已过期的问题,反复提示,从网上也找了很多办法都没有解决。这里给大家提供一个最完美的解决方案。经亲自测试,完美解决adobe flash player插件过期遇到阻止的问题. 1. 在百度搜索 ” Download the Flas
利用原生JSON对象,将对象转为字符串 [javascript] view plain copy var jsObj = {}; jsObj.testArray = [1,2,3,4,5]; jsObj.name = 'CSS3'; jsObj.date = '6 Feb, 2017'; var str
一、小程序官方指南 1:官方开发工具下载: https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201714 0.12.1304Win版:https://pan.baidu.com/s/1miNleBY 0.12.1304Mac版:https://pan.baidu.com
利用canvas画图片时遇到的问题总结 画图片时会有一个方法 img.src = "图片的路径" img.onload(function(){ pen.drawImage(img,0,0); }); 上面这句话的意思是当图片加载完成后再执行函数里面的代码, 那么假如我们要在一个画布里面画很多个图片,而且图片有大有小,我们希望小的图片在大的图片的上
a标签不跳转一共收集了3种方法 1、onclick事件中返回false 不能跳转的写法及demo <a href="http://www.baidu.com" onclick="return false" >不能跳到百度</a> 2、 用href=”javascript:void(0)”这种伪协议;(这种伪协议,少写的好)
$.trim()函数会移除字符串开始和结尾处的所有换行符,空格(包括连续的空格)和制表符(tab)。如果这些空白字符在字符串中间时,它们将被保留,不会被移除。 var str = " lots of spaces before and after "; console.log($.trim(str)); //结果为lots of spaces befor
在jQuery的attr与prop提到过在IE9之前版本中如果使用property不当会造成内存泄露问题,而且关于Attribute和Property的区别也让人十分头痛,在HTML5中添加了data-*的方式来自定义属性,所谓data-*实际上上就是data-前缀加上自定义的属性名,使用这样的结构可以进行数据存放。使用data-*可以解决自定义属性混乱无管理的现状。 读写方式
1、concat() 连接两个或更多的数组 该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。 例如: 1 <script type="text/javascript"> 2 var arr = [1, 2, 3]; 3 var arr1 = [11, 22, 33]; 4 document.write(ar
angular有自己的生命周期。循环给一个 angular监听的变量复值时。最好还是用angular自带的循环方法。“angular.foreach” 格式: var objs =[{a:1},{a:2}]; angular.forEach(objs, function(data,index,array){ //data等价于array[index] console.lo
我们知道canvas画好几张图片时,按我们的思维应该是先画的在下面,后画的在最上面,可是事实不是这样的,细心的人会发现,叠层关系是随机的。 为什么呢? 这样想,我们画图片时是不是有这段代码 img.onload=function(){ ctx.drawImage(img,x,y); } 其实就是这段代码的问题,我们先分析一下这段代码,其意思是图片加载完成之后再
当你在for循环里写if判断,再加延时器或者定时器时,一定要保存当前的i的值,再做处理,否则你拿到的i的值会是for循环里最大的那个; 看demo for (var i = 0; i < 10; i++) { if(i == 5){ setTimeout(aa,2000); function aa(){ console.log( "i="+i);
chrome: e.pageX——相对整个页面的坐标 e.layerX——相对当前坐标系的border左上角开始的坐标 e.offsetX——相对当前坐标系的border左上角开始的坐标 e.clientX——相对可视区域的坐标 e.x——相对可视区域的坐标 ff: e.pageX——相对整个页面的坐标 e.layerX——相对当前坐标系的border左上角
简介:CS即Client/Server(客户机/服务器)结构,C/S结构在技术上很成熟,它的主要特点是交互性强、具有安全的存取模式、网络通信量低、响应速度快、利于处理大量数据。但是该结构的程序是针对性开发,变更不够灵活,维护和管理的难度较大。通常只局限于小型局域网,不利于扩展。并且,由于该结构的每台客户机都需要安装相应的客户端程序,分布功能弱且兼容性差,不能实现快速部署安装和配置,因此缺少
路由(route),几乎所有的MVC(VM)框架都应该具有的特性,因为它是前端构建单页面应用(SPA)必不可少的组成部分。 那么,对于angular而言,它自然也有内置的路由模块:叫做ngRoute。 不过,大家很少用它,因为它的功能太有限,往往不能满足开发需求!! 于是,一个基于ngRoute开发的第三方路由模块,叫做ui.router,受到了大家的“追捧
项目需求有一个2px的换行符,颜色是淡灰色的,这里面可能有一些不一样的设置,需要明白。 说到颜色变化,大家首先想到的都是color,但是color一般都是针对字体颜色的,线条需要用background-color, 但是单纯的将背景色设为灰色是不够的,线条还是黑色的,我们需要给线条一个高度,也就是我们需要的2px 这样设置完后,在浏览器中可以看到线条变粗了,而且原来的
当用户点击链接离开本页时,弹出一个消息框: $(window).unload(function(){ alert("再见"); }); 当用户离开页面时,会发生 unload 事件。 具体来说,当发生以下情况时,会发出 unload 事件: 点击某个离开页面的链接 在地址栏中键入了新的 URL 使用前进或后退按钮 关闭浏览器 重新加载页面 unload() 方
今天来看看前端的冒泡和事件默认事件如何处理 1.event.stopPropagation()方法 这是阻止事件的冒泡方法,不让事件向documen上蔓延,但是默认事件任然会执行,当你掉用这个方法的时候,如果点击一个连接,这个连接仍然会被打开, 2.event.preventDefault()方法 这是阻止默认事件的方法,调用此方法是,连接不会被打开,但是会发生冒泡,冒泡会传递到上
cmd如何实现快速粘贴复制个功能: 调出cmd命令提示符,右击上面的菜单栏(也就是最上面的空白处),选择-属性, 然后勾选-快速编译模式 复制:选择要复制的内容,直接按回车键,然后就可以去其他地方粘贴了; 粘贴:直接在你想要粘贴的位置右击鼠标键即可粘贴成功; 就这么简单。。。。。。
在w3school关于window对象的介绍中,介绍了获取浏览器窗口大小的三种方法(浏览器的视口,不包括工具栏和滚动条)。 对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari: window.innerHeight – 浏览器窗口的内部高度 window.innerWidth – 浏览器窗口的内部宽度 对于 Internet Exp
我的思维大概是这样的-----有一个导航栏,用css写了hover事件,鼠标放上去会变成蓝色; 下面就有一个需求,点击导航某一项页面不会跳转,还在本页面,点击哪一个让哪一个变成蓝色,其余的为灰色的,但是当我点击完成之后,hover事件就会失效,不起作用了, 我的css代码是这样的 .content-top1>p:hover{ color: #19b1e8; } 我的js代码
jQuery接口: .hover(over,out); 具体方法: $("#id").hover( function(){ //当鼠标放上去的时候,程序处理},function(){ //当鼠标离开的时候,程序处理});
今天刚换了一台电脑,在使用Git的时候遇到了这个问题: 输 入 git add * 后出现 warning: LF will be replaced by CRLF in ...... The file will have its original line endings in your working directory. 解决方法: git config --glo
常用: JS 获取浏览器窗口大小 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 // 获取窗口宽度 if (window.innerWidth) winWidth = window.in
响应式设计与自适应设计 相信从事前端页面设计的人都知道,页面呈现的效果及用户体验是非常重要的。当今社会移动设备的使用已超过了pc端,面对不同分辨率的设备,怎样做到页面体验的效果一样呢?这就成了最头疼的事情。 下面我们来看看响应式设计与自适应设计两者用法: 响应式Web设计(Responsive Web Design) :主要利用CSS3的媒介查询(Media Quer
学习网站seo需要一个非常系统的过程,但是现实中有许多seo优化新手,由于没有进行一个系统化的学习,加上网络上的SEO知识往往都比较零碎,往往对SEO没有清晰的认识。为了帮助大家对网站SEO有一个清晰的认识,今天邓双喜就专门为大家讲一讲网站SEO优化的具体,非常详细且实用哦! 优化主要分为八步:1、关键词分析(也叫关键词定位)排名是建立在关键词基础上的! 这是进行
如果出现mysql 无法启动表明在安装xampp 前已经安装了mysql,造成mysql服务无法启动。 19:06:33 [mysql] MySQL Service detected with wrong path 19:06:33 [mysql] Change XAMPP MySQL and Control Panel settings or 19:06:3
在使用JavaScript对字符串进行处理的时候我们经常会用到replace方法,很简单的一个方法,以前一直不以为意,直到今天看JavaScript语言精粹的时候读到了一个有趣的小例子的时候,并不是十分理解,了解了一下replace的用法才明白,原来replace不像想象中的那么简单。 replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
弹窗上面显示there are no packages available for installation,对于window系统主要是因为Tcp/IPv6造成的,如果遇到这种问题, 可以打开网络和共享中心>>更改适配器设置>>选择连接网络的那个点击右键>>属性>>将IPv6前面复选框的小勾去掉,点击确定就可以了 屡试不爽!!!!
Package Control:插件包管理工具 Soda:一个流行的主题,包含代码着色、标签、图标 Emmet:流行的Html编写插件,是zed code升级版包含css编写 SublimeLinter:行内高亮语法 Html5:html5捆 SideBarEnhancements:一个左边栏增强 SublimeCodeintel:一个代码智能提示引擎 Alignment:Js代码对其插
首先说明这两者坐标都是一样的 坐标的正方向都是顺时针的,尤其是操作旋转(rotate)的时候必须要主意这点,而且它默认的0°都是在3点钟方向。
看代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>添加事件的几种方法</title> <style type="text/css"> div{ width: 200px; height: 1
当鼠标或者键盘触发某一事件时,在JavaScript中,我们可以为这个事件设置相应的动作。当然浏览器本身甚至是操作系统也会有对某一事件的默认动作,这样除了由于我们设置了自己定义句柄而产生的动作之外,还会有默认的动作发生。 通过事件属性取消默认动作 DOM的Event对象,通过其preventDefault()方法来取消默认动作。在IE下,则是将event的r
<span style="font-size:18px;">window.onkeypress = function(e){ console.log( e.keyCode); } window.onkeydown = function(e){ console.log( e.keyCode); } //上面onkeydown与onkeyp
atom插件实在是太多了,下面就说说我的插件 1.minimap 右边的小地图,和sublime里面的差不多; 2.open-in-browser 右击默认浏览器打开; 3.emmet 这个不用多说吧,html快速编译 4.git-plus 直接在atom提交代码,不用git终端 5.autocomplete-plus 当你输入的时候会有提示 6.color-p
一、什么是跨域? 要理解跨域问题,就先理解好概念。跨域问题是由于JavaScript语言安全限制中的同源策略造成的. 简单来说,同源策略是指一段脚本只能读取来自同一来源的窗口和文档的属性,这里的同一来源指的是主机名、协议和端口号的组合. URL 说明 是否允许通信 http://www.a.com/a.
在HTML中执行脚本最重要的方法就是使用<script>元素,但是执行<script>元素时会阻塞后面文档的加载。 那么首先为什么会阻塞呢,是由于哪些原因呢? 其实是<script>标签中的src属性在作怪,因为一个src就相当于一次http请求,他的作用就是把src所对应的地址上的文档下载到本地,因此当浏览器碰到<scrip
CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sharing)。 它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制。 本文详细介绍CORS的内部机制。 一、简介 CORS需要浏览器和服务器同时支持。目前,所有浏览器都支持该功能,IE浏览器不能低于
一、URL是什么 有哪些组成 首先URL是通过window.location获取的 统一资源定位符 (Uniform Resource Locator, URL) 完整的URL由这几个部分构成: scheme://host:port/path?query#fragment scheme:通信协议
AngularJS 2.0 学习 Angular 2 当越来越多的 web app 使用 Angular 1构建的时候,更快更强大的 Angular 2 将会很快成为新的标准。 Angular的新约定使得它更容易去学习、更快的去开发 app。通过本教程学习更快速。更强大的 Angular 版本。 Angular 一个跨移动和桌面的框架 快速开始
好记性不如烂笔头o(^▽^)o 此文主要作为初步接触CDN的学习和了解,查阅了一些资料,并按照自己的阅读习惯进行语言整理、分段和整合,参考资料见文末1,2。感谢文章贡献者,深入浅出。 CDN CDN 一定义 二CDN网络结构 三CDN工作原理 四具体实例 五关键技术 一、定义 背景: 当下的互联网应用都包含
渐进增强 progressive enhancement:针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。 优雅降级 graceful degradation:一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。 区别:优雅降级是从复杂的现状开始,并试图减少用户体验的供给,而渐进增强则是从一个非常基础的,能够起作
box-sizing:border-box 为ie的怪异盒模型引进的; 如果给标签加上box-sizing:border-box 属性,则会告知浏览器的解析器这个元素的盒模型类型为怪异盒模型; 即给元素设置的宽高不但包括content还会包含padding和border; 分割线---------------------------------------------