javascript
F2E前端爱好者
算法和数据结构就是编程的一个重要部分,你若失掉了算法和数据结构,你就把一切都失掉了。
展开
-
基于Ecshop 的移动端商品分类页面总结
全面基于ajaxcategory_all.dwt html代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--<meta name="viewport" content="width=device-wid原创 2016-03-17 11:34:34 · 3839 阅读 · 0 评论 -
lkmusic项目改进版本之WebAudio版本支持音乐可视化 已更新至github 欢迎下载
lkmusic 效果预览图(2016-4-26日已经改进) 更新: 优化界面效果 修复播放完成后不会自动切换处于暂停状态的bug 已经上传至github(敬请关注)GitHub 项目仓库地址(欢迎访问):https://github.com/laikedou/LMusic.git目录结构: index.html<!DOCTYPE html><!--对离线存储进行支持--><ht原创 2016-04-26 18:01:42 · 7387 阅读 · 0 评论 -
lkmusic项目WebAudio版本支持音乐可视化 已更新至github 欢迎下载
亲们如果觉得好请fork我的githublkmusic 效果预览图(2016-4-26日已经改进) 版本1.0 beta 更新: 优化界面效果 修复播放完成后不会自动切换处于暂停状态的bug 已经上传至github(敬请关注)GitHub 项目仓库地址(欢迎访问):https://github.com/laikedou/LMusic.git目录结构: 以后所有更新和发布都将在原创 2016-04-27 10:08:19 · 1350 阅读 · 0 评论 -
JavaScript cookie存储和读取(一)
window.onload = function(){ /* cookie 是指Web浏览器存储的少量数据,同时它是与具体的Web页面或者站点相关的cookie最早是设计为被服务器端所用的。从底层来看,作为HTTP协议的一种拓展实现它。cookie数据会自动在Web浏览器和web 服务器之间传输,因此服务器端脚本就可以读、写存储在客户端的cookie值。本节将介绍客户端原创 2016-04-11 17:35:55 · 4676 阅读 · 0 评论 -
对象基础创建对象(一)
6.1 创建对象> 可以通过对象直接量、关键字new和(ECMScript5 中的) Object.create 函数来创建对象。接下来几节将对这些技术一一讲述。6.1.1对象直接量 创建对象最简单的方式就是在JavaScript 代码中使用对象直接量。对象直接量是由若干名/值对组成的映射表,名/值对中间用冒号分隔,名/值对之间 用逗号分隔,整个映射表用花原创 2016-05-11 17:14:33 · 522 阅读 · 0 评论 -
对象基础创建对象(二)
6.1.3原型 在讲述第三种对象创建术之前,我们应当首先解释下原型。每一个JavaScript对象(null除外)都和另一个对象相关联。 “另一个”对象就是我们熟知的原型,每一个对象都从原型继承属性。 所有通过对象直接量创建的对象都具有同一个原型对象,并可以通过JavaScript代码Object.prototype获得原型对象的引用。原创 2016-05-12 11:29:59 · 326 阅读 · 0 评论 -
自主研发一套PHP前端开发框架(22)
引入bootstrap作为UI框架简单总结下栅格系统1.把屏幕分为12列(啥叫屏幕?譬如手机、pad、普通pc电脑屏幕、超大pc电脑屏幕) 2.对应的样式分别为:col-xs-xx col-sm-xx col-md-xx col-lg-xx (xx最小为1,最大为12) 3.方式表示:在中等屏幕设备上该div占据8列的宽度;在小屏幕上该div占用10列的宽度bootstrap官方网址:http:原创 2016-04-18 14:04:08 · 876 阅读 · 0 评论 -
自主研发一套PHP前端开发框架(23)
知识点缓冲区1.打开输出缓冲区ob_start() 2.当缓冲区激活时,所有来自PHP程序的非文件头信息 均不会发送,而是保存在内部缓冲区 3.期间可以使用ob_get_contents来获取缓冲区内容( 你可以任意修改) 4.使用ob_clean()来清除缓冲区内容。 5.echo 你修改过的内容。_Master.inc代码<?php //所有controller的父类 抽象类原创 2016-04-18 14:50:54 · 877 阅读 · 0 评论 -
IE实现userData永久存储
注意:只支持IE5,及其以上的浏览器//需要使用 if 条件注释<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>IE 中使用userData来进行持久化数据</title> <link原创 2016-04-18 17:40:43 · 2160 阅读 · 0 评论 -
优雅的图片翻转实现方式rollover.js
html<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <style type="text/css"> img{ width:100px;原创 2016-05-04 16:30:02 · 1613 阅读 · 1 评论 -
基础对象创建(三)
6.2.1作为关联数组的对象 上文提到,下面两个JavaScript表达式的值相同:<script type="text/javascript"> object.property object['property'] </script> 第一种语法使用点运算符和一个标识符,这和C和Java中访问一个结构体或对象的静态字段非常相原创 2016-05-16 16:53:10 · 423 阅读 · 1 评论 -
对象(四继承)
6.2.2继承 JavaScript 对象具有“自有属性”(own property) ,也有一些属性时从原型对象继承而来的。为了更好地理解这种继承,必须深入地了解属性访问细节 。本节中的许多示例代码借用了例6-1中的inherit()函数,通过给它传入指定原型对象来创建实例。假设要查询对象o的属性x,如果o中不存在x ,那么将会继续在o原创 2016-05-16 16:54:23 · 288 阅读 · 0 评论 -
lkmusic项目之(二)基本html结构
<!DOCTYPE html><html lang="zh-cmn-Hans"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <meta http-equiv="X-UA-Compati原创 2016-04-21 14:05:09 · 714 阅读 · 0 评论 -
lkmusic项目之(三)LRC歌词解析--正则解析
lrc格式:[ver:v1.0][ti:彭佳慧-喜欢两个人][00:00.93]喜欢两个人 - 彭佳慧[00:31.05]没必要回想刚刚下大雨的黄昏[00:39.45]此刻夜空只有美丽的星辰[00:47.09]走过了甜酸各一半的旅程[00:54.74]我单薄的心才能变得丰盛[01:01.56]心会累爱会冷[01:05.37]这是感情必经的过程[01:09.18]只是有人就放弃[0原创 2016-04-21 14:08:38 · 1097 阅读 · 0 评论 -
lkmusic项目完整代码以及使用离线存储优化
html代码<!DOCTYPE html><!--对离线存储进行支持--><html lang="zh-cmn-Hans" manifest="lkmusic.appcache"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, u原创 2016-04-22 14:02:54 · 1860 阅读 · 0 评论 -
Animate.css 基础使用方法
animate.css是一堆很酷的,有趣的,跨浏览器的动画效果库,你可以随意在你的项目中使用。用在你想要突出的任何地方,如主页,滑块,这像喝水一样容易,迷死人了。用法 在您的网站上使用animate.css,只要简单地把样式表插入到文档中的中,并为需要动画的元素添加一个CSS类名即可,以及动画的名称。就是这样!你就有了一个CSS动画效果。超强!<head> <link rel="styl原创 2016-05-09 17:39:01 · 17234 阅读 · 0 评论 -
CSS3 Filter的十种特效
最近到处看到有人在说CSS3的filter一直没有时间自己去测试这效果。今天终于抽出时间学习这个CSS3的Filter。不整不知道呀,一整才让我感到吃惊,太强大了。大家先来看个效果吧: 我想光看上面的效果就能吸引你了,要是你自己动手的话,我想您更会感到神奇。细一看,这些效果就像是photoshop整出来的一样,其实是真是这样的,有很多效果都是类似于photoshop中的特效。不过有一点大家需要特别转载 2016-04-13 15:12:40 · 425 阅读 · 0 评论 -
从此不求人:自主研发一套PHP前端开发框架(16)
虚拟类的开发我们来看设计一种思路,假设有个news.xml文件。是如下格式<class> <func> <name>getNewsList</name> <sql> <![CDATA[ select * from news ]]> </sql> <de原创 2016-04-08 10:20:03 · 478 阅读 · 0 评论 -
Emmet:HTML/CSS代码快速编写神器(转载)
Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度,比如下面的演示: 去年年底,该插件已经改名为Emmet。但Emmet不只改名,还带来了一些新特性。本文就来直观地演示给你。 一、快速编写HTML代码1. 初始化 HTML文档需要包含一些固定的标签,比如、、等,转载 2016-03-15 14:56:26 · 501 阅读 · 0 评论 -
Swiper 简单使用
什么是swiper Swiper 是一款免费以及轻量级的移动设备触控滑块的js框架,使用硬件加速过渡(如果该设备支持的话)。主要使用于移动端的网站、移动web apps,native apps和hybrid apps。主要是为IOS而设计的,同时,在Android、WP8系统也有着良好的用户体验,Swiper从3.0开始不再全面支持PC端。因此,如需在PC上兼容更多的浏览器,可以选择Swiper原创 2016-03-17 11:44:44 · 3910 阅读 · 1 评论 -
使用XMLHttpRequest 实现http 终止请求和超时
可以通过调用XMLHttpRequest对象的abort方法来取消正在进行的http请求 abort方法在所有的XMLHttpRequest版本和XHR2中可用,调用abort方法在这个对象上触发abort事件//终止请求和超时function timeedGetText(url,timeout,callback){ var xhr = new XMLHttpRequest();原创 2016-03-17 17:43:40 · 10469 阅读 · 0 评论 -
跨域HTTP请求
HTML部分<a href="http://img5.imgtn.bdimg.com/it/u=1478257864,2882073929&fm=21&gp=0.jpg" >测试1</a><a href="http://apis.baidu.com/apistore/weatherservice/citylist" >测试2</a><a href="http://apis.baidu.com/a原创 2016-03-18 14:36:20 · 1507 阅读 · 0 评论 -
30分钟学会使用grunt打包前端代码(一)
30分钟学会使用grunt打包前端代码(一)grunt 是一套前端自动化工具,一个基于nodeJs的命令行工具,一般用于: ① 压缩文件 ② 合并文件 ③ 简单语法检查 对于其他用法,我还不太清楚,我们这里简单介绍下grunt的压缩、合并文件,初学,有误请包涵准备阶段 1、nodeJs环境因为grunt是基于nodeJs的,所以首先各位需要安装nodeJS环境,这转载 2016-03-04 11:44:33 · 486 阅读 · 0 评论 -
30分钟学会使用grunt打包前端代码(二)
30分钟学会使用grunt打包前端代码(一)合并文件依赖于grunt-contrib-concat插件,所以我们的package依赖项要新增一项"devDependencies": { "grunt": "~0.4.1", "grunt-contrib-jshint": "~0.6.3", "grunt-contrib-concat": "~0.3.0", "grunt-contri转载 2016-03-07 10:16:28 · 494 阅读 · 0 评论 -
JavaScript学习笔记:数组求和方法(待续中...)
通过最近学习,越来越感觉JavaScript的强大与魅力之处,仅数组一个知识点就让我这样的初学者折腾了很久。折腾是折腾,但还是很有效果的,这几天的学习到的一些基本知识,就在自己的业务就用到了。顿感自信心爆棚,我也有一天能学会JavaScript。别的不多说了,咱们今天一起来玩数组的求和,看看有哪些方法可以实现数组的求和。数组方法 JavaScript中数组有很多种方法,下图能更好的向你阐述Ja转载 2016-03-18 17:21:59 · 647 阅读 · 0 评论 -
数据结构和算法 (javascript版本)之列表
列表概述日常生活中,人们经常使用列表:待办事项列表、购物清单、歌词列表、歌曲列表等 注意:如果数据结构非常复杂那么列表的意义就不大了1.列表的抽象 列表属性 意义 listSize(attribute) 列表的元素个数 pos(attribute) 列表的当前位置 length(attribute) 返回列表中元素的个数 clear(method) 清空列表中原创 2016-03-07 11:24:54 · 425 阅读 · 0 评论 -
30分钟学会使用grunt打包前端代码(三)
30分钟学会使用grunt打包前端代码(三)配置任务/grunt.initConfig前面我们简单的介绍了grunt相关的知识,这里我们这里还需要再熟悉下Gruntfile相关的知识点,比如说配置任务grunt的任务配置都是在Gruntfile中的grunt.initConfig方法中指定的,这个配置主要都是一些命名性属性 比如我们上次用到的合并以及压缩的任务配置:grunt.initConfig转载 2016-03-08 09:48:56 · 477 阅读 · 0 评论 -
30分钟学会使用grunt打包前端代码(四)
30分钟学会使用grunt打包前端代码(四)require与模板文件我们知道,模板文件一般都是html,比如我们这里的demo01.html,对于这个文件我们应该怎么打包呢?其实很简单……需要干两件事情:① 引入require.text② 加入模板文件{ "requirejs": { "options": { "baseUrl": "./", "paths": {转载 2016-03-08 21:48:17 · 458 阅读 · 0 评论 -
脚本化http(一)
http协议概述兼容的XMLHttpRequest写法//为了兼容低版本的ie浏览器我们需要这样来写兼容代码if(window.XMLHttpRequest === undefined){ window.XMLHttpRequest = function(){ try{ return new ActiveObject('Msxml2.XMLHTTP原创 2016-03-08 22:02:04 · 592 阅读 · 0 评论 -
javascript算法与数据结构之栈
栈的概述 列表是一种最自然的数据组织方式,如果数据存储顺序不重要,也不必对数据进行查找,那么列表就是一种再好不过的数据结构。对于其他一些应用,列表就显得太过简陋了,我们需要某种和列表类似但是更复杂的数据结构。 栈就是和列表类似的一种数据结构,它可用来解决计算机世界里的很多问题。栈是一种高效的数据结构,因为数据只能在栈顶添加或者删除,所以这样的操作很快,而且容易实现。栈的使用遍布程原创 2016-03-21 11:57:41 · 346 阅读 · 0 评论 -
数据结构与算法javascript描述之队列
队列概述队列是一种列表,不同的是队列只能在队尾插入元素,在队首删除元素。队列用于存储按顺序排列的数据,先进先出,这点和栈不一样,在栈中是后入先出,最后入栈的元素反而被优先处理。可以将队列想象成在银行钱排队的人群,排在最前面的人第一个办理业务,新来的人只能在后面排队,知道轮到他们为止。 队列是一种先进先出的数据结构。队列被用在很多地方,比如提交操作系统执行的一系列进程、打印任务池等,一些仿原创 2016-03-21 13:45:27 · 390 阅读 · 0 评论 -
http上传文件和进度监控以及构造multipart/form-data请求
http上传文件html代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>http</title> <link rel="stylesheet" href=""> <script原创 2016-03-10 17:17:27 · 7160 阅读 · 0 评论 -
ectouch 实现按需加载商品信息(Jquery 2.1.1 插件版本)
插件需求实现用户在手机端下拉商品信息时实现按需动态加载相关技术jquery ajax css3 html页面代码(仅供参考代码结构)<div class="ycd-js-container"> <div class="swiper-container" id="swiper-container2" > <div class="swiper-wrapper原创 2016-03-14 17:21:51 · 2086 阅读 · 0 评论 -
Jquery 之DOM文档操作(一)
插入和替换元素$('#log').append('<br/>'+mesage);//在id为log的元素的结尾添加内容$('h1').prepend('$');//在每个h1标签起始处添加一个美元符号$('h1').before('<hr/>');//在每个h1 标签前面添加一条水平线$('h1').after('<hr/>');//在每个h1标签后面添加一条水平线$('h1').repla原创 2016-03-14 17:45:01 · 286 阅读 · 0 评论 -
对象之属性访问delete
6.2.3属性访问错误 属性访问并不总是返回或设置一个值。本节讲述查询或设置属性时的一些出错情况。查询一个不存在的属性并不会报错,如果在对象o自身的属性 或继承的属性中均未找到属性x,属性访问表达式o.x返回undefined 。回想一下我们的book对象有属性 “sub-title” ,而没有属性 “subtitle” <script type=原创 2016-05-20 11:03:10 · 560 阅读 · 0 评论