- 博客(39)
- 收藏
- 关注
RSS订阅转载 JSON.parse()与JSON.stringify()的区别
JSON.parse()【从一个字符串中解析出json对象】例子：//定义一个字符串var data='{"name":"goatling"}'//解析对象JSON.parse(data)结果是：name:"goatling"JSON.stringify()【从一个对象中解析出字符串】var data={name:'goatling'}JSO...
2018-10-28 21:22:00
98
转载 设置position（absolute,fixed）导致flex布局不生效
个人解决办法：将要设置display：flex的dom外面在套一个div，并且设置宽度，就可以了。转载于:https://www.cnblogs.com/chuxinsyn/p/9347205.html
2018-07-21 17:01:00
2521
转载 超出多少字用省略号代替
对于单行文字, 很简单..oneLine { width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 对于多行文字, 上面的代码就不适用了. web-kit based 的浏览器提供了对这个特殊需求的支...
2018-07-18 14:49:00
328
转载 根据经纬度 获取中心点
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /&...
2018-05-30 16:07:00
1651
转载 火狐浏览器 兼容性
<a class="l_hbtn t_zhifu" id="pay" onclick="javascript:pay(event)">立即支付</a>function pay(evt) { evt = evt ? evt : (window.event ? window.event : null); }当前页面打开新页面window.ope...
2018-05-14 17:28:00
112
转载 防止页面后退（使浏览器后退按钮失效）
方法一： <script type="text/javascript"> jQuery(document).ready(function ($) { if (window.history && window.history.pushState) { $(window).on(...
2018-05-14 17:22:00
124
转载 call apply bind的区别
都是天生自带的内置方法（Function.prototype），所有的函数都可以调取这三个方法，改变this指向call 语法：fn.call(context,para1......) 把fn方法执行。并且让fn方法中的this变为context，而para1....都是给fn传递的实参（第一个参数永远是this，后面的参数是实参）非严格模式 call方法的几个特殊性：fn....
2018-03-13 17:14:00
68
转载 String字符串的常用方法
1、substr()：可在字符串中抽取从start下标开始的指定数目的字符。stringObject.substr(start,length)start：必需。要抽取的子串的起始下标。必须是数值。如果是负数，那么该参数声明从字符串的尾部开始算起的位置。也就是说，-1 指字符串中最后一个字符，-2 指倒数第二个字符，以此类推。length：可选。子串中的字符数。必须...
2018-03-13 11:30:00
89
转载 数组常用的几种方法
1、push：向数组的末尾增加一项 返回值是数组的新长度2、unshift：向数组开头增加一项 返回值是数组的新长度3、pop:删除数组的末尾项 返回值是删除的数组项4、shift:删除数组开头项 返回被删除的开头项目5、splice：方法向/从数组中添加/删除项目，然后返回被删除的项目，该方法会改变原始数组。arrayObject.splice(index,...
2018-03-12 10:12:00
143
转载 Ajax、Flash优缺点
Ajax的优势：1.可搜索性 2.开放性 3.费用 4.易用性 5.易于开发。可搜索性普通的文本网页会更有利于SEO。文本内容是搜索引擎容易检索的，而繁琐的swf字节码却是搜索引擎不愿触及的。虽然Google等一些大型的搜索引擎可以检索SWF内部的内容，但是仍然有很多麻烦存在。开放性Flash常年以来被Macromedia看的很死。包括Flex、FMS等辅佐技术一直都需要昂贵的安...
2018-03-02 09:52:00
86
转载 CSS Hack技术介绍及常用的Hack技巧集锦
一、什么是CSS Hack？不同的浏览器对CSS的解析结果是不同的，因此会导致相同的CSS输出的页面效果不同，这就需要CSS Hack来解决浏览器局部的兼容性问题。而这个针对不同的浏览器写不同的CSS 代码的过程，就叫CSS Hack。CSS Hack常见的有三种形式：CSS属性Hack、CSS选择符Hack以及IE条件注释Hack， Hack主要针对IE浏览器。1、属性级H...
2018-03-02 09:36:00
116
转载 全面了解TCP/IP到HTTP
一、OSI参考模型OSI（Open System Interconnect），即开放式系统互联。一般都叫OSI参考模型，是ISO（国际标准化组织）组织在1985年研究的网络互联模型。该体系结构标准定义了网络互连的七层框架（物理层、数据链路层、网络层、传输层、会话层、表示层和应用层），即ISO开放系统互连参考模型。在这一框架下进一步详细规定了每一层的功能，以实现开放系统环境中的互连性、...
2018-02-22 21:33:00
103
转载 JavaScript异步流程控制的前世今生
Javascript语言将任务的执行模式分成两种：同步（Synchronous）和异步（Asynchronous）。什么是同步编程"同步模式"就是上一段的模式，后一个任务等待前一个任务结束，然后再执行，程序的执行顺序与任务的排列顺序是一致的、同步的；"异步模式"则完全不同，每一个任务有一个或多个回调函数（callback），前一个任务结束后，不是执行后一个任务，而是执行回调函数，...
2018-01-20 10:19:00
95
转载 mstOne
云鸟(2017年6月6日)1、html标签语义化的好处a:利于seo优化b:在样式丢失的时候，还是可以比较好的呈现结构c:更好的支持各种终端，例如无障碍阅读和有声小说等.d:利于团队开发和维护，遵循w3c规范，减少代码差异，提高效率.2、盒子模型 加了box-sizing 之后怎样?IE5.x以及Quirks(怪异)模式的IE6， IE7中， border和p...
2018-01-09 10:29:00
106
转载 mst总结
1、jsonp跨域Jsop的原理：利用script不存在跨域的问题，动态创建script标签，把需要请求的数据源地址赋值给其src属性，并且指定一个回调函数，从而接受到我们想要的数据后台设置下 nodejsres.setHeader("Access-Control-Allow-Origin", "*");//设置随便跨域2、微信分享图片的解决方案...
2017-12-22 16:04:00
770
转载 媒体查询基本方法使用
媒体查询基本方法使用@media (max-width: 767px) {//小屏幕专用}@media (min-width: 768px) and (max-width: 1023px) {//中等屏幕专用}@media (min-width: 768px) {//中等屏幕和大屏幕使用}@media (min-width: 1024px) {//大屏幕专用}转载于:https://...
2017-12-18 09:40:00
152
转载 点击按钮复制到剪贴板
<html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Zero Clipboard Test</title> ...
2017-12-14 17:13:00
142
转载 监听图片src发生改变时的事件
$img.on('load', function() { $img.attr("src", getBase64Image($img.get(0))); $img.off('load')});on()函数用于为指定元素的一个或多个事件绑定事件处理函数。off()函数用于移除元素上绑定的一个或多个事件的事件处理函数。 off()函数主要用于解除由on...
2017-12-13 16:20:00
2363
转载 高德地图获取经纬度
<!doctype html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initi...
2017-12-11 15:38:00
1140
转载 jQuery抽奖插件 jQueryRotate
实现代码网页中引用<scripttype="text/javascript"src="js/jquery.min.js"></script><scripttype="text/javascript"src="js/jQueryRotate.2.2.js"></script><scripttype="text/...
2017-12-11 15:32:00
145
转载 vue购物车功能源码
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bo...
2017-12-08 17:55:00
278
转载 浅谈MVVM
MVVM 模式将 Presenter 改名为 ViewModel，基本上与 MVP 模式完全一致。唯一的区别是，它采用双向绑定（data-binding）：View的变动，自动反映在 ViewModel，反之亦然。Angular 和 Ember 都采用这种模式。参考资料：http://www.ruanyifeng.com/blog/2015/02/mvcmvp...
2017-12-08 09:58:00
49
转载 组装数据和页面渲染
组装数据var contacts = new Array(); $("#contact").find('div').each(function() { if ($(this).hasClass('contList')) { if ($(this).find('div').find('input[name="linkman"]').val() || $(this).find('d...
2017-12-07 17:05:00
83
转载 Vuejs实现轮播图
css：<style type="text/css"> * { margin: 0; padding: 0; list-style: none; } .clearfix { content: ''; clear: both; display: block; } .carousel { width: 500px;...
2017-12-04 17:04:00
137
转载 Vuejs选项卡案例
css.active { color: red; border-bottom: 1px solid red; } ul li { padding: 0 15px; float: left; list-style: none; }html<div id="root"> <ul> <li @clic...
2017-12-04 15:53:00
128
转载 选项卡案例
/* css代码 */<style type="text/css"> div { display: none; background-color: #ccc; width: 200px; height: 200px; border: 1px solid #999; } .show { display: block; } ...
2017-12-04 14:15:00
88
转载 js中用来操作数组的相关的方法
push向数组的的末尾添加新的内容unshift向数组的开头增加新的内容slice（n,m）从索引n开始（包含n），找到索引m处（不包含m），然后把找到的内容作为一个新的数组返回，原有的数组不改变的。floor() 方法可对一个数进行下舍入。floor() 方法执行的是向下取整计算，它返回的是小于或等于函数参数，并且与之最接近的整数。random() 方法可返回介于 ...
2017-12-04 10:17:00
46
转载 js中用来操作字符串的相关的方法
varstr="zhufengpeixun2015yangfanqihang"; 字符串也是存在索引和length的 str.length获取字符串的长度(字符的个数) 第一个字符的索引是0，第二个字符的索引是1... console.log(str[2]); 1、charAt(index)：通过索引index获取指定位置的字符 console.log...
2017-12-04 10:15:00
90
转载 用逗号拼接字符串，并且去掉最后一个逗号
var stores = ""; $("#storeList tr").each(function() { if ($(this).find('input').is(':checked')) { var str = $(this).attr('data-stores') + ','; stores = str + stores; } }) jsonstr = dataH...
2017-12-04 09:52:00
1561
转载 微信分享链接或网站文章到微信朋友圈，缩略图片不显示，该如何解决？
如图：分享到朋友圈的链接没有显示图片，简介变成了网址，如何让左侧那个图片显示尼？？？解决方法：在我们的网站网页html代码中的<body>之后(也就是网站的第一张图片)增加<imgsrc="http://singrr.com/wm/img/logo.jpg"style="visibility:hidden;height:0;width:0;"/&g...
2017-12-01 18:00:00
467
转载 position
在CSS中关于定位的内容是：position:relative | absolute | static | fixed• static 没有特别的设定，遵循基本的定位规定，不能通过z-index进行层次分级。• relative 不脱离文档流，参考自身静态位置通过top,bottom,left,right定位，并且可以通过z-index进行层次分级。• absolute 脱离文档...
2017-12-01 17:53:00
61
转载 Jsop的原理
Jsop的原理：利用script不存在跨域的问题，动态创建script标签，把需要请求的数据源地址赋值给其src属性，并且指定一个回调函数，从而接受到我们想要的数据转载于:https://www.cnblogs.com/chuxinsyn/p/7943732.html...
2017-12-01 17:51:00
388
转载 定时器
定时器:1）Window.setInterval([function],[interval]);setInterval:设置一个定时器，当到达指定时间[interval]的时候，执行[function]，并且以后每隔这么长的时间都重复执行一次[function]2）Window.setTimeout([function],[interval]);setTimeout:设置一个定时器，到达...
2017-12-01 10:42:00
65
转载 sessionStorage在项目中的应用
1. 本地存储 Cookie（局限性）：用户可以禁用cookie，最多只能存储4kb，cookie有过期时间的（一般我们设置的时间最长1个月，用户使用杀毒软件也可以清除我们的cookie）LocalStorage：持久化存储到本地，没有过期时间，最大可存储5MB 都是采用的明文存储，我们在控制台（Resource）下可以看到存储的信息，所以本地存储都是不安全的（不要存储重要的信息，如果...
2017-11-27 13:27:00
194
转载 浅谈JavaScript中forEach与each
each() 方法规定为每个匹配元素规定运行的函数。语法：$(selector).each(function(index,element))参数必需。为每个匹配元素规定运行的函数。index- 选择器的 index 位置element- 当前的元素（也可使用 "this" 选择器）forEachforeach循环用于列举出集合中所有的元素，fo...
2017-11-27 11:50:00
116
转载 全选非全选
//全选按钮操作事件$("input[name='CouponCheckAll']").click(function() { if ($(this).is(":checked")) { $("input[name='couponName']").prop("checked", true); } else { $("input[name='couponName']"...
2017-11-27 11:29:00
67
转载 清空数组
var arr = [1, 2, 3, 4]; arr.splice(0, arr.length); console.log(arr);=》[]转载于:https://www.cnblogs.com/chuxinsyn/p/7903241.html
2017-11-27 11:14:00
43
转载 将字符串两个字符，两个字符 用：分开
var str = "avdgftjhhihguttu"; var arr = []; for (var i = 0; i < str.length / 2; i++) { var idx = i * 2; var s = str.substring(idx, idx + 2); arr.push(s); } arr.join(":"); console.lo...
2017-11-27 11:13:00
717
转载 数组去重
var arr = ['11', '22', 'aa', 'bb', '11', 'aa', '22', 'aa', 'bb', '11', 'aa']; var s = []; for (var i = 0; i < arr.length; i++) { if (s.indexOf(arr[i]) == -1) { s.push(arr[i]); } } c...
2017-11-27 11:09:00
51
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人