使用css画带气泡的三角形
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="ie=edge" /><title>Document</title> <style> body { ...基于angular-cli配置代理解决跨域请求问题
1.跨域请求产生 随着不同终端(Pad/Mobile/PC)的兴起，对开发人员的要求越来越高，纯浏览器端的响应式已经不能满足用户体验的高要求，我们往往需要针对不同的终端开发定制的版本。为了提升开发效率，前后端分离的需求越来越被重视，后端负责业务/数据接口，前端负责展现/交互逻辑，同一份数据接口，我们可以定制开发多个版本。 而前后端分离带来的一个问题就是前端web部署的服务器和后端提供服务的服务器大概率不在同一个域名下，进而会产生跨域问题。 2.通用解决方案 如果浏览器支持HTML5，那么就可以一劳永逸地使用新的跨域策略：CORS了。&nbs...标签: angular
递归函数通过缓存提升性能
2017-8-20 Jon js+jquery+ajax
递归应该是众所周知的概念，而且我们遇到次数最多的例子可能就是斐波那契数列了，规则如下： f(n)=f(n-1)+f(n-2), for n=2,3,4,...n and f(0)=0 and f(1)=1 ...摆脱令人抓狂的ESlint 语法检测配置说明
最近学习Vue，通过vue-cli脚手架创建的项目环境，写了段时间后，发现这个ESlint语法检测真是令人抓狂！！！ 所以不得不停下手中的代码去学习下ESlint的规则配置。 其实我并不反对这些语法检测，但是像许多反个人意愿的那就真的不得不吐槽了，比如vue-cli脚手架创建的默认eslint规则： 代码末尾不能加分号 ; 代码中不能存在多行空行 tab键不能使用，必须换成两个空格 代码中不能存在声明了但未使用的变量 以上规则个人认为真的反人类！调试代码太难了。 好吧进入正题... 关闭eslint 这里只说vue-cli脚手架的关闭方法，其实很简单，就是把...标签: vue
base64位多组图片显示美化并上传
2016-11-12 Jon js+jquery+ajax
js 选择单个base64位图片 js 选择多组base64位图片 .showImg img{ height:100px; } .select-img-box { position: relative; display: inline-block; background: #D0EEFF; border: 1px solid #99D3F5; border-...标签: base64
html5+js 监听网络在线与离线?
html5+js 监听网络在线与离线 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>html5+js 监听网络在线与离线</title> </head> <body> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script> ...一个线程的独白
我是一个线程， 我一出生就被编了个号： 0x3704, 然后被领到一个昏暗的屋子里， 这里我发现了很多和我一模一样的同伴。 我身边的同伴0x6900 待的时间比较长， 他带着沧桑的口气对我说： 我们线程的宿命就是处理包裹。 把包裹处理完以后还得马上回到这里，否则可能永远回不来了。 我一脸懵懂，包裹，什么包裹？ ”不要着急，马上你就会明白了， 我们这里是不养闲人的。“ 果然，没多久，屋子的门开了， 一个面貌凶恶的家伙吼道： ＂0x3704 ,出来！＂ 我一出来就被塞了一个沉甸甸的...标签: 线程
使用html5 webSQL + localStorage 实现本地留言板功能
使用html5 webSQL + localStorage 实现本地留言板功能 使用html5 webSQL + localStorage 实现本地留言板功能 人过留名，雁过留声 您的大名： 您的高论： ...标签: webSQL localStorage
判断浏览器是否安装了flash
2016-8-8 Jon js+jquery+ajax
判断浏览器是否安装了flash <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>判断浏览器是否安装了flash</title> </head> <body> <div class="install-flash"> <a href="https://get2.adobe.com/cn/fl...标签: flash
JS判断客户端是否是iOS或者Android手机移动端
2016-7-15 Jon js+jquery+ajax
通过判断浏览器的userAgent，用正则来判断手机是否是ios和Android客户端。代码如下： var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 alert('是否是Android：'+isAndroid); alert(...标签: 移动端
css+jquery打造最简洁的评分效果
css+jquery打造最简洁的评分效果 最简洁的评分效果 body{width: 500px;margin:120px auto;} .grade-star{position: relative;width: 120px;height: 20px;background: url(https://gitee.com/yinuocode/blogsImg/raw/master/img/star.png) repeat-x 0 0;} .brigh...标签: 评分
ajax使用jsonp跨域取数据献上3个demo
2016-5-27 Jon js+jquery+ajax
ajax使用jsonp跨域取数据 3个demo献上 1、ajax通过getScript跨域请求数据 ajax通过getScript跨域请求数据 ajax通过getScript跨域请求数据 $.getScript('https://yuanqiao.pw/yqiao/jsonp/datas.json',function(){ console.log(Dylan); $('h2').html('姓名：'+Dyla...前端开发规范手册2.0
目录 一、规范目的 二、文件存放及命名规范 三、html书写规范 四、css 书写规范 五、js书写规范 六、图片规范 七、实践建议 一、规范目的 1.1 概述 为提高团队协作效率，便于后台人员添加功能及前端后期优化维护，输出高质量的文档，特制订此文档。本规范文档一经确认，前端开发人员必须按本文档规范进行前台页面开发。 本文档如有不对或者不合适的地方请及时提出，经讨论决定后可以更改此文档. 二、文件存放及命名规范 2.1 ...标签: 规范
seajs+spm3修炼手册
一、写在前面 前端技术层出不穷，js模块化更是大势所趋，乱世必出英雄，seajs就是js模块化的佼佼者。 文章适合初学者，大神请绕过。对于一个新技术的学习，主要会讲 ->seajs定义及作用 ->为何要用seajs &n...jquery自定义网页列表右键菜单选项
2016-5-6 Jon js+jquery+ajax
jQuery自定义列表右键菜单选项 jQuery自定义列表右键菜单选项 *{margin:0;padding:0;} ul,li{list-style: none;} a{text-decoration: none;color: black;} a:hover{color: white;background: black;} #mymenu{position: absolute;display: none;z...标签: 右键菜单
日历
最新微语
- html转义与翻转义工具
https://www.sojson.com/rehtml#google_vignette
2024-09-03 15:28
- 周公恐惧流言日，王莽谦恭未篡时
2024-09-03 15:28
最新评论
分类
随机文章
最新文章
热门文章
存档
- 2023年1月(1)
- 2022年8月(1)
- 2022年5月(1)
- 2021年8月(1)
- 2021年7月(1)
- 2021年6月(1)
- 2021年5月(1)
- 2021年4月(1)
- 2021年3月(2)
- 2021年2月(3)
- 2021年1月(3)
- 2020年12月(1)
- 2020年11月(2)
- 2020年10月(2)
- 2020年9月(2)
- 2020年8月(2)
- 2020年7月(3)
- 2020年6月(3)
- 2020年5月(7)
- 2020年4月(5)
- 2020年3月(3)
- 2020年2月(2)
- 2020年1月(2)
- 2019年12月(2)
- 2019年11月(1)
- 2019年10月(3)
- 2019年9月(1)
- 2019年8月(2)
- 2019年7月(4)
- 2019年6月(5)
- 2019年5月(5)
- 2019年4月(3)
- 2019年3月(2)
- 2019年2月(2)
- 2019年1月(3)
- 2018年12月(1)
- 2018年11月(1)
- 2018年10月(1)
- 2018年9月(2)
- 2018年8月(1)
- 2018年7月(1)
- 2018年6月(3)
- 2018年5月(2)
- 2018年3月(1)
- 2018年2月(1)
- 2018年1月(1)
- 2017年11月(1)
- 2017年10月(1)
- 2017年8月(2)
- 2017年5月(1)
- 2016年11月(1)
- 2016年10月(2)
- 2016年9月(1)
- 2016年8月(1)
- 2016年7月(2)
- 2016年6月(2)
- 2016年5月(7)
- 2016年4月(6)
- 2016年3月(3)
- 2016年2月(2)
- 2016年1月(3)
- 2015年12月(2)
- 2015年11月(2)
- 2015年10月(3)
- 2015年9月(2)
- 2015年8月(4)
- 2015年7月(4)
- 2015年6月(8)
- 2015年5月(34)
- 2015年4月(8)
- 2015年3月(2)