okfine17-CSDN博客

原创 js异步编程

js异步编程一、概念-什么是异步编程callback async/await promise generator说说js是单线程的为什么是单线程JavaScript单线程，在同一个时间内只能做一件事。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。比如，假定JavaScript同时有两个线程，一个线程在某个DOM节点上添加内容，另一个...

2018-08-20 16:44:56 331

原创 js对数组中的对象去重

var hash = {};this.gcpcardList = this.gcpcardList.reduce(function(item, next) { hash[next.gcpFeedId] ? '' : hash[next.gcpFeedId] = true && item.push(next); ret...

2018-05-29 17:42:58 475

原创 git常用命令——对我很实用

1、查看git是否安装 git：（mac如果没有安装可以从app store下载xcode，xcode集成了git）2、创建版本库（仓库、repository） git add ：把文件添加到仓库 git commit：把文件提交到仓库3、一些命令 git status: 查看当前工作区（就是电脑中可以看到的的文件目录）状态信息，可以知道什么文件被修改过git diff: 查看di

2017-09-27 17:41:12 521 1

原创 transform属性不能同时写scale和rotate，怎么办？？

<div class="outScale"> <div class="innerRotate"> <img src="" alt="暂无图片"/> </div></div>当一个图片既要实现旋转需求，又要实现放大需求，但是transform属性不能同时写scale和rotate，这怎么办解决方案是：在图片外套两层div。 advice：外层的s

2017-09-27 17:31:41 7960 1

原创 javascript之for-in语句遍历对象属性

看到阮大大的教程，看到这样一条语句，var obj = { x: 1, y: 2};var props = [];var i = 0;for (props[i++] in obj);//这句我就不太理解啦！！props // ['x', 'y']首先，提出问题：for (props[i++] in obj);这句代码啥意思？看到下面的结果，连我智商这么低的人都知道这明显是遍历对象的属性

2017-05-04 12:54:18 2714 4

原创 HTML5——visibilitychange 标签可见性

今天一上午都在看一个童鞋的博客去了，然后发现搞了个这个诶，不不，我没打广告，我不认识这个同学，一言不合就上图———————发现了什么没？图1 图2 看title啦，之前都没注意到这个，今天偶然发现了，然后一脸懵逼怎么做的啊，搜啊搜，在知乎上看到了结果，嘿嘿！原来是html5的visibilitychange，张鑫旭大神写了一篇文章，可以点击这里。这判断这个标签是否正被用户浏览，

2016-10-08 14:19:33 1467

原创 js实现二分查找

var binarySearch = function(dataArr, target, start, end) { var middle; //robustness，预防没有指定起始位置 if (start == null) { start = 0; } if (end == null) { end = dataArr.length

2016-10-03 16:43:23 485

原创百度Ueditor传图

关于UEditor如何自定义按钮，此文就不说了，可以参考 Ueditor 自定义按钮这里写链接内容 UEditor添加一个普通按钮我重点要说一下在编辑器中插图片。在ueditor.all.js中添加如下代码：UE.commands['camnpr'] = { execCommand : function(){ var me = this;

2016-09-27 18:06:49 498

原创简单易懂的JavaScript中闭包的理解

记得半年前刚学习js的时候，第一次听说闭包也是云里雾里。不知道今天为嘛心血来潮想要写一篇闭包啊，好吧，不装逼了，干正事。闭包是有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式是，在一个函数内部创建另一个函数，当前作用域总是能够访问外部作用域中的变量。首先，先看看下面代码：for (var i=0;i<10;i++){ setTimeout(function(){

2016-09-26 17:59:50 395

转载面试题：十大经典算法总结(Javascript描述)

十大经典算法总结(Javascript描述) 应该是个96年的孩子写的，95的我要努力哦

2016-09-24 11:32:07 5481

原创 Webpack傻瓜入门指南

Webpack傻瓜式指南这个写的好啊，师傅推荐的，安利安利！试着敲一下：var webpack = require('webpack');module.exports = { entry: './src/main', output: { path: './dist', publicPath: '/dist/', filenam

2016-09-23 22:47:46 831

原创 Vue.js 中 v-if 和 v-show 的区别

开始第一个MVVM框架啦，激动啊，哈哈因为Vue.js还比较新，感觉网上的资源不是特别特别多，加了两个QQ群，有问题的时候问问群友，居然还要付费加群，整的我也想去搞一个诶，嘻嘻嘻…… 今天聊一下，Vue.js 中 v-if 和 v-show 的区别。官网是这样说的：在切换 v-if 块时，Vue.js 有一个局部编译/卸载过程，因为 v-if 之中的模板也可能包括数据绑定或子组件。v-if

2016-09-22 11:24:18 3679

原创 JavaScript对象、函数、数组、类型等（干货）

JavaScript对象、函数、数组、类型等（干货）

2016-09-19 14:21:41 432

原创实现一个函数clone，可以对JavaScript中的5种主要的数据类型（包括Number、String、Object、Array、Boolean）进行值复制。

呵呵，你就说是不是面试题笔试题常见它，掌握它就像看到男神一样激动？oops，我喜欢美女~ ~

2016-09-19 10:57:18 6636

原创 JavaScript——你理解的js基础是啥(JavaScript（核心、BOM、DOM）)

面试的时候，面试官问了一个问题：你理解的js基础是啥，当时我一脸蒙蔽，最开始想把js高程的目录给巴拉巴拉一遍，好在没傻…黑，有点尴尬。虽然JavaScript和ECMAScript通常都用来表达相同的意思，但是JavaScript的含义比ECMA－262中规定的多得多，一个完整的JavaScript实现由下列三个不同部分组成：( 装逼自己做了一个图，无颜值图==‘) 补充：看到这篇文章，窃以为

2016-09-19 10:34:57 661

转载排序之快速排序（quickSort）

先看下这个，渣渣感觉很酷炫阮大大啊，每个算法都出一篇文章吧快速排序（Quicksort）的Javascript实现

2016-09-19 10:19:58 352

转载 CSS元素隐藏、display:none和visibility:hidden、height:0和overflow:hidden的组合

http://www.zhangxinxu.com/wordpress/2012/02/css-overflow-hidden-visibility-hidden-disabled-use/ 哎呦不错哦张哥家的偷来的，哈哈～，给个传送门

2016-09-17 23:31:08 1697

原创 js事件封装方法（添加事件、删除事件、阻止冒泡、阻止默认行为）

var eventUtil={ // 添加句柄 addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false);

2016-09-17 23:13:25 1499

原创 javascript——创建对象的几种方式

又打开js高程了，为啥有一种严肃的心情捏？！今天看了创建对象这一节，写些笔记，巩固一下。我们知道，想要操作这些对象，首先你得有对象，对象哪里找？当然是自己创建呗！说一下比较常用的几种创建对象的方式。 1、字面量 var obj1={x:1,y:2}; var obj2={ x:1, y:2, z:{ a:1, b:2 }

2016-09-05 16:22:41 497

原创 js严格模式——arguments变为参数的静态副本

show u the code ! //一般模式 ! function (a){ arguments[0]=100; console.log(a);//undefined }(); ! function (b){ arguments[0]=100; console.log(b);//100 }(1); ! function (c){

2016-09-05 14:31:33 1956

原创 JavaScript——判断js数据类型（类型检测）

1、typeof运算符 typeof算是最常见的了，使用它会返回一个字符串，适合函数对象和基本类型（js中的基本类型：number、string、boolean、null、undefined、object［对象］）的判断。 console.log("测试number:"+typeof 1); console.log("测试string:"+typeof "str"); console.l

2016-09-03 18:07:41 45724

原创 jQuery中trigger()使用之触发select下拉框（onchange）

原谅我这么晚才发现trigger()，具体用法筒子们去看API去。~ o(￣▽￣)ブ，先说需求是啥，实现页面载入的时候自动触发select下拉框，数据是通过jQuery $.ajax 方法获得的。代码如下： $(function () { // 初始化频道 $.ajax({ url: "/channel/first.ajax",

2016-08-23 19:12:20 36112 2

转载浏览器缓存 200 304 Cache-Control Expires Last-Modified 和 ETag

http://www.renfei.org/blog/http-caching.html 写的真好！ 200 304 Cache-Control Expires Last-Modified 和 ETag

2016-08-19 17:51:59 852

转载 js call apply

转载的，感觉写的好 http://blog.csdn.net/myhahaxiao/article/details/6952321

2016-08-12 10:25:42 307

首先，加载clipboard.js文件（我上网找的一个cdn）：<script src="https://cdn.rawgit.com/zenorocha/clipboard.js/master/dist/clipboard.min.js"></script>其次，html代码：<input type="text" value="http://suo.im/8p5iq" id="onlineImgU

2016-08-11 15:55:20 7426 1

原创使用iframe如何通过url传参把数据从一个页面传到另一个页面（contentWindow）

最近做的项目使用Iframe，使用起来感觉挺方便的。但是唯一感觉不开森的就是使用Iframe后，页面的地址栏的是不改变的哦，那么我们如何通过url将数据从一个页面传到另一个页面?<div style="background-color: transparent;height: 580px;width: 1050px"> <iframe name="studyFrame

2016-08-04 14:14:35 24082 2

原创 div中的img标签多余空白bug解决方案

上传图片之前：上图之前之后：原图是这样的：发现区别了吧，这里用到了css3的object-fit属性（保持原有尺寸比例。保证替换内容尺寸一定大于容器尺寸，宽度和高度至少有一个和容器一致。因此，此参数可能会让替换内容（如图片）部分区域不可见。）呃，其实我想说的重点是div中的img标签多余空白bug解决方案。在做项目的时候，遇到这样的问题：呵嘿，上面有个白条对吧

2016-07-21 10:20:33 3062

原创上传图片demo

效果： html 代码：<html> <head> <meta charset="utf-8"> <title></title><link rel="stylesheet" type="text/css" href="test.css"> </head> <body> <div> <form class="box"> <span>+

2016-07-20 18:49:09 471

原创解决js中onkeydown事件键盘控制div移动鼠标卡顿

当在键盘上按下按键之后，div移动会卡顿一下，然后再继续持续移动。原因是系统要区分用户是否连续输入，第一个到第二个之间有一个停顿时间，键盘在第一次keydown后，不能连续触发onkeydown，因为没有keyup,所以需要一个间隔来判断是连按。当然可以快速的按键，这样就不会卡了，但是用户一般都不会这样做。所以为了避免在制作动画的时候，给用户产生动画不流畅的感觉。解决方案是设置一个定时器：先开一

2016-07-10 21:11:14 3521

原创 Js 日期格式化为yyyy-MM-dd

Date.prototype.Format = function(fmt) { var o = { "M+" : this.getMonth()+1, //月份 "d+" : this.getDate(), //日

2016-07-06 12:01:49 3918

原创浏览器的本地存储方法

浏览器本地存储是一种在浏览器中长久保存数据的方法，可以说为本地数据持久化，在我们刷新页面，或者同域名内页面跳转之后仍然可以将数据保留，对于服务器来说存储的压力小了，对用户来说，会感觉相应速度变快了，提升用户体验。 1、cookie cookie是我们最熟知的了，但是cookie 能存储的数据有限，如IE8，Firefox,opera每个域可以保存的50个cookie,Safari/WebKit没

2016-05-23 00:05:07 4228

原创 MySql之空值与非空与自动编号以及约束

1、空值与非空约束 NULL：字段值可以为空 NOT NULL:字段值禁止为空，NOT NUL eg: CREATE TABLE tb2( username VARCHAR(20) NOT NULL, age TINYINT UNSIGNED NULL ); 2、自动编号（保证某一条记录的唯一性，此记录不能够重复）

2016-05-15 10:28:51 2181

原创 js中null和undefined的区别

JavaScript有两个特殊的原始值：null和undefined，它们不是数字、字符串和布尔值。它们通常分别代表了各自特殊类型的唯一的成员，也就说是它自有类型的唯一的一个成员。从技术上讲，只有Javascript对象才能拥有方法，数字、字符串和布尔值都可以拥有自己的方法，但是null和undefined却无法拥有方法的值。null是JavaScript的关键字，表示一个特殊值，在IE5.5及其以

2016-04-30 10:51:23 885

原创 MySQL编码设置方法

一、设置创建数据库时数据库所使用的编码方式 CREATE {DATABASE|SHECMA} [IF NOT EXISTS] db_name [DEFAULT] CHARACTER SET [=] charset_name我们默认[ ]里面的内容是可选的，也就是说可写可不写的。还可以选择编码方式，如 [DEFAULT] CHARACTER SET [=] charset_nam

2016-04-28 16:41:25 7506

原创初识MySql

一、MySql目录结构 bin目录：存储可执行文件 data目录：存储数据文件数据库文件索引文件存储于此 docs:文档 include目录：存储包含的头文件 lib目录：存储库文件在php中想调用的文件存储与此 share：错误信息和字符集文件二、MySql常用命令 1、显示当前服务器版本： SELECT VERSION(); 2、显示当前日期时间

2016-04-28 16:15:41 475

原创 jQuery 遍历节点之next()方法

选择器是JQuery的基础，如果能够熟练的使用选择器，则可以简化代码，达到事半功倍的效果。在使用JQuery层次选择器的遍历节点过程中，next()方法使用也是比较常见的，所以和小伙伴们分享一下，一起学习。在jQuery用来遍历节点，返回被选元素的后一个同级元素，可用一个可选的表达式进行筛选（next([filter])），以jQuery对象的形式返回。返回带有类名”li_3”的每个

2016-04-27 23:19:33 1435

yCharlee的博客