HTML5 jQUery CSS
yexiaomai77
无需加冕,我只做自己的King
展开
-
用js onselectstart事件鼠标禁止选中文字
用js可以在页面中写 onselectstart="return false"比如说这里面的文字是不能被鼠标选中的firefox 实现就更简单了.aa{-moz-user-select:none;}..你直接在 这里加的话, 整个页面都不能复制文字了吧。。 如果是针对IE浏览器的话 ,CSS 应该可以这样写,代码如下 .aa{gn:expre转载 2016-03-16 14:11:29 · 956 阅读 · 0 评论 -
AngularJS 不得不了解的服务 $compile 用于动态显示html内容
项目中一度纠结与AngularJS如何动态显示不同的html内容。本来是希望直接使用下面的语句来实现:1div> div>但是很尴尬的是,这样不能识别出html标签,而是直接将html里的页面标签全都显示出来了。这当然不是我想要的效果。谷哥了一番,没想到在官网上就找到了我想要实现的效果,而实现的主角就是今天的 $compile 服务。转载 2016-05-30 15:17:01 · 1824 阅读 · 0 评论 -
使用Ionic + Apache Cordova开发跨平台混合型的移动应用
JavaScript 写多了,要想真正提高js水平,研究其他js框架源码是不错的选择。Github上大部分都是js、css相关的项目,可以有目的性的 check out 下来,研读研读,还是非常收益的,跟随nb的人,也会慢慢变的nb。场景:有一个朋友,他公司是做移动应用开发的,3个安卓开发人员,3个 ios,然后是 java 开发,美工 ,10多个人的公司,主要是以接项目为主,转载 2016-05-18 11:03:33 · 458 阅读 · 0 评论 -
实践分享:开始用Cordova+Ionic+AngularJS开发App
本文是一篇关于我本人在使用Cordova+Ionic以及AngularJS开发移动App的过程中的经验的总结,它不是一篇基础入门教程,而是和大家探讨一下关于如何更好的使用这些技术开发一个更好的App。声明:这是一篇中立的文章,我无意于挑起孰好孰坏的争论,这只是一篇经验分享文,至于为什么选择这种技术,因为我会这个,感觉还不错。Cordova、Ionic、AngularJS都是什么转载 2016-05-18 11:19:26 · 550 阅读 · 0 评论 -
mac下安装ionic
我的mac系统是EI Capitan,如下图所示。ionic是一个跨平台的框架,能够提供高效hybrid app的开发,而且性能接近于原生态,具体请参考:http://ionicframework.com环境搭建步骤如下:安装node.js,主要是使用npm(node package manager)。注意使用4.4版本,千万不要使用5以上的版本。安装Cordova转载 2016-05-18 14:01:48 · 591 阅读 · 0 评论 -
Ionic Framework的一些命令行解释
//安装ionic 1ionic lib update//更新www/lib/ionic 目录的文件,如有项目中有bower,此命令会运行bower update ionic, 否则则会从CDN上下载文件并替换。 1ionic start your_app_name [t转载 2016-05-18 14:40:49 · 365 阅读 · 0 评论 -
Sublime Text 3 常用插件以及安装方法
http://www.cnsecer.com/460.html安装Sublime Text 3插件的方法:朋友们,小站活着不容易,全靠广告费养着了,如果本文对你有帮助。麻烦动下手点下页面的广告吧,谢谢!直接安装安装Sublime text 2插件很方便,可以直接下载安装包解压缩到Packages目录(菜单->preferences->packages)。使用转载 2016-05-23 14:32:14 · 761 阅读 · 0 评论 -
ionic使用记录---栅格模式
栅格系统ionic的栅格系统采用了CSS3的弹性盒(Flexible Box)模型,这使得它与大多数栅格系统都有所区别。Flex布局主要思想是让容器有能力改变其子元素的宽度、高度甚至先后顺序,从而以最佳方式填充可用空间。CSS3引入Flex容器的主要目的是为了适应所有类型的显示设备和屏幕大小:在ionic中使用栅格系统主要使用两个类:.row - 在容器转载 2016-06-12 14:17:28 · 610 阅读 · 0 评论 -
交换两个变量的值,不使用第三个变量的四种法方
通常我们的做法是(尤其是在学习阶段):定义一个新的变量,借助它完成交换。代码如下:int a,b;a=10; b=15;int t;t=a; a=b; b=t;这种算法易于理解,特别适合帮助初学者了解计算机程序的特点,是赋值语句的经典应用。在实际软件开发当中,此算法简单明了,不会产生歧义,便于程序员之间的交流,一般情况下碰到交换变量值的问题,都应采用此算法(以下称为标准算法)。转载 2016-06-30 09:20:10 · 257 阅读 · 0 评论 -
Maria840js面试题:不使用中间变量,交换int型的 a, b两个变量的值
群里面的人透漏一下,其实这个好像是好多语言都有的思路,很泛滥~(function(){var a = 10, b = 2;a = a + b;b = a - b;a = a - b;alert(a+" "+b);})();(function(){var a = 10,b=2;a = a^b;b = b^a;a = a ^b;alert(a+" "+b转载 2016-06-30 09:22:50 · 479 阅读 · 0 评论 -
如何在AngularJS指令中创建controller与ngModel进行交互
正如很多文章所说的一样,指令是AngularJS的灵魂,只有真正熟练掌握了Angular 指令,才有希望成为AngularJS高手。在编写Angular指令时,我们最常用到的就是其中的link函数,它用来与scope中的数据进行交互并绑定一些事件,例如click等等。但是如果我们想要编写一些高级的指令,例如要在指令之间进行相互交流的指令,我们就必须用到Angular指令中的controller。转载 2016-06-30 13:31:12 · 801 阅读 · 0 评论 -
ionic 实现拨打电话、发短信、发邮件功能
最近用H5的项目中,用到了拨打电话、发短信、发邮件的功能,尝试直接使用标签的href属性。代码如下:但发现ios可以运行,安卓点击完成后没有任何反应。解决方法就是在config.xml文件中加入下面一句话:因为在cordova中所有的URL Schemes 都是服从于白名单的,所以要现在项目config.xml中添加原创 2016-07-05 11:29:35 · 2920 阅读 · 0 评论 -
angularJS的controller之间如何正确的通信
AngularJS中的controller是个函数,用来向视图的作用域($scope)添加额外的功能,我们用它来给作用域对象设置初始状态,并添加自定义行为。当我们在创建新的控制器时,angularJS会帮我们生成并传递一个新的$scope对象给这个controller,在angularJS应用的中的任何一个部分,都有父级作用域的存在,顶级就是ng-app所在的层级,它的父级作用域就是$ro转载 2016-07-05 14:54:43 · 273 阅读 · 0 评论 -
如何解决ajax跨域问题
由 于此前很少写前端的代码(哈哈,不合格的程序员啊),最近项目中用到json作为系统间交互的手段,自然就伴随着众多ajax请求,随之而来的就是要解决 ajax的跨域问题。本篇将讲述一个小白从遇到跨域不知道是跨域问题,到知道是跨域问题不知道如何解决,再到解决跨域问题,最后找到两种方法解决ajax 跨域问题的全过程。不知是跨域问题起 因是这样的,为了复用,减少重复开发,单独开发了一转载 2016-07-18 10:01:55 · 290 阅读 · 0 评论 -
40个重要的HTML5面试题及答案
介绍SGML(标准通用标记语言)和HTML(超文本标记语言),XML(可扩展标记语言)和HTML的之间有什么关系?什么是HTML5?为什么HTML5里面我们不需要DTD(Document Type Definition文档类型定义)?如果我不放入 标签,HTML5还会工作么?哪些浏览器支持HTML5?HTML5的页面结构同HTML4或者更前的HTML有什么区别?HTML5中的datalist是转载 2016-12-12 14:00:10 · 737 阅读 · 0 评论 -
H5网站如何检测移动设备横竖屏并旋转?
现在企业做网站越来越多的企业选择做H5自适应网站,那么中这种自适应网站经常会遇到一个问题就,那就是在移动端展示时,如果横屏的时候,网站不会自动旋转,遇到这种情况怎么办呢?友软科技的程序员在日前做的一个h5网站中就发现了这种问题,于是想到了一种比较简单的解决方案,通过js来判断移动设备是横屏还是竖屏,如果到网站的访问设备分辨率出现变化,那么我就让它自动刷新一次页面,这样网站页面自然就实现旋转转载 2016-05-16 15:03:29 · 4760 阅读 · 0 评论 -
jsonp其实很简单【ajax跨域请求】
前两天被问到ajax跨域如何解决,还真被问住了,光知道有个什么jsonp,迷迷糊糊的没有说上来。抱着有问题必须解决的态度,我看了许多资料,原来如此。。。为何一直知道jsonp,但一直迷迷糊糊的不明白呢?——网上那些介绍资料都写的太复杂了!我是能多简单就多简单,争取让你十分钟看完!1. 同源策略ajax之所以需要“跨域”,罪魁祸首就是浏览器的同源策略。即,一个页面的a转载 2016-05-04 10:25:49 · 262 阅读 · 0 评论 -
display:none与visible:hidden的区别
display:none和visible:hidden都能把网页上某个元素隐藏起来,但两者有区别:display:none ---不为被隐藏的对象保留其物理空间,即该对象在页面上彻底消失,通俗来说就是看不见也摸不到。visible:hidden--- 使对象在网页上不可见,但该对象在网页上所占的空间没有改变,通俗来说就是看不见但摸得到。例子:display:转载 2016-03-16 14:14:18 · 290 阅读 · 0 评论 -
echarts中横坐标值显示不全(自动隐藏)解决方案
echarts中,横轴数据如果非常多,会自动隐藏一部分数据,我们可以通过属性interval来进行调整。如下图,当横轴时间为13天时,echarts会自动隔天显示如果我们想显示全,则需要在xAxis 属性加上axisLabel:{interval: 0}[html] view plain copy"xA转载 2016-03-30 16:08:45 · 4737 阅读 · 0 评论 -
HTML5- Canvas入门(一)
周老虎落网的时候,网易跟腾讯都推出了牛逼轰轰的HTML5页面来展示其关系网(网易http://news.163.com/special/data_zyk/ ,腾讯http://news.qq.com/zt2014/zykgxw/index.htm),查看这俩页面,都是通过H5中canvas强大的绘图功能来实现的。如果你未曾学习过H5,看完这俩屌炸天的页面,兴许会勾起你学习的欲望。canv转载 2016-03-22 09:25:20 · 519 阅读 · 0 评论 -
JavaScript的namespace(一)
引入命名空间之前,一个令开发人员头疼的问题就是如何防止函数名/类名和其他人的冲突,在一个公司内部项目组之间可以通过命名预定(比如加前缀等)解决这个问题,但是把视线放到整个软件开发领域,在当今协作开发相当盛行的时代,这个问题却依然存在。在使用多个第三方框架或类库的时候,你唯一能作的就是祈祷它们的命名不要冲突,如果真正发生这种灾难的话,你唯一能作的就是放弃其中一个(注:可能是我孤陋寡闻,呵呵)。命名空转载 2016-03-29 09:42:21 · 460 阅读 · 0 评论 -
js中(function(){…})()立即执行函数写法理解
javascript和其他编程语言相比比较随意,所以javascript代码中充满各种奇葩的写法,有时雾里看花,当然,能理解各型各色的写法也是对javascript语言特性更进一步的深入理解。( function(){…} )()和( function (){…} () )是两种javascript立即执行函数的常见写法,最初我以为是一个括号包裹匿名函数,再在后面加个括号调用函数,最后达到转载 2016-04-14 13:39:58 · 264 阅读 · 0 评论 -
网络协议浅谈
网络协议(Protocol)是一种特殊的软件,是计算机网络实现其功能的最基本机制。网络协议的本质是规则,即各种硬件和软件必须遵循的共同守则。网络协议并不是一套单独的软件,它融合于其他所有的软件系统中,因此可以说,协议在网络中无所不在。网络协议遍及OSI通信模型的各个层次,从我们非常熟悉的TCP/IP、HTTP、FTP协议,到OSPF、IGP等协议,有上千种之多。对于普通用户而言,不需要关心太多的底转载 2016-05-10 10:30:48 · 512 阅读 · 0 评论 -
css overflow:hidden为什么会失效
项目中常常有同学遇到这样的问题,现象是给元素设置了overflow:hidden,但超出容器的部分并没有被隐藏,难道是设置的hidden失效了吗?其实看似不合理的现象背后都会有其合理的解释。我们知道,overflow属性值有这几种:visible:声明内容不会被剪裁。比如内容可能被渲染到容器外面。hidden:声明内容将被剪裁,并且也甭想使用滚动条来查看剪裁掉的内容。scr转载 2016-05-11 14:47:20 · 1080 阅读 · 0 评论 -
js 面向对象的几种方式
JavaScript中对象的创建有以下几种方式:(1)使用内置对象(2)使用JSON符号(3)自定义对象构造一、使用内置对象JavaScript可用的内置对象可分为两种:1,JavaScript语言原生对象(语言级对象),如String、Object、Function等;2,JavaScript运行期的宿主对象(环境宿主级对象),如window、document转载 2016-05-25 08:47:23 · 567 阅读 · 0 评论 -
全面理解面向对象的 JavaScript
JavaScript 函数式脚本语言特性以及其看似随意的编写风格,导致长期以来人们对这一门语言的误解,即认为 JavaScript 不是一门面向对象的语言,或者只是部分具备一些面向对象的特征。本文将回归面向对象本意,从对语言感悟的角度阐述为什么 JavaScript 是一门彻底的面向对象的语言,以及如何正确地使用这一特性。前言当今 J转载 2016-05-25 09:08:50 · 455 阅读 · 0 评论 -
函数式编程初探
作者: 阮一峰日期: 2012年4月 6日诞生50多年之后,函数式编程(functional programming)开始获得越来越多的关注。不仅最古老的函数式语言Lisp重获青春,而且新的函数式语言层出不穷,比如Erlang、clojure、Scala、F#等等。目前最当红的Python、Ruby、Javascript,对函数式编程的支持都很强,就连老牌的面向对象转载 2016-05-25 09:29:40 · 306 阅读 · 0 评论 -
SourceTree / GitHub: Must specify two-factor authentication OTP code
I recently activated two-factor authentication on GitHub, but that started causing an error in SourceTree:Image 1What that means is that you can no longer use your regular account转载 2016-05-26 12:20:17 · 1231 阅读 · 0 评论 -
JS中的this变量的使用介绍
在JavaScript中this变量是一个令人难以摸清的关键字,this可谓是非常强大,在本文将为大家详细介绍下JavaScript中this的使用,感兴趣的朋友可以参考下。JavaScript中this的使用 在JavaScript中this变量是一个令人难以摸清的关键字,this可谓是非常强大,充分了解this的相关知识有助于我们在编写面向对象的JavaScript程序时能转载 2016-05-13 09:27:29 · 286 阅读 · 0 评论 -
HTML5[5]:在移动端禁用长按选中文本功能
在手机浏览器中,长按可选中文本,但如果在应用中,会给人一种异样的感觉,最好还是禁用此功能为上。* {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:non转载 2016-04-19 09:21:33 · 756 阅读 · 0 评论 -
ionic 开发当中,有一些常用的方法。
在开发项目的时候,有些常用的功能封装到一个类里。以后要用的话,直接导入过来就可以用了,有一些方法是从网站复制过来的,有些方法是网上复制过来,然后自己修改了一下,标记一下吧!/** * 一些共用方法 * @class Utility */ angular.module('LHB') .service('Utility', ['$rootSc转载 2016-12-12 15:35:19 · 969 阅读 · 0 评论