Wisdom_Qiu-CSDN博客

原创登陆

XXXX init(); function initPage(){ if(getCookie('SG_REMEMBER_USER')=='1'){ var cb = document.getElementById('isRememberUser'); $('#username')[0].value=getCookie('SG_LOGIN_NAME');

2017-06-22 16:53:51 361

转载 JavaScript中对象进行深度clone，url参数解析

function cloneObject(o) { if(!o || 'object' !== typeof o) { return o; } var c = 'function' === typeof o.pop ? [] : {}; var p, v; for(p in o) { if(o.hasOwnProperty(p)) {

2017-06-22 15:38:14 363

原创 WebSocket学习01

WebSocket学习浏览器通过javaScript向服务器发出建立WebSocket连接的请求，连接建立以后，客户端和服务器端就可以通过TCP连接直接交换数据。var Socket = new WebSocket(url ， [protocol]);//url表示指定连接url//protocol 可选项，子协议Socket.readyState表示连接状态 - 0代表尚未建立 - 1代表

2017-06-18 22:35:22 334

转载移动端开发注意事项

webkit内核中的一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用。<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"><meta content="yes" name="apple-mobile-web-

2017-06-15 15:53:08 693

原创 div包含img标签多出像素，图片1像素问题

1. div包含img标签多出像素可以给img加上：vertical-align: bottom;2.图片1像素问题，通常出现在多个图片显示的情况，可以使用float来解决

2017-04-26 10:53:26 3153

原创关于cookie

cookie是啥？ cookie是浏览器的一种机制，它将document的cookie属性提供给javaScript，可以由javaScript来进行来控制，但并不是javaScript的性质。cookie是存于用户硬盘的一个文件，这个文件对应一个域名。每次浏览器访问这个域名的时候都会使用这个文件，因此cookie是不可以跨域的,且cookie，则可以达到真正全局变量的要求。cookie的应用

2017-03-04 21:44:32 294

原创关于gulp的一点点知识

写一下此时此刻的心情，刚刚弄了一个gulp的小项目，又回忆了一下关于gulp的小知识gulp插件查询https://www.npmjs.com/package/package现在的需求是将项目压缩打包以后形成的目录：-dist --js --css --images --html --fonts需要操作的项目的目录如下:-src --config

2017-01-11 18:39:38 592

原创关于360浏览器自动填充用户名和密码的问题

关于360浏览器自动填充用户名和密码的问题在工作中领导要我想一个问题，关于360浏览器会自动填充密码和用户名的问题，而且该死的input框还会变成屎黄色，丑到爆（用户端也可以自行设置浏览器不保存密码）首先分享一下我的总结： * 一般都是cookie记住用户名和密码。可以设置禁止用户修改cookie，osc就这样做了！ eg: PHP4 header("Set-Cookie: hidden=

2016-11-30 15:27:36 9290

引言:Internet Explorer 中有很多奇怪的渲染问题可以给他一个”layout”得到解决，John Gallant 和 Holly Bergevin把他归类为“dimensional bugs”（尺寸bug或者尺寸臭虫），意思是可以给对应的元素赋予宽度和高度解决；这给我们带来了一个问题：为什么layout可以改变渲染模式和元素之间的关系？=========================

2016-11-19 20:47:56 376

原创前端性能优化

一、前端优化的目的最近在总结一些前端优化的方法，结合以往做项目的经验以及网上的一些资料，对常用的优化方法进行了汇总，以后如果遇到一些新的方法也会在这里进行补充。用户：页面加载更快，用户操作响应及时，更友好的体验；对服务商：减少页面请求，减小请求所占带宽，节省资源。=============================================== 二、优化的途径页面级别的优化如：

2016-11-14 21:47:09 357

翻译 ui-router 组件

ui-router 组件$state/$stateProvider：管理状态定义，当前状态，状态转换。包含触发状态转换的事件和回调函数，异步解决目标状态的任何依赖项，更新location到当前状态。由于状态包含关联的url，通过location到当前状态。由于状态包含关联的 url，通过urlRouterProvider生成一个路由规则来执行转换的状态。ui-view指示器：渲染状态中定义的视图

2016-11-09 14:31:52 337

翻译移动端开发遇到的问题（全）

安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480320，这devicePixelRatio＝2。现在android比较乱，有1.5的，有2的也有3的。想

2016-11-06 20:59:12 930

原创原型链总结

原型链总结一下，整理思路，进步进步1. // A)首先先看这部分代码 console.log(Object.__proto__ ===Function.prototype);//true console.log(Number.__proto__ === Object.__proto__);//true console.log(String.__proto__ === Object.__pr

2016-11-06 16:15:24 393

转载 Web前端优化最佳实践及工具集锦

前端的性能对于一个Web应用来说非常重要，如果一个Web应用的页面加载速度非常快、对于用户的操作可以及时响应，那么产品的用户体验将会极大地提升。下图显示了页面加载速度对于用户体验的影响。你的Web页面的速度是否已经足够快了？其实可能还有很多可以提升的地方。Google和雅虎也提出了一些Web应用的前端优化建议，并发布了一些工具，你可以逐一检验你的Web应用，以便达到更高的性能。这些

2016-11-06 14:36:03 574

原创 jQuery Mobile总结（初级）

工作之余，写的，如有错误请指正。。。。jQuery mobile在学习之前，我们得先明白它到底是什么？ jQuery Mobile 是针对触屏只能手机与平板电脑的website以及在线应用的前端开发框架，它是基于jQuery框架并结合HTML5和CSS3这些新技术。它提供了非常友好的UI框架和一个强大的ajax的导航系统以支持动画页面的转换。学习之前，我们需要去官方网站下载jQuery M

2016-11-04 15:47:27 551

原创 AngularJS常用指令

ng-app指令：标记AngularJS脚本的作用域，在html标签中添加ng-app属性，说明整个html都是AngularJS脚本作用域。也可以局部添加ng-app属性如在div中运行。ng-model：类似与ID的作用，用来绑定当前元素<div id="box" ng-app ng-init="name='小雪' "> <h1>{{name || 'yyq' }}</h1>

2016-11-01 09:20:01 387

原创 BaiDu Template

BaiduTempalte的优点：学习成本低，采用javaScript原生的语言，所以效率比较高。默认的HTML转义，防XSS攻击，并支持url等多种转义。变量未定义时，自动输出为空，防止页面错乱，功能强大。例子：如何定义模板块代码？模版块可以放在 <script type="text/template" id="template-test"> <div>

2016-10-28 22:11:59 518

原创 ES6模板字符串

1.模板字符串（template string）含义：ES6新出的一种新型的字符串字面量的语法，是一种能在字符中内嵌表达式的字符串字面量（string literal）。模板字符串在早期的Harmony提案中称之为半字面量(Quasi Litaral),现已更名为模板字符串。2.用法：1）模板字符串是增强版的字符串，使用了反引号（`）来代替普通字符串的单引号或者双引号来标示

2016-10-27 10:49:03 1262

原创 DOM脚本设置样式

1. 网页由三层信息构成的一个共同体： 1）结构层（由HTML或XHTML之类的标记语言创建） 2）表现层（由css负责完成，页面呈现的效果） 3）行为层（负责内容该如何响应事件这个问题）以下例子皆在此背景下：样式设置 #box { width: 100%; heigh

2016-10-26 20:28:00 440

原创高阶函数，单例模式，AOP

学习笔记，高阶函数比较仔细，单例模式，AOP的简单说明和一些例子

2016-09-07 21:05:41 506

Wisdom_Qiu的博客