Drenched-oldTimes-优快云博客

原创 mouseenter和mouseover ，mouseleave 和mouseout ,hover的区别

以前也遇到过这种问题，就是做简单的动画的时候，经常闪退，这次又遇到了，就总结一下。先来看一下mouseover和mouseenter的区别下面的效果是我都是触发一次的效果。结果就是mouseover会在移进的时候触发一次，在移出的时候又触发一次，那就是两次，没法实现顺畅的移进移出效果。mouseenter 就是移进的时候触发那一次。上面的代码也放一下：<!DOCTYPE html>&...

2018-04-10 14:55:28 2881

原创把后台传的毫秒数转化为年月日时分

最近用的layui在做项目，这个日期控件有点坑......像bui之类的ui框架，日期都会自动转化成年月日啊时分秒之类的，结果这个还要转化，为了方便记忆，博主就下下来好了。思路就是，要先写好一个函数，然后去调用。下面的可以直接复制粘贴去使用，完全没毛病哈~ Date.prototype.format =function(format){ var o = {

2018-01-25 09:46:23 2807 1

原创 WebStorm-快捷键都不能用的原因

由于某人经常吐槽偶用Hbuilder 然后新装了WebStrom，因为好多东西都是默认的，就掉坑了啦刚开始还以为复制粘贴快捷键不能用，然后发现所有的快捷键都不能用了。。。百度了好多也不知道是啥问题，然后看到一个热心人发的一句话，才恍然大悟，不知道谁给我改的mac系统的快捷键，我用的windows......上张图片如下：相信大家都应该懂了。

2017-09-26 17:32:52 14618 6

原创 Node.js调试工具

最近在啃Node~Node.js调试工具有多种，下面介绍两种调试工具：一、node-inspector全局安装 npm install -g node-inspector打开终端，定位到要调试项目的根目录，输入node-inspector浏览器访问http://127.0.0.1:8080/?port=5858 进入Node调试工具打

2017-09-14 15:27:45 543

转载详解http----工作原理

1. HTTP简介HTTP协议（HyperText Transfer Protocol，超文本传输协议）是用于从WWW服务器传输超文本到本地浏览器的传送协议。它可以使浏览器更加高效，使网络传输减少。它不仅保证计算机正确快速地传输超文本文档，还确定传输文档中的哪一部分，以及哪部分内容首先显示(如文本先于图形)等。在了解HTTP如何工作之前，我们先了解计算机之间的通信。2. 计

2017-09-14 11:20:40 376

原创 get和post区别

GET一般用于获取/查询资源信息，而POST一般用于更新资源信息.看一下get和post的有什么区别：1、GET提交的数据会放在URL之后，以?分割URL和传输数据，参数之间以&相连，如EditPosts.aspx?name=test1&id=123456. POST方法是把提交的数据放在HTTP包的Body中.2、GET提交的数据大小有限制（因为浏览器对URL的长度有限制），而POS

2017-09-11 10:06:38 332

原创 jq--清空文本框的内容

今天主要实现的是清空文本框的内容外加其他的一些小功能~直接上代码哈哈HTML CSS .operation{ width: 100%; position:relative; ba

2017-08-31 16:14:57 1615

原创纯js实现简单的汉语转字母

实用场景：列表的筛选，如利用拼音全拼或首拼查询中文汉字基本实现思路：汉字有21个声母：b, p, m, f, d, t, n, l, g, k, h, j, q, x, zh, ch, sh, r, z, c, s有韵母24个，其中单韵母有6个：a, o, e, i, u, v, 复韵母有18个：ai , ei, ui , ao, ou, iu , ie, v

2017-08-30 17:34:54 2236

原创 windows7 下为目录建立软链接

公司业务需要，git上的vm要和tomcat 上的vm同步，要一直复制粘贴，效率太低，尤其是对楼主这么善忘的孩子来说，太折磨......目的：减少目录同步操作背景：前端git仓库中修改完vm，需要手动拷贝到tomcat目录下，效率不高解决方法：例如在 D:\environment\apache-tomcat-7.0.53\webapps\ROOT\WEB-INF\ 目录

2017-08-30 15:12:28 4943

原创 vue源码解析之插件入侵机制

先说一点概念性的东西哈~插件：聪明的程序员往往希望能更高(tou)效(lan)的完成指定的工作，插件就是按照一定的封装方式，暴露接口。让我们利用这些接口更快捷的实现功能。升职加薪。每个框架都提供了插件的扩展机制。这是框架可扩展性必不可少的一个部分。插件机制越简单。对于框架的生态的发展大有好处。jquery提供了$.fn.extend,angular有对应的依赖注入，module机制。既然vue

2017-08-25 15:32:07 752

原创 js中typeof的用法

今天来看一下typeof是干什么的？typeof 是一个一元运算，放在一个运算数之前，运算数可以是任意类型。它返回值是一个字符串，该字符串说明运算数的类型。都知道下面typeof运算的结果吗？（知道的童鞋们可以不用继续往下看啦，不清楚的接着走......）typeof(1);typeof(NaN);typeof(Number.MIN_VALUE);typ

2017-08-17 10:15:30 557

原创 vue对比与其他框架

简单对比其他框架一、ReactReact特点1.声明式设计 −React采用声明范式，可以轻松描述应用。2.高效 −React通过对DOM的模拟，最大限度地减少与DOM的交互。3.灵活 −React可以与已知的库或框架很好地配合。4.JSX − JSX是 JavaScript 语法的扩展。React开发不一定使用 JSX ，但我们建议使用它。5.组件 − 通过

2017-07-10 14:30:17 1586

原创 VUE2.X 基础

Vue2.x基础简介vue，始作俑者：尤雨溪；动机：爱好；目标：没想过；现状：很好Vue，读音 /vjuː/，类似于 view，是构建用户界面的渐进式框架。Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。Vue单文件组件 & 第三方库 = SPA应用vue-cli提供了高效、快速、便捷的项目搭

2017-07-10 14:20:43 467

原创事件对象事件源

什么是事件对象？事件对象分为鼠标事件和键盘事件鼠标事件：clientX，clientY，screenX，screenY，offsetX，offsetY 键盘事件： keyCode: 用来获取键盘码的;比如空格的键盘是32，回车13等 cltkey: 判断alt键是否被按下，按下是true，反之false Ctrlkey: 判断Ctrlkey键是否被按

2017-06-09 21:03:20 929

原创 Angular-依赖注入显式注入和隐式注入

AngularJS什么是依赖注入：使用控制反转的思想是说把控制的主动权转移了，不由调用者决定要调用谁来实现，而是由被注入决定谁去实现。1、隐式注入不需要开发人员干预，angularJS自动根据参数的名称识别和注入数据比如：app.controller("myCtrl".function($scope) { $scope.name="summer"})

2017-06-09 16:32:25 940

原创本地储存localStorage与cookie的区别

今天来介绍一下本地储存localStorage与cookie的区别① cookie在浏览器与服务器之间来回传递。sessionStorage和localStorage不会把数据发给服务器，仅在本地保存②数据有效期不同：cookie只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭。sessionStorage：仅在当前浏览器窗口关闭前有效。localSto

2017-06-05 13:53:02 8430

原创 js中的string对象

string对象String 对象用于处理文本（字符串）。创建 String 对象的语法var Str=new String(s);Str=new String("字符串")；var Str="字符串"参数参数是要存储在 String 对象中或转换成原始字符串的值。返回值当 String() 和运算符 new 一起作为构造函数使用时，它返回一个新创建的

2017-05-25 20:02:54 332

原创 JS数组对象的splice()和slice()的区别

splice()和slice() Hello，everybody~今天来个小细节的东西，js大家都不陌生了，不知道对js数组对象的几个方法还有没有印象，今天就来深入分析一下~数组对象中有两个比较相似的方法——splice和splice，看着很像，就是多了一个p，但是用法却相当不一样。1、splice()定义用于插

2017-05-25 17:43:29 3621

原创内存泄漏以及常见的解决方法

最近一直在忙项目，有点耽搁了前段时间花费了很大的精力在已经成熟的代码上再去处理memory leak问题。今天就来详细说一下，看看它是什么和常见的几种解决办法有哪些。写此的目的是希望我们应该养成良好的编码习惯，尽可能的避免这样的问题，因为当你对着一大片的代码再去处理此类的问题，此时无疑增加了解决的成本和难度。准确的说属于补救措施了。1. 什么是内存泄漏（me

2017-05-11 10:32:13 555

原创 H5 面试中会遇到的技术问题

今天楼主先来说一下面试中会遇到的技术问题：1、的title和alt有什么区别？2、从浏览器地址栏输入url到显示页面的步骤。3、请描述一下 cookies，sessionStorage 和 localStorage 的区别4、前端需要注意哪些SEO？5、HTTP的几种请求方法用途6、如何进行网站性能优化？7、语义化的理解8、介绍一下你对浏览器内核的理解9

2017-05-07 23:20:09 4136

原创 ui路由---实际案例操作(首页登录注册商品列表)

今天给大家详细操作一下ui路由怎么用：实现多个页面跳转楼主实现了4个功能的页面：首页登录注册商品列表第一步：首先要做好文件夹，文件夹内需要的东西都添加好如下图： 30shop-ui路由是大文件把项目文件构建好第二步接下来写的是index的内容要记住先引入需要的各种库：

2017-05-05 21:11:30 774

原创 Angular路由 ng-route和ui-router的区别

什么是路由？路由是AngularJS构建单页面应用的基础。路由，就是网络数据或者请求进行分发的一个网络组件。路由就是一个用于请求URL分发和跳转的一个应用组件，Angular中通过$routeProvider路由服务提供者进行核心的配置处理。ng路由ng 路由是 AngularJS 官方提供的一种简单的路由操作。 ng 路由主要分三个组成部分：路由指令、路由

2017-05-04 09:09:03 7414

原创 AngularJS 内置服务

一、服务？AngularJS功能最基本的组件之一是服务(Service)。服务为你的应用提供基于任务的功能。服务可以被视为重复使用的执行一个或多个相关任务的代码块。AngularJS服务是单例对象，这意味着只有一个实例被创建过，服务使用AngularJS的依赖注入机制来定义和注册。可以把服务注入模块、控制器和其它服务。二、内置服务常见的内置服务如下：

2017-05-02 23:46:05 4407 1

原创重难点--JaveScript面向对象

面向对象概念面向对象（Object Oriented）面向对象不是一个技术，而是一种处理问题的思路，是一种编程思想。是一种新兴的程序设计方法，或者是一种新的程序设计规范(paradigm)，其基本思想是使用对象、类、继承、封装、多态等基本概念来进行程序设计。类和对象区别 >>> 类和对象类：类型的简称，类型~数据类型的简称，就是一个代号，一种数据

2017-05-02 16:37:21 505

原创 Angular自定义服务

自定义服务先来看一个小图这是讲面向对象讲的，也可以运用到自定义服务中。表要急~面向对象会单独写出来~AngularJS自定义服务：在AngularJS中服务是一个函数或对象。即从后端接口获取数据，然后将数据挂载到控制器中。在AngularJS应用中：自定义服务是在控制器（controller）与数据模型（model）之间使用的。Angular

2017-05-02 11:06:08 501

原创简单的实现Ajax跨域请求

Ajax跨域到底是什么意思？Ajax请求一个目标地址为非本域（协议、域名、端口任意一个不同）的web资源，并根据响应获得外部应用数据。比如我们用Ajax访问城市天气预报、IP地址等公共服务接口时，就涉及跨域了。我们请求一个外部服务时，浏览器会基于安全问题拒绝授权访问。而script、script、iframe标签的src属性就不存在跨域的问题，所以Ajax跨域就是利用这一点以及js对JSON的

2017-05-01 16:34:33 671

原创 JQueryAjax操作

看到题目要想到： JQuery是什么东西？是一个JavaScript类库，封装了大量的JavaScript底层代码。 JQuery的Ajax操作对JavaScript底层Ajax操作进行了封装，提供了两种方法进行操作底层的$.ajax()操作快捷操作$.get()..$.post()... $.ajax({

2017-05-01 16:25:46 601

原创原生jsAjax操作

原生jsAjax操作过程：头部代码： var _ct=document.getElementById("classType");// 第一步创建对象 var _http; if(window.XMLHttpRequest){ _http=new XMLHttpRequest(); }else{

2017-05-01 16:19:07 1215

原创什么是Ajax？

快来搬好小板凳，听课了今天讲的ajax，是很多一线城市都在使用的新技术，掌握了这一项技能，个人技能和工资都能翻一翻那就看看什么是Ajax？ Ajax：不是一个新技术，某些领域也被称为局部刷新技术异步的JavaScript和XML技术通过JavaScript中的异步对象XMLHttpRequest来进行数据请求，得到传输

2017-05-01 16:00:45 2968

翻译跟着钱钟书和杨绛去春游

想要过一种生活，有情趣做饭，有心情看书，有时间旅行，最最重要的，是这一切都有人陪伴。但愿人长久，我们都有人陪伴。去年此时，抽空跑了趟杭州。杭州是常去的，但那一次，我足足待了四天。因为要走一条洋气高端定制路线。这条路线是由一对夫妇原创开发的，他们是大名鼎鼎的钱锺书和杨绛。那是1949年暮春，摄影家郎静山在上海举办摄影展，钱锺书受邀为他翻译摄影标

2017-05-01 15:46:55 773

原创 AngularJS的常见指令，来看看你知道几个嘞

本楼主真的是闲不住啊，像我这种爱写东西的，真是一写就停不下来，写完去吃顿大餐补补那今天说点什么呢，应广大要求，说说经常用到的一些AngularJS中的指令吧。那AngularJS指令到底是什么呢，接下来咱就好好叙叙~ AngularJS指令 AngularJS的指令指示，命令：指挥示意要做一件事情！指

2017-05-01 14:39:03 673

原创 AngularJS-控制器篇(controller)

今天公司突然停电了，临时回家，哈哈莫名很兴奋。回家里已经把工作做完，今晚上一起看个电影啊度过愉快的周末~说说今天的用的控制器再出去耍哈哈哈控制器什么是控制器？控制器是AngularJS的核心之一，它的作用主要是对视图中的

2017-04-28 15:50:44 10949 3

原创如何在angularjs的自定义指令内部定义自定义过滤器？

今天下班碰到之前的小学妹，看她今天很是烦躁，我们就沟通了一下，原来是上学的时候没有学好AngularJS，有很多不懂的问题，她问了我一个问题，就是怎么使用自定义过滤器？一听到这个问题，我就有得说了，我就给她写了个案例，基本的使用方法。其实自定义的过滤器很强大，功能很多，所以我们公司一直有在使用，所以我们团队的人都应该会对它挺了解的，今天就来说说怎么去用它。1、首先你要很清

2017-04-27 21:19:38 864

原创 AngularJS中多种过滤器的使用

hello，everybady~~~ 今天有人问我怎么使用过滤器，我就简单的做了个总结，大家一起来纠错呗~ 对于正在工作的楼主来说，也觉得当时学习Angular稍稍有点头疼，知识点很多，也挺怀念那时候一心扎进代码的我们，同样也解决了不少问题我就是有点闲不住，爱逛社区，看到很多大神都在分享自己敲代码遇到的那些坑，也决定加入这个小行列，说说最近遇到的东西~有个初学者问我怎么使用过

2017-04-27 19:39:52 548

原创揭秘--组件的概念及应用

组件的概念及实际应用最近由于公司在用AngularJS，最近就把关于这方面的知识都整理了一遍，就最近遇到的组件问题给大家说一下都少走一点弯路~平时我们所看到的网页中，有很多HTML页面中都只有很少的标签，但却很炫酷，感觉同样也实现了很多效果。那这个页面就使用了今天要说的组件，我们平时在项目开发中也是会经常运用到的一个很重要的东西。组件的概念组件的概念是在

2017-04-27 18:03:26 453

原创学习AngularJS有哪些常见的社区？

大家好哇~ 最近工作挺忙，不过对于程序猿来说，还是要注意劳逸结合，咱们都要有个好身体才能好好敲代码今天是给你们送福利的啦，少走一点弯路~ 官方网站在AngularJS的入门分享的时候，已经发过官方网站的地址 AngularJS框架从2013年开始在国内出现应用，一直到2016年活跃于web前端项目开发中，丰富的社区资源也是一个非常重要的原因。所以今天主

2017-04-27 09:39:07 2778

原创新手老手一起来！AngularJS 第二讲-深入基本语法

基本语法上篇文章中，咱们已经对AngularJS基本语法有了初步的了解，接下来就一起继续回顾一下它的基本语法，并对此有更深入的了解。这对以后的工作有很大的帮助，这些都是基础，基础打牢了才能更好的学习后面比较难的东西。首先，我们已经清楚AngularJS的几个最基础的指令，指令是Angular中使用比较多的一个部分，Angular中的内置指令都是ng-开头的一种特殊的语法结构，如:

2017-04-26 22:05:05 559

原创 angular.js 课程---第一讲入门分享

Angular 快速入门趁着工作之余，总结一点关于Angular.js的课程，最近工作中用Angular也挺多的，一起回顾一下，不然一不小心就会忘记了~ 怎么样快速学习AngularJS，相信很多初学者都有过或者类似的疑问，以本楼主的近年的工作经验来分享一下怎么快速入门。想学好Angular，就先要了解Angular一、首先要知道学习Angular的必要性应该都先学

2017-04-26 20:21:25 554

checkbox自定义样式

空空如也