- 博客(443)
- 资源 (36)
- 收藏
- 关注
原创 [知识点滴]巧妙去掉HTML中Inline-Block元素之间的空白的4种技巧
在IE6上开发,绝望的希望IE6能支持display: inline-block功能。当需要在”inline”元素上控制margin和padding时,inline-block属性值变得非常有用,有了它,你不在需要让这些元素去“block”和“float”。但有一个问题,当使用inline-block时,HTML元素之间的空白会显示在页面上。很讨厌。有几种方法可以除去这些空白;其中一个非常巧妙。原
2016-09-20 06:16:32 4789
原创 MAC之Sublime Text 2插件安装与步骤
前言 Sublime Text 2是一个轻量、简洁、高效、跨平台的编辑器,方便的配色以及兼容vim快捷键等各种优点博得了很多前端开发人员的喜爱,当然也包括我,在看到小飞的介绍后,我就一直在用了。本文推荐一些好用的插件和扩展。 Sublime Text 2基本上是共享软件,免费版和收费版基本无区别,只是偶尔会弹框让你去购买,这个基本不影响使用。如果你不了解它,也可以看下小众软件的这篇详细介绍
2016-09-19 23:28:25 10868 1
原创 [知识点滴]HTML5元素垂直居中那些事?
一 摘要让一个元素水平居中对于CSS来说非常简单:如果是一个内联元素,我们可以在他的父元素上设置text-align:center;;如果是一个块元素,我们可以使用margin:auto;。然而,只要一想到让一个元素垂直居中,让人死的心都有了。 多年来,垂直居中已成为CSS的不朽神话,也是前端专业人士群体中的一个内部笑话。原因是: 经常需要使用 理论上看上去非常简单 过去
2016-09-18 01:07:15 4762
原创 [知识点滴]HTML5语义化总结
Html语义化理解1、什么是HTML语义化? 基本上都是围绕着几个主要的标签,像标题(H1~H6)、列表(li)、强调(strong em)等等> 根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。2、为什么要语义化? 为了在没有CSS的情况下,页面也能呈现出很好地内容结构、代码结构:为了裸奔时
2016-09-17 23:45:57 4918
原创 [技术之禅]谈谈浮动的清除技巧
一 摘要 看了一篇文章写的非常不错,详说清除浮动,就转载过来,再其基础上补充一下,分享给大家.二.什么是清除浮动?1.浮动的缺陷 在了解如何清除浮动之前,Kayo 先介绍为什么需要清除浮动。如本文开头所说的,浮动虽然可以便于页面布局,但同时会产生一些问题,也就是我们常说的“副作用”。而一个元素设置了浮动(即 float 值为 left, right 或 inherit 并从父元素上继
2016-09-16 22:21:26 4365
原创 [大话技术]话聊有趣的23种设计模式
一 摘要 在网上看见了23种设计模式的有趣见解这篇文章,作者以轻松的语言比喻了java的23种模式,觉得蛮有意思的,我在其基础上再加工一下,分享给大家.大家一起学习.一起进步.1、FACTORY(工厂模式) 追MM少不了请吃饭了,麦当劳的鸡翅和肯德基的鸡翅都是MM爱吃的东西,虽然口味有所不同,但不管你带MM去麦当劳或肯德基,只管向服务员说“来四个鸡翅”就行了。麦当劳和肯德基就是生产鸡翅的F
2016-09-15 22:13:30 5247
原创 [知识随笔]HTML5哪些事?
a标签的link、visited、hover、active是有一定顺序的,以下是我一直在用的一个顺序,能正确显示四个颜色.如何顺序错误,有些状态的颜色显示不出来. 正确顺序:a:link {color: #000;} /* 未访问的链接 */a:visited {color: #F00;} /* 已访问的链接 */a:hover{color: #0F0;} /* 鼠标在链接上 */ a:ac
2016-09-14 23:50:09 4146
原创 [HTML5之APP实战]基于ionic开发的一款KTV移动应用
摘要 前期一直介绍web 移动开发的一些基本知识,而没有给大家演示过一个项目,今天给大家给大家详细介绍一下如何利用HTML5来完成一个移动APP应用.在正式介绍前,希望大家能搞明白以下几个问题.请大家思考以下几个问题?问题一 HTML5中用于移动开发框架有哪些?问题二 现在流行的框架是什么,优势?问题三 在企业实际项目中,用的最多移动网页框架是什么?问题四 如何有效利用框架来快速写移动页
2016-09-14 01:12:41 5855 1
原创 [HTML5移动网页开发] Flexbox布局讲解与使用技巧
一 摘要 在前一篇我们讲到了react Native混合APP开发时,布局主要采用是Flexbox布局,不了解可以参考之前的一篇文章. [React Native混合开发]React Native中的Flexbox布局现在来详细介绍一下Flexbox布局语法跟使用.大家可能非常关心以下几个问题: 1 .什么是Flexbox布局? 2. Flexbox布局主要用于什么场景?
2016-09-13 13:05:54 8096
原创 [经验之谈]数据库查询速度优化之解决技巧
摘要 在上篇文章漫谈数据库查询速度优化方案我们讲到了,数据优化的几种方案,现在这篇文章,我们就实际来看看,如何实际到具体的操作上.也就是我们在写数据时我们应该注意些什么.1、对查询进行优化,应尽可能避免全表扫描 首先应考虑在 where 及 order by 涉及的列上建立索引。 下面我们来以一个表中177条数据比较一下,全表扫描与建立索引之后性能的一个比较.1.1 全表查询
2016-09-11 13:11:42 12047 6
原创 [经验之谈]程序之中如何通过日志跟踪错误信息
一 摘要 我们在开发一个项目时,尤其在写后台程序时,对前端数据请求发生的各种错误信息都要做个及时的输出,方便我们通过日志来定位到错误出现的地方.这个非常重要.那么日志打印语句应该输出哪些信息呢?二 日志信息内容1. 对于错误、异常情况 应尽量记录尽可能多的“上下文环境”信息. 2. 函数调用失败信息 如果是函数调用失败,日志中必须包含返回值信息、以及函数调用的相关参数信息。3.
2016-09-10 23:48:37 7843 1
原创 漫谈数据库查询速度优化方案
摘要 从事前端开发的都知道,页面显示的数据一定要及时的呈现,否则会影响用户体现.那么导致页面加载数据慢或者显示滞后的原因又是什么呢?原因分析 主要原因1:后台数据库中的数据过多,没做数据优化导致后台查询数据很慢 次要原因2:前端数据请求-解析-展示过程处理不当 次要原因3:网络问题所致那么我们应该怎么做后台数据优化呢?解决问题 这里总结了几种方案,如何提高数据库查
2016-09-10 08:57:14 5823 3
原创 图解二叉树搜索算法
二叉查找树(Binary Search Tree),也称二叉搜索树,是指一棵空树或者具有下列性质的二叉树: 任意节点的左子树不空,则左子树上所有结点的值均小于它的根结点的值; 任意节点的右子树不空,则右子树上所有结点的值均大于它的根结点的值; 任意节点的左、右子树也分别为二叉查找树; 没有键值相等的节点。 二叉查找树相比于其他数据结构的优势在于查找、插入的时间复杂度较
2016-09-09 16:30:05 14347 1
转载 人工智能资料整理总结
这里收集的是关于人工智能(AI)的教程、书籍、视频演讲和论文。 欢迎提供更多的信息。在线教程 麻省理工学院人工智能视频教程 – 麻省理工人工智能课程 人工智能入门 – 人工智能基础学习。Peter Norvig举办的课程 EdX 人工智能 – 此课程讲授人工智能计算机系统设计的基本概念和技术。 人工智能中的计划 – 计划是人工智能系统的基础部分之一。在这个课程中,你将会
2016-09-09 13:10:14 11013 1
转载 人工智能工程师学习路线及具备的5项基本技能
摘要学习路线 你是否对机器学习充满兴趣呢?其实到目前为止,每天有越来越多的工程师开始将好奇的目光转向机器学习领域。实际上,你会发现现在没有哪一个领域比机器学习能引起更多的曝光率和关注度。机器学习已经以一种高调姿态闯入广大民众的意识当中,无论是采用机器学习等相关技术的Google AlphaGo以5局4胜的战绩打败人类世界的围棋冠军,还是采用了机器学习技术的Twitter能够鉴定是否你在酩酊大醉的
2016-09-08 23:55:42 44984 1
转载 Python在金融,数据分析,和人工智能中的应用
Python最近取得这样的成功,而且未来似乎还会继续下去,这有许多原因。其中包括它的语法、Python开发人员可用的科学生态系统和数据分析库、易于和几乎所有其它技术集成,以及其开源地位。——来自Yves Hilpisch的Python金融大数据分析(姚军译)。 自从1991它出现在编程场景中,比于其他编程语言,Python取得了少有的地位。面向对象,容易学习,使用语法,以及由此产生的低维护
2016-09-08 11:40:23 13375
转载 人工智能之机器学习路线图
1. 引言 也许你和这个叫『机器学习』的家伙一点也不熟,但是你举起iphone手机拍照的时候,早已习惯它帮你框出人脸;也自然而然点开今日头条推给你的新闻;也习惯逛淘宝点了找相似之后货比三家;亦或喜闻乐见微软的年龄识别网站结果刷爆朋友圈。恩,这些功能的核心算法就是机器学习领域的内容。 套用一下大神们对机器学习的定义,机器学习研究的是计算机怎样模拟人类的学习行为,以获取新的知识或技能,并重
2016-09-07 23:21:02 42180 13
转载 如何用Python进行大数据挖掘和分析
互联网创业离不开数据,如果能自己做个数据爬虫,那岂不是一件很美好的事情吗? 其实自己做数据挖掘不是梦,学点Python的基本功能,5步就能让你成为一个爬虫高手!
2016-09-07 22:11:06 51091 11
原创 [React Native混合开发]React Native中的Flexbox布局
一 摘要 今天来介绍一下React Native中的布局,在React Native混合开发中采用的布局主要是Flexbox,没有接触过HTML5,对这些布局可能非常陌生. 今天给大家总结一下,首先我们还是来看看它的弹性布局概述.二 基本原理 CSS Flexible Box模块中定义的弹性盒布局技术,可以根据屏幕尺寸或浏览器窗口尺寸自动调整页面中各局部区域的显示方式, 即实现
2016-09-02 13:43:08 4350
原创 jQuery之知识二-选择器
jQuery 最核心的组成部分就是:选择器引擎。它继承了 CSS 的语法,可以对 DOM 元 素的标签名、属性名、状态等进行快速准确的选择,并且不必担心浏览器的兼容性。jQuery 选择器实现了 CSS1~CSS3 的大部分规则之外,还实现了一些自定义的选择器,用于各种 特殊状态的选择。一.简单选择器在使用 jQuery 选择器时,我们首先必须使用“$()”函数来包装我们的 CSS 规则。而 CSS
2016-08-10 23:00:42 5257 3
原创 jQuery基础知识一
一 代码风格在jQuery程序中,不管是页面元素的选择、内置的功能函数,都是美元符号“”来起始的。而这个“”来起 始的。而这个“”就是jQuery当中最重要且独有的对象:jQuery对象,所以我们在页面元 素选择或执行功能函数的时候可以这么写:$(function () {});$(‘#box’); $(‘#box’).css(‘color’, ‘red’);//执行一个匿名函数 //进行执行的
2016-08-10 15:57:19 7184 1
原创 基于HTML5之APP页面间的传值的几种方式
一 摘要在做APP开发时,避免不了出现两个页面之间的传值,在iOS开发中两个页面传值常见的有:属性传值,block,代理,通知等方式.那么web程序两个页面传值的形式有哪些呢,在这里我给大家总结一下.1)PC版的web程序两个两个页面之间的传值方式主要有:1.cookie2.查询字符串3.还可以通过服务端的session来交换数据2)HTML之app的传值方式主要有:1.HTML5 Local
2016-08-02 23:05:01 17267 5
原创 基于HTML5之APP微信支付集成实现
一 摘要这里HTML5集成微信支付跟iOS,安卓集成微信支付过程是一样的,iOS微信集成参考之前的文章. http://blog.csdn.net/baihuaxiu123/article/details/51415717 这里引用之前文章的集成过程.如下:商户系统和微信支付系统主要交互说明:步骤1:用户在商户APP中选择商品,提交订单,选择微信支付。步骤2:商户后台收到用户支付单,调用微信支
2016-08-01 16:47:30 27863 2
原创 基于HTML5之APP购物车实现
一 摘要今天给大家介绍一下基于HTML5 之APP购物车的具体实现,代码较多,这里只能罗列一些比较关键的代码. 首先引用别人对购物车流程的形象和购物车实现关键的解释,下面我们来看看具体的解释.二 购物车流程购物车相当于现实中超市的购物车,不同的是一个是实体车,一个是虚拟车而已。用户可以在购物网站的不同页面之间跳转,以选购自己喜爱的商品,点击购买时,该商品就自动保存到你的购物车中,重复选购后,最后将
2016-07-31 23:11:27 13950 7
原创 基于webGL的知识介绍及相关效果展示
一 摘要在这里有必要跟大家介绍一下webGL的相关知识,在接下的时间上班之余我会给大家一一演示如何利用webGL如何去实现一个比较炫的效果. 之后的Cocos2d-X也会给大家详细介绍. 可能有很多认为HTML5很简单,殊不知你接触仅仅是最基本的知识,也仅仅只会搭载个网站或者简单的webAPP,最基础的微信开发.HTML5绝对不仅仅这些,像webGL ,cocos2d-X,设计网页3D游戏
2016-07-29 15:49:48 5759
原创 基于HTML5设计的几款APP
一 摘要今天实训课结束,给大家展示一下同学们做的几款基于HTML5的APP,个人感觉都还做的蛮不错的,接下来给大家一一进行演示一下.1.<仿淘宝>2.<阅读>3.<电影>4.<新闻>1.<仿淘宝>整个效果图1) 开机引导图原理跟iOS或者安卓一样. 开机引导代码片段function lau
2016-07-29 12:53:23 13080 3
原创 CSS3响应式布局总结
一 摘要今天给大家总结一下CSS的响应式布局,首先我们还是先弄清楚,几种布局的概念.1.静态布局(static layout)特点:固定死的宽高,典型的应用静态网站 2.自适应特点:1)为不同屏幕定制不同的布局 2)在每个布局中页面元素不随着窗口的大小而改变3.流式布局特点:1)只有一套布局 2)页面元素随着窗口的大小而改变4.响应式布局特点:1.为不同屏幕定义
2016-07-21 22:51:09 5826
转载 jQuery中this与$(this)的区别总结
这里就谈谈this与$(this)的区别。1、jQuery中this与$(this)的区别 $("#textbox").hover( function() { this.title = "Test"; }, fucntion() { this.title = "OK”;
2016-07-19 22:02:40 13709 2
原创 jQuery的DOM事件总结
一 摘要在这里,不管你学过还是没学过,给大家总结一下jQuery的DOM事件操作.二 具体内容1. js页面载入事件(原生方式)第一种内嵌写法:第二种以匿名函数方式写法2. jQuery页面载入事件第一种写法:第二种写法:第三种写法3.两者的区别第一 jquery加载事件可以同时使用多个,原生方式只有一个第二 jquery加载事件比原生加载事件执行速度快第三 jquery加载事件执行时间点,dom
2016-07-17 16:31:51 5105
原创 作为程序员,坚持写博客对我们有什么好处?
一 摘要1)写博客的担心 今天来谈谈,写博客对我的益处,说起写博客,其实我写博客的时间不长,也就10来个月时间; 之前工作的时候,看到同事每天晚上写博客,当时觉得很奇怪,就觉得写这个东西,非常浪费时间,自己知道的好的技术或者是好的技术解决思路,如果分享出去,不是被别人学去了吗等等一系列问题.2)自己的经历等到自己开始写博客的时候,最开始开始也有这样的顾虑,拒绝把好的技术通过博客的形式给分享出去,
2016-07-16 23:58:43 23086 31
原创 jQuery之动画介绍
一 摘要今天给大家介绍一下jQuery的动画效果,都是一些相关动画函数的使用,不难,会使用就可以啦. 其实,如果想短时间内技术有很大的提升,坚持每天写博客是一个不错的选择,为什么呢?因为你在写文章的时间,都是一个不但的总结,深入学习的过程.技术这个东西就是要多练多总结,最终才能得到快速的提升.二 动画一简单实现1)元素的显示和隐藏属性1. 隐藏:display:none2. 显示:display:
2016-07-15 23:32:39 4784
原创 基于JavaScript的数据结构队列动画实现一
一 摘要今天给大家介绍一个基于数据结构中的队列的一个动画,在实现这个动画之前呢,还是给大家讲讲,在JavaScript中我们如何实现一个队列.二 队列队列是一种列表,不同的是队列只能在末尾插入元素,在队首删除元素。队列用于存储按顺序排列的数据。先进先出。这点和栈不一样,在栈中,最后入栈的元素反被优先处理。可以将队列想象成银行排队办理业务的人,排队在第一个的人先办理业务,其它人只能排着,直到轮到他们为
2016-07-14 00:08:56 6955
原创 基于JavaScript的字符串暴力匹配算法(BF算法)
一 摘要现在所有标准库中类似字符串匹配的函数(如: Java-indexof)都是采用的我们今天要将的BF(Brute Force)方法. 好,下面首先正式把问题摆出来,给定两个串S="s0, s1, s2, ...., sn", T="t0, t1, t2,..., tn", 在主串S中查找字串T 的过程称为字符串匹配问题,T称为模式串。BF(Brute Force)算法,下面我们来看
2016-07-11 22:53:03 5815
原创 基于JavaScript实现的简单的二元神经网络算法
一 神经网络算法神经网络可以指向两种,一个是生物神经网络,一个是人工神经网络。 神经网络用到的算法就是向量乘法(矩阵),并且广泛采用符号函数及其各种逼近。并行、容错、可以硬件实现以及自我学习特性,是神经网络的几个基本优点,也是神经网络计算方法与传统方法的区别所在。每个神经元(这里指的是输入)通过特殊的输出函数来进行相应的处理来自其相邻的神经元的加权输入值 神经元之间的信息传递的强度,主要靠所谓的
2016-07-10 18:25:40 6583
原创 HTML5之APP开发教程二抽屉效果的实现
一 摘要前一篇文章写了关于如何创建一个开机引导图,导航栏的创建,现在继续给大家介绍如何创建一个侧边效果,也就是大家比较熟悉的抽屉效果. 等框架搭载完了,我会给大家继续深入讲解数据的解析,利用js进行逻辑的处理.二 效果展示三 代码实现四 总结这个做起来相对比较简单,首先还是要明白思路,做起来才比较清晰,不迷糊.
2016-07-10 16:40:40 5375
原创 基于HTML5移动app开发教程一
一 摘要现在教大家创建第一个移动APP应用,在这里不需要大家对HTML相关知识特别熟练,只要大家能看懂html,js代码,就可以轻松创建一个基于HTML5 webAPP应用.二 整体效果三 整个框架图四 具体实现1.页面引导图第一步 manifest.json参数设置 如图:第二步 在index.html(这个文件相当于iOS中的app delegate.m)加上引导图代码第三步 在 mui.plu
2016-07-09 22:42:15 17417 1
原创 mac 上node.js环境的安装与测试
一 摘要如何大家之前做过web服务器的人都知道,nginx+lua与现在流行的node.js都是可以做web服务器的,前者在程序的写法和配置上要比后者麻烦,但用起来都是差不多.在这里建议大家如果对lua脚本语言不了解,可以多了解这门脚本语言,他号称是所有脚本语言执行效率是最高的一门脚本语言.底层是基于C语言的,非常好用,跨平台! 下面我就来给大家配置一下node.js环境.二 mac node.j
2016-07-09 19:26:17 65586 12
原创 用于HTML5移动开发的几大移动APP开发框架
一 摘要今天给大家介绍有关HTML5移动开发APP开发框架,这里主要给大家介绍10款移动APP开发框架,下一篇文章将给大家具体演示一下如何用这些框架来搭建一个移动APP应用. 十款移动APP开发框架:1.jquery mobile框架2.bootstrap框架3.ionic框架4.Mobile Angular UI框架5.Intel XDK框架6.Appcelerator Titanium框架7.
2016-07-09 11:35:43 14489
原创 各大主流编程语言比较,运用场景
摘要一个星期没写博客了,晚上看了别人写的博客及各大编程语言,突然发现自己尽管了解大部分编程语言,但对各个语言的运用场景及发展前景并不明晰,我想很多人也跟我一样,做一行,只了解本行的发展,但真正的市场趋势并不了解.今天在这里给大家总结一下,有总结不对的欢迎大家提出意见或见解!拒绝虚假数据,混淆视听!给那些想学编程而面临选择困难的人,提供一个选择的依据.主要跟大家分析的语言: JAVA,C,C++
2016-06-26 00:16:05 23600 6
iOS开的常见8中传值(初始化传值,代理传值,属性传值,代理传值,block传值,通知传值,NSuserDefault传值,AppDelegate传值)
2016-04-24
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人