自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 js链式调用

链式调用在JavaScript 语言界很常见,如jQuery 、Promise 等,都是使用的链式调用。链式调用可以让我们在进行连续操作时,写出更简洁的代码。 简单的实现代码如下: function Person() {} Person.prototype.name= function(n...

2020-04-09 15:58:28 20 0

转载 模块化开发的CMD和AMD区别

AMD 是 RequireJS 在推广过程中对模块定义提出的概念。 CMD 是 SeaJS 在推广过程中对模块定义提出的概念。 RequireJS 和 Sea.js 都是模块加载器,倡导模块化开发理念,核心价值是让 JavaScript 的模块化开发变得简单自然。 不同之处 两者的主要区别如...

2020-04-08 17:02:43 61 0

原创 前端工程化浅识

最近看了很多关于前端工程化的文章,记录一下自己的简单理解。 前记(废话):日益复杂的前端业务已经前端技术的飞速发展,现在已经不是刚刚兴起时的html+css+javascript以及搭配一个的jquery就走遍天下的时代了,各种前端mvvm框架,ui库,各种轮子,造轮子能力,打包工具,前端测试工...

2020-04-08 16:42:46 36 0

转载 Async/Await与Promise区别

自从Node的7.6版本,已经默认支持async/await特性了。如果你还没有使用过他,或者对他的用法不太了解,这篇文章会告诉你为什么这个特性“不容错过”。本文辅以大量实例,相信你能很轻松的看懂,并了解Javascript处理异步的一大杀器。 初识Async/await 对于还不了解Asyn...

2020-04-08 15:55:08 678 0

转载 js控制最大并发请求实现,promise

背景 通常,我们在需要保证代码在多个异步处理之后执行,会用到: Promise.all(promises:[]).then(fun:function); Promise.all可以保证,promises数组中所有promise对象都达到resolve状态,才执行then回调。 这时候考虑...

2020-03-11 15:45:25 974 0

原创 判断某个变量是否为数组(判别其它类型可类比某些方法进行)

自己整理的比较简单和常用的三种方法去判断某个变量是不是为数组 第一种方法 instanceof: function checkIsArray(arr){ return arr instanceof Array; } 第二种方法 直接使用array的一个方法 =>isArr...

2020-03-04 18:13:11 25 0

原创 数组内的对象去重(基于对象的某个字段)

一.非es6方法: //去重方法 function filterSame(arrays){ var obj = {}; var newArrays= []; for(var i =0; i<arrays.length; i++){ if(!...

2020-02-12 18:14:27 46 0

原创 前端要持续监听事件的性能优化(节流/防抖),scroll方法为例。

以滚动事件为例吧,移动端要实现一个简单的滚动到底部加载下一页的需求,就需要监听页面的scroll事件了代码如图: let timeOutFn = false; // $(window).scroll(function () { //监听窗口的滚动事件 clearTimeOut(t...

2020-01-09 12:59:25 295 0

原创 react配置路由的时候地址栏的井号(#)去除方法,新方法。

今天在搭建框架的时候使用了router之后,地址栏的#号很碍眼,查了资料后发现react-router的新版本不能直接import browserHistory方法去解决这个井号,找到了这个方法: 把history的改为这个就ok的了,很简单,做一次记录。 ...

2020-01-03 12:12:52 1087 0

原创 canvas的图片与img图片互转(生成base64编码的图片)

canvas图片转img标签的base64编码地址 js代码片段如下: //从网页中的canvas标签中提取图片 function convertCanvasToImage(canvas) { var image = new Image(); // canvas.to...

2019-10-08 14:47:43 94 0

原创 一个超级简单的Python爬虫例子

首先要安装两个库(requests、BeautifulSoup) 爬了中国旅游网的某一条消息 import requests from bs4 import BeautifulSoup url = "http://www.cntour.cn/" page=requests...

2019-09-23 16:31:11 439 0

原创 iPhone手机上h5页面输入内容后,失去焦点页面底部有空白问题解决

这真是一个cd的问题,这ios也太傲娇了吧 在页面的input框输入完成后,它竟然就挂在那里了,底部的按钮一直在屏幕的中部,多出了一大块空白,要手动滑动几次才能回复正常,不自动归位,真的cd。解决办法如下: jq方法: $("input").on("blur&quo...

2019-08-08 11:10:02 808 0

原创 通过递归的方法使用setTimeout模拟setInterval行为

今天在优化项目的代码时候用到了递归方法,然后看到网上一个有趣的题目:怎么用setTimeout模拟setInterval行为? 感觉挺过瘾的,就去实现了一下,果然有趣,直接上代码吧: //实现的方法挺简单的 ,如下代码 //参数: 毫秒 需要执行的方法 function setInter(...

2019-07-03 17:54:08 1205 0

原创 关于使用display:flex的弹性布局,结合js实现最后一行自动左对齐(跪求纯css实现的方法)

一个考验基本功的功能,而我现在也才用了最流行的一种方法,希望看到的有思路的可以写下自己的做法,一整段代码如下: 实现思路:通过获取父元素的宽度以及子元素宽度进行一系列计算,补齐最后一行,达到justify-content:wrap的时候,依旧完美左对齐 <html> &l...

2019-06-28 18:22:41 425 0

原创 react改变this.state的对象里面的值的方法

//伪代码 this.state={ person:{   sex:'',   age:'',   } } //改变state内部值 changeState=(type1,type1_child,data)=&gt;{ l...

2018-11-20 17:08:45 3211 0

原创 react的识别html标签输出

初学react学习到的,方法很简单,如下: str = `&lt;p style="color:red"&gt;输入正常的文字&lt;/p&gt;` &lt;div dangerouslySetInnerHTML={{ __html:...

2018-09-11 15:39:59 2601 0

转载 根据经纬度,计算地图两点之间的距离(可在高德地图api接口验证结果是否正确)

function getdistance($lng1,$lat1,$lng2,$lat2){ //将角度转为狐度 $radLat1=deg2rad($lat1);//deg2rad()函数将角度转换为弧度 $radLat2=deg2rad($lat2); $radLng1=deg2rad($lng...

2018-06-25 10:32:50 7720 0

原创 php post请求,参数数据格式为json

function curlPost($url, $post_data, $json){    $ch = curl_init();    curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, 10);    curl_setopt($ch, CURLOPT_TIMEOU...

2018-05-11 16:17:46 2735 0

原创 php把数据输出为word,并且数据中的img可显示

$case_title1 =“abc”;$content = "catwoe&lt;span&gt;implement&lt;img src="http://www.baidu.com/04_20170109164233.jpg" alt=&q...

2018-04-09 16:24:27 219 0

转载 js三种创建对象的方法

javascript是一种“基于prototype的面向对象语言“,与java有非常大的区别,无法通过类来创建对象。那么,既然是面象对象的,如何来创建对象呢?一、通过”字面量“方式创建。方法:将成员信息写到{}中,并赋值给一个变量,此时这个变量就是一个对象。例如: var person = (na...

2018-04-02 16:37:41 80 0

原创 ci框架的controller调用 公用函数,研究了一下

如题吧,今天使用ci做后台业务的时候,想封装一个公用函数,方便整个模块调用,发现了一个比较快捷的方法:之前就一贯思维,model只写与数据库的交互,后来发现原来可以把公用的封装好的函数放到这里的!!!!!,然后controller那边调用(因为不推荐调用controller调用本身里面的函数)。然...

2018-03-30 17:18:28 1445 0

原创 通过jquery动态设置下拉框select的选中值option

虽然简单,但是用得比较少,自己按照select的选中原理,直接撸出来,然后做出跟百度出来的结果对比了一下,发现百度出来的东西太繁琐了,效果实现了,但是本着代码要简洁的心,我还是用了自己的方法,记录一下结构如下:&lt;select&gt;    &lt;option cla...

2018-03-30 10:29:11 8281 0

转载 mysql事务详解和实例讲解

MySQL的事务支持不是绑定在MySQL服务器本身,而是与存储引擎相关1.MyISAM:不支持事务,用于只读程序提高性能 2.InnoDB:支持ACID事务、行级锁、并发 3.Berkeley DB:支持事务  一个事务是一个连续的一组数据库操作,就好像它是一个单一的工作单元进行。换言之,永远不会...

2018-03-29 01:16:50 369 0

原创 IE浏览器使用get去获取数据时会使用缓存的数据作为结果

1.缓存问题?    IE浏览器提供的ajax对象在发送get请求时,会查看请求地址是否访问过,如果访问过,则显示第一次访问的结果(也就是说,会将第一次访问的结果缓存下来,下次直接使用,不会判断数据是否改变)。2.解决方法    1).数据获取方式由GET方式改为POST方式;    2).仍然使...

2018-03-23 10:59:52 877 2

原创 handlebar.js模板使用方法简记

之前在项目中用到的一个模板引擎,用起来挺简单的,也还不错1.引入模板&lt;script src="../js/handlebars.js"&gt;&lt;/script&gt;&lt;div class="this-site&...

2018-03-20 14:09:44 262 0

转载 普通方式绑定事件 和 用ADDEVENTLISTENER 添加事件有什么区别

1、onclick添加事件不能绑定多个事件,后面绑定的会覆盖前面的。2、addEventListener方式,不支持低版本IE。3、普通方式绑定事件后,不可以取消;addEventListener绑定后,可以用removeEvenListener 取消;4、addEventListener的用法:...

2018-03-15 10:55:43 168 0

转载 跨域处理

首先了解下浏览器的同源策略同源策略/SOP(Same origin policy)是一种约定,由Netscape公司1995年引入浏览器,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,浏览器很容易受到XSS、CSRF等攻击。所谓同源是指"协议+域名+端口"三者相同,即...

2018-03-13 21:04:46 63 0

原创 w3c标准

W3C的标准到底是啥?1、图片的alt="" 属性必须每张图片都加上,而且对齐属性用CSS来定义。不加不能通过XHTML 1.0的验证。  2、每个文档必须加上DTD声明。  a) !DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 ...

2018-03-06 17:17:24 159 0

原创 通过css设置文字不能被选中

通过简单的css设置页面的文字无法被选定。&lt;div class="select"&gt;我不能被选中复制&lt;/div&gt;.select{    -webkit-user-select:none;     -moz-user-sele...

2018-02-26 10:09:59 15524 0

转载 简单的checkbox多选框样式修改(纯css3)

今天在做项目的时候有需要用到多选框,并且因为ui的关系,需要稍微美化一下多选框,所以找到了实现方法,挺实用的,不需要脚本就能实现。前端布局如下:&lt;input class="select-tag-input" type="checkbox" id...

2018-02-26 10:05:13 4032 0

转载 js相关的localStorage 设置、删除,过期操作

&lt;script type="text/javascript"&gt; //封装过期控制代码 function set(key,value){ var curTime = new Date().getTime(); ...

2018-01-29 15:23:49 7544 0

转载 php获取两个日期之间的间隔天数

php$datetime1 = date_create('2018-01-25'); //格式化日期 $datetime2 = date_create('2018-01-13'); //格式化日期 $interval = date_diff($dat...

2018-01-25 16:09:04 2202 0

转载 css背景色渐变

#grad {     height: 200px;  width:500px;     background: -webkit-linear-gradient(left, #338fdd , #14d3e3); /* Safari 5.1 - 6.0 */     background:...

2018-01-23 13:54:32 156 0

原创 js去除字符串中的所有空格(包括前后,中间存在的所有空格),清除前后空格(手机输入框实用),es6新方法

一、js去除字符串中的所有空格: str = " hello world ! " str.replace(/\s/g,""); 感觉很好用。 二、去除左右空格: rtrim =(str)=>{ //删除左右两端的...

2018-01-17 16:28:55 28448 1

原创 css解决含不同字数的相同宽度的多个盒子,自动排列对齐(基础实用)

文本2端对齐 - flex *{padding: 0;margin: 0;} html,body{height: 100%} ul{list-style: none;} .plist { position: relative; padding: 9px 15px; backgro...

2018-01-05 14:02:29 3295 2

转载 php获取url根目录,传值参数,完整url

#测试网址: http://localhost/blog/testurl.php?id=5//获取域名或主机地址 echo $_SERVER['HTTP_HOST'].""; #localhost//获取网页地址 echo $_SERVER[...

2018-01-04 10:25:58 3192 0

转载 php获取当前时间,计算一天,一周,一月,一年后的时间

"code" class="php"> header("Content-type: text/html; charset=utf-8");    echo '当前时间加一个月,一个礼拜,一天,一小时,15分钟这里测试&...

2018-01-03 14:53:13 14112 0

转载 js实现上移、下移置顶

html>head>meta charset="utf-8">meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> titl...

2017-11-21 15:30:59 2504 0

原创 当浏览器窗口大小改变时候,动态获取当前浏览器窗口的可视高宽

当浏览器窗口大小改变时候,动态获取当前浏览器窗口的可视高宽: window.resize = function(){ console.log("浏览器可视高度"+$(window).height()); console.log("页面Body高...

2017-11-07 10:05:11 2622 0

原创 mysql数据库查询指定列最大值,并且按组查询

项目的购买记录表,查询最新的购买记录,但由于商品还有子商品所以还要实现组查询,实际上是查询各个商品的最新购买时间: select id,usr_id,item_id, max(deadline) as deadline from buy_record where user_id = 1 grou...

2017-11-07 09:40:48 4320 2

提示
确定要删除当前文章?
取消 删除