miyacnn-CSDN博客

requirejs模块化开发后的合并压缩

requireJs 项目压缩合并必要性 requireJs好处无需过多介绍，为了应对日益复杂，大规模的Javascript开发，我们一般将复杂的逻辑划分成一个个小单元模块，化整为零。这个时候一个项目要引用几十个单元也是有可能的，每个单元都是一个js文件，如果上线的都是这些小的文件，每次加载页面都要向服务器发起这么多请求，将对性能造成一定影响。所以现在就需要一个工具可以将这些文件在不影...

2015-10-22 16:34:19 313

js简单的面试题(2)

续上一篇的js面试题 10，在ie6.0下面是不支持position：fixed的，请写一个js使用<div id ="box"></div>固定在页面的右下角 //如果用css实现的话 html{_background-image:url(about:blank);_background-attachment:fixed;}//这个是防止抖动的。 #time{...

2015-04-23 15:53:45 325

js简单的面试题

0，截取字符串abcdefg中的efg var str = 'abcdefg'; alert(str.substr(4,3)); 1，js有哪些数据类型，数据类型的判断函数？ String，Number，Boolean，Null，Undefined，Object 判断函数有：typeof，instanceof，constructor，prototype 接下来我们一一对这些...

2015-03-31 10:37:10 317

canvasapi及实现简易祖玛

一，canvas简介 1，我们说canvas，是一个html5的一种元素，通过使用javascript，可用于绘制图形，动画，图表，照片构图，或在飞行的任何其他可视化对象。 2，支持的浏览器， Internet Explorer (9.0+) Safari (3.0+) Firefox (3.0+) Chrome (3.0+) Opera (10.0+) iOS (1.0+) ...

2015-02-09 17:48:56 467

单体模式--飞机大战小蜜蜂游戏

1，先说下，javascript设计模式之单体模式单体是一个用来划分命名空间并将一批相关的属性和方法组织在一起的对象，如果他可以被实例化，那么他只能被实例化一次。单体模式是javascript里面最基本但是也是最有用的也是最常用的模式之一。单体模式的特点： 1，可以用来划分命名空间，从而清除全局变量所带来的危险。 2，利用分支技术来封装浏览器直接的差异。 3，可以把代码组织的...

2015-02-02 15:12:28 682

项目完成后的小总结

项目完成了，突然想做个总结但是有点无从下手了。做之前对于客户端给的接口很模式。然而定义好了格式要求就如此的愉快了。先说说项目主要实现的功能吧 1，按键精灵 2，获取行情数据 3，各种input输入条件判断 4，发送数据（有json格式和string格式） 5，获取预警条件列表和预警结果列表， 6，排序， 7，预警结果分页获取 8，导出文件（excel，text等） 9...

2015-01-21 17:01:32 596

grunt 单独压缩多个js和css文件

使用grunt来压缩前端js，css文件因为最近做的客户端本地项目有用到十几个js，js提交之前都需要压缩。用grunt压缩已经不是什么新鲜事了，，之前的项目用的是别人给我配置好的。所以也没有去深究。这次类型不同了不需要去上传只需文件压缩。所以下午自己去研究了下grunt确实很好用。我们这里需要对js和css单独压缩。网上很多都是合并压缩。本人觉得多个js合并之后会存在隐形问题。还...

2015-01-21 09:41:53 225

js禁止右键使用

12月份在忙于考驾照及公司的项目一直没有时间来写博客项目在上周五已经测试完毕告一段落，今天想把项目给总结一下，发现有很多要总结的。。。。在2015年第一遍文章就写个在项目用到的某一个功能吧，，禁止右键使用直接上代码： window.onerror = function() { return true }; document.oncontextmenu = fu...

2015-01-19 15:28:57 227

用面向对象的方法写选项卡功能

了解了面向对象之后，那我们来写下选项卡，，，面向对象的选项卡原则先写出普通的写法，然后改成面向对象写法普通方法变型尽量不要出现函数嵌套函数可以有全局变量把onload中不是赋值的语句放到单独函数中改成面向对象 ...

2014-11-23 14:38:11 794

原创 javascript面向对象理解

理解javascript中的面向对象理解对象属性理解并创建对象理解继承 ---------------------------------------------------------------- ECMAScript中有5种简单数据类型（也称基本数据类型）:Undefined,Null,Boolean,Number,String,还有一种复杂的数据类型Obje...

2014-11-23 11:05:31 183

javascript面向对象编程

什么是面向对象编程用对象的思想去写代码，就是面向对象编程过程式写法面向对象写法我们一直都在使用对象数组 Array 时间 Date 面向对象编程(OOP)的特点抽象：抓住核心问题封装：只能通过对象来访问方法继承：从已有对象上继承出新的对象 ...

2014-11-21 16:08:27 229

原创 javascript对象字面量

自己的理解对象字面量就是一种创建对象的一种模式（这几年开发的首选模式）。对象字面量提供了一种非常方便地创建新对象值的表示方法。一个对象字面量就是包含在一对花括号中的0个或多个“名/值”对。对象字面量的输出方式以及定义好处 1.对象字面量的输出方式有两种：传统的‘。’，以及数组方式，只不过用数组方式输出时，方括号里面要用引号括起来，如 v...

2014-11-20 17:06:34 223

12个未必知道的css小知识点

http://www.webhek.com/12-little-known-css-facts/ 12个你未必知道的css小知识点，分享。。实用

2014-10-14 10:54:32 196

js判断是移动端还是pc端

运行当页面的时候，执行到js会判断来自于移动端还是pc端，如果是移动端则跳转制定链接地址，，这样在手机端会有额外的不必要浪费的加载时间，，，代码： var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; ...

2014-09-19 09:50:14 232

hexo配置主题发表文章

上一篇我们把本地hexo博客部署到github上了，那么我们想使用自己喜欢的主题，同时也要发表发表文章呢，下面给介绍下： 1,进入hexo官网，预览自己想要的主题，https://github.com/hexojs/hexo/wiki/Themes 这里拿light为例。进入hexo博客的目录，如：E:/hexo/themes 右键git bash 输入： git clone htt...

2014-08-27 16:22:35 358

搭建hexo博客并部署到github上

这几天一直在想用什么来搭建自己的博客。无意中接触到hexo hexo是由Node.js驱动的一款快速、简单且功能强大的博客框架，支持多线程，数百篇文章只需几秒即可生成。支持markdown编写文章，可以方便的生成静态网页托管在github上。感觉不错。前端人员都在用github分享自己的代码。所以想着用hexo部署到git上。搞一个自己的博客。 1，安装hexo 安装hexo前： ...

2014-08-21 13:36:28 467

给大家推荐一篇好博客

那篇博客真是太好了，直击学习js学习者最容易疑惑的地方 http://bonsaiden.github.io/JavaScript-Garden/zh/#types

2014-07-23 10:58:12 151

web基础-web工作原理，http协议，浏览器缓存

1，web工作原理 2，http协议 3，浏览器缓存 4，cookie和session -------------------------------------------------------------------------------------------------------------------------------- 1，web工作原理平时用浏览器，输入网...

2014-07-23 10:40:31 396

不容忽视的js加载位置

，为什么手机上打开股市笔记这么慢一啊，，有时候还会黑屏一下，，，今天的访问量都下去了。。代码要优化一下的啦，，，然后就想到要测试机，加提示来找到是哪个地方哪个文件让速度这么，，因为这个在pc端肯本看不出来慢。。手机上就不一样了。尤其用的2G网络。。用户是很没有耐心的，不能登录过长时间。。。。看看代码突然想到，哎呀，，js文件都怎么还在head里面加载的呀...

2014-07-10 18:46:19 257

js 正则匹配 url

正则匹配规定范围的url 需求要求，textarea里面的文本如果有http开头以#code=股票代码结束的url要给其加上a链接发送给后台。写了个例子如： <textarea id="text">这个是测试的地址：http://news.10jqka.com.cn/field/20140701/566341184.shtml#code=300032#code=...

2014-07-09 13:21:46 446

Node.js入门经典系列学习（三）

一，node.js的作用，二，回调（Callback）三，一，node.js的作用， I/O的意义，（I/O是输入/输出的简写，如：键盘敲入文本，输入，屏幕上看到文本显示输出。鼠标移动，在屏幕上看到鼠标的移动。终端的输入，和看到的输出。等等） node.js想解决的问题，（处理输入，输入，高并发。如在线游戏中可能会有上百万个游戏者，则有上百万的输入等等）（nod...

2014-07-04 15:09:19 176

原创 Node.js入门经典系列学习（二）

NPM是一个Node包管理和分发工具，已经成为了非官方的发布Node模块（包）的标准。有了NPM，可以很快的找到特定服务要使用的包，进行下载、安装以及管理已经安装的包。 NPM常用的命令有：（1）$ npm install moduleNames 安装Node模块注意事项：如果在使用模块的时候不知道...

2014-07-03 19:04:46 193

Node.js入门经典系列学习（一）

一，node.js介绍这些网上一大堆信息，我只精简 1，什么是node.js 从核心上说：Node.js是个事件驱动的服务器端javascript环境，也就是说，我们可以像使用PHP，Ruby和Python语言那样，使用javascript创建服务器端的应用程序。对于网络以及创建与网络交互的软件，它尤为专注。 2,使用Node.js能做什么它既可以创建对文件系统进行操作...

2014-07-03 18:40:03 210

把textarea内容中回车转<br/>传给后台显示的时候把<br />转成换行显示到textarea中...

1，把textarea内输入的内容中有回车换行的转成<br />传给后台， var content = $("#text").val().replace(/\n/g,"<br />"); 2，把请求下来的数据在显示到textarea中的时候把<br />的在统一转为换行显示 var news = $(dat...

2014-07-03 18:18:31 2039

获取当前url并拼接成新的url

项目中，，因为要求点击完成的时候传给手机端当前页面的内容和url，如果是新加记事也要把pid带上，这个时候要获取当前页面url，可能还要加上pid var currentUrl = window.location.search;//获取当前页面的url var pidi = data.result.pid;//得到请求过来的pid var searchPos = Url_l.ind...

2014-06-20 19:04:38 810

职业的选择，总的来说，无非就是销售、市场、客服、物流、行政、人事、财务、技术、管理几个大类，有个有趣的现象就是，500强的CEO当中最多的是销售出身，第二多的人是财务出身，这两者加起来大概超过95%。现代IT行业也有技术出身成为老板的，但实际上，后来他们还是从事了很多销售和市场的工作，并且表现出色，公司才获得了成功，完全靠技术能力成为公司老板的，几乎没有。这是有原因的，因为销售就是一门跟人打交...

2014-06-08 10:30:44 323

javascript中cookie的使用分析

1，cookie的概述 2，cookie的使用 1，JavaScript中的另一个机制：cookie，则可以达到真正全局变量的要求。 cookie是浏览器提供的一种机制，它将document 对象的cookie属性提供给JavaScript。可以由JavaScript对其进行控制，而并不是JavaScript本身的性质。 cookie是浏览器提供的一种机制，它将document ...

2014-06-06 09:59:26 1220

jquery 实现文字闪动效果

有个项目，之前添加记事成功是弹出一个提示框提示，添加成功，产品经理觉得这样不是很友好，但是不提示又不知道是不是添加成功，又不知道明确知道当前添加的是哪一条，所以：想让添加的当条信息闪动几下，然后停止。就OK 下面就来说说实现的原理： 1，先要获取到最新一条记事的pid，这个pid可以是后台给你接口中返回的值。 2，在添加成功后来闪动这条记事， 3，闪动的方法可以写到函数里，直接调用。 ...

2014-06-05 10:09:10 716

jquery中each和push详细介绍以及ajax的简单实例

1，js中push（）的用法： 2，jquery中each()遍历方法 3，结合使用实例一，push（）定义和用法 push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。语法 arrayObject.push(newelement1,newelement2,....,newelementX) 参数描述 newelement1 必需。要添加到数组...

2014-05-29 18:54:07 1054

关于ajax中的GET和POST方式的请求

1，请求方式、 2，注意点 3，区别 4，缓存等一：GET访问浏览器认为是等幂的就是一个相同的URL 只有一个结果[相同是指整个URL字符串完全匹配] 所以第二次访问的时候如果 URL字符串没变化浏览器是直接拿出了第一次访问的结果 POST则认为是一个变动性访问（浏览器认为 POST的提交必定是有改变的）防止 ...

2014-05-27 19:40:59 408

原创处处留心皆学问

处处留心皆学问未完待续

2014-05-23 14:38:59 233

js时间戳和时间格式之间的转换

js里面的data对象的运行很实用的东西，，直接上代码： //时间戳转换成日期时间2014-8-8 下午11：40：20 function formatDate(ns){ return new Date(parseInt(ns) * 1000).toLocaleString().replace(/年|月/g, "-").replace(/日/g, " "); } ...

2014-05-23 14:00:52 801

输入限制字符串

直接看代码：参数说明： str：就是字符串 len：所要限制的字数 str2：以什么来结束，如果不输入就是以...结束这里作为参数传进来，用户可以任意几个点 //限制字数 function mCutStr(str, len, str2) { if (str == '') { return ''; } if (str2...

2014-05-23 10:54:02 220

手机记事项目

做的一个手机项目，进入app公司客户端然后点击我的记事，可以添加自己的记事，作为自己对股票的分析记录或者个人心情记录都可以，，也就是一个记事的功能。。里面有添加记事，修改记事，删除记事，记事列表。。等功能，，用到异步请求的有，添加，修改，删除。。记事列表属于是php动态渲染页面的。直接请求成功追加html就可以了，不用自己在拼html结构。 JS分有base.js（公共的接口，...

2014-05-22 19:07:51 307

安装nodejs成功，但是cmd下面找不到node

昨天有一次用到nodejs，所以到官网下载nodejs相应的系统位数的安装包，按理论说，安装过程中，会自动替换我的环境变量的，一直验证安装不成功的，其实安装过程是一步一步走，没有报错，是成功的。。为什么cmd下面node回车说找不到node命令最后去找了一下环境变量，发现它没有把环境变量地址替换掉，而是在我以前的地址后面加上，所以一直验证找不到node。因为我之前配置过手机开发环...

2014-05-07 18:18:08 9344 1

查看HTML，CSS，JS，等属性方法对浏览器或者其他设备的支持情况

近期发现一个网站很好用了，可以查看HTML，CSS，JS，等属性方法对浏览器或者其他设备的支持情况。里面有，IE（4-11）版本，Firefox各版本，Chorme，Safari，Opera，ios opera， Opera Mini，Android Browser，Blackberry Browser，IE Mobile，输入你不确定的属性就可以查到改属性是不是对他们支持。 htt...

2014-05-03 16:59:13 394

HTML5本地存储

这次做项目有一些简单设置，说不用后台给接口，让做在本地，用本地存储，，所以现学习了本地存储了。。其实还是蛮简单的。讲解的目录： 1，cookie 2，cookie的特点 3，storage 4，storage的特点 5，storage API 1，cookie：数据存储到计算机中，通过浏览器控制添加与删除数据。 2，coo...

2014-04-30 16:35:50 167

ajax应用

前端与后台合作过程中，提供接口，请求参数，返回参数等，这些在项目合作中是必不可少的。这样就要用到ajax来请求。下面做一个简单例子来说明这些，同时作为记录。 A项目接口 A项目设置是否同步B项目接口接口的作用：A项目设置是否同步B项目接口联系人：XXX@163.com 接口的完整链接：http:// HTTP请求的方式：POST 请求参数的含义：userid：XX用户...

2014-04-30 16:25:35 161