
JavaScript
孑思
这个作者很懒,什么都没留下…
展开
-
domReady和onload
domReady和onload原创 2016-12-03 16:27:55 · 467 阅读 · 0 评论 -
Lodash中十个常用的工具函数
当你使用JavaScript进行编程的时候,你很可能需要经常重复写一些工具函数,尤其是处理字符串和对象。 即使ES6已经被标准化了,JavaScript开发者依然无法获得像Objective-C或Ruby那样多的语法糖。 因此,在JavaScript应用中仍然被重复的编写大量的工具函数。而本文将会为你带来的救星就是 Loadsh 。本文将要介绍的是Loadash中的10个常用的工具函数,当转载 2017-03-15 20:14:37 · 4930 阅读 · 0 评论 -
angular加载顺序
1初始化 2判断ng-if 3调用接口 4调用插件原创 2017-05-09 21:55:38 · 2039 阅读 · 0 评论 -
javascript设计模式
最近开发的一个项目的第一阶段上线了,所以有了一些空余时间。 打算复习一遍设计模式。 这就开始吧! 设计模式并非是软件开发的专业术语。 实际上,“模式”最早诞生于建筑学。20世纪70年代,哈佛大学建筑学博士Christopher Alexander和他的研究团队花了约20年的时间,研究了为解决同一个问题而设计出的不同建筑结构,从中发现了那些高质量设计中的相似性,并且用“模式”来指代这种相似性原创 2017-07-29 22:22:03 · 423 阅读 · 0 评论 -
代码重构
这是一个持续跟新的文章。这篇文章会记录下我对代码重构的思考和读书的总结。在JavaScript开发中,我们大部分时间都在与函数打交道,所以我们希望这些函数有良好的命名,函数体内包含的逻辑清晰明了。如果一个函数过长,不得不加上若干注释才能让这个函数显得易读一些,那这些函数就很有必要进行重构。如果在函数中有一段代码可以被独立出来,那我们最好把这些代码放进另外一个独立的函数中,好处有如下几点。 避原创 2017-07-05 13:23:43 · 260 阅读 · 0 评论 -
javascript模块化编程
起初javascript没有模块(module)体系,无法将一个大程序拆分成互相依赖的小文件,再用简单的方法拼装起来。 其他语言都有这个功能,比如 Ruby 的require、Python 的import,甚至就连 CSS 都有@import,但是 JavaScript 任何这方面的支持都没有,这对开发大型的、复杂的项目形成了巨大障碍。 es6之前,它并不支持“类”(class),更遑论”模块转载 2017-08-02 12:58:01 · 297 阅读 · 0 评论 -
javascript数组
数组是值的有序集合。每个值叫做一个元素,而每个元素在数组中有一个位置,以数字表示(从0开始),称为索引,整个数组用方括号表示。javascript数组的索引是基于零的32位数值,第一位索引是0,最大的索引为2^32-11.创建数组下面我们用2种方式创建数组1. 数组字面量1.一维数组var empty = []; //空数组var primes = [2,3,5,7,1原创 2016-12-26 18:27:12 · 361 阅读 · 0 评论 -
JavaScript创建对象的几种方式
1.object的构造函数 创建自定义对象最简单的方式就是创建一个object的实例,然后为它添加属性和方法,早期JavaScript开发人员经常使用这个模式创建新对象。var person = new Object(); person.name = "Nicholas"; person.age = 29; person.job = "Software Engineer"原创 2016-12-03 16:20:57 · 414 阅读 · 0 评论 -
ionic3 <ion-slides>不同slide高度,自动计算
ionic的ion-slides一直有不同slide的高度为最大slide的高度的问题。 如果遇到 page1:height:1400px page2:height:932px, 两个页面的高度都会是1400px。现在需要不同页面的高度从新计算, 我的解决方式如下import { ViewChild } from '@angular/core';import { Slide原创 2018-01-18 15:00:32 · 2491 阅读 · 0 评论 -
Warning: Expected server HTML to contain a matching <div> in <div>.
before:after:原创 2018-01-14 12:52:59 · 9879 阅读 · 3 评论 -
一张表格告诉你windows.onload()与$(document).ready()的区别
浏览器加载完DOM后,会通过javascript为DOM元素添加事件,在javascript中,通常使用window.onload()方法。在jquery中,则使用$(document).ready()方法。下面介绍一下两者的区别。 window.onload()$(document).ready()执行时机在页面所有元素(包括图片,引用转载 2017-02-11 17:46:35 · 285 阅读 · 0 评论 -
Sublime Text 3 LESS、SCSS高亮插件
LESS https://packagecontrol.io/packages/LESS 功能:LESS高亮插件 下载 简介:用LESS的同学都知道,sublime没有支持less的语法高亮,所以这个插件可以帮上我们 使用:打开.less文件或者设置为less格式 重点内容为sublime text 添加SASS语法高亮1.下载 sublime SCSS语法高亮包 点击下载 2.原创 2016-12-03 16:34:40 · 2064 阅读 · 0 评论 -
事件对象
事件对象在触发DOM上的某个事件时,会产生一个事件对象event。这个对象中包含着所有与事件有关的信息。包括导致事件的元素,事件的类型以及其他与特定事件相关的信息。例如鼠标操作导致的事件对象中,会包含鼠标的位置信息。 键盘操作导致的事件对象中,会包含与按下的键有关的信息。 IE中事件对象event是全局变量window.event可以随时拿到 其它浏览器必须在参数中传递才能获取事件对象eve原创 2016-12-03 16:37:22 · 312 阅读 · 0 评论 -
DOM事件处理程序
事件就是用户或浏览器自身执行的某种动作。比如“click”,“load”,“mouseover”等都是事件的名字。响应某个事件的函数就叫做事件处理程序(或事件侦听器)。事件处理程序的名字以“on”开头,因此,click对应的时间处理程序就是 “onclick”。给事件指定事件处理程序有好几种方式。 一:HTML 方式 这种方式是利用元素的属性,直接添加事件处理程序,像下面给这样:<inp原创 2016-12-03 16:41:25 · 366 阅读 · 0 评论 -
浏览器内核
IE: trident内核 Firefox:gecko内核 Safari:webkit内核 Opera:以前是presto内核,Opera现已改用Google Chrome的Blink内核 Chrome:Blink(基于webkit,Google与Opera Software共同开发)原创 2016-08-29 21:41:13 · 371 阅读 · 0 评论 -
javascript词法结构
编程语言的词法结构是一套基础性规则,用来描述如何使用这门语言来编写程序。作为语法的基础,它规定了诸如变量名是什么样的、怎么写注释、以及程序语句之间如何分隔等规则。1、字符集JavaScript程序是用Unicode字符集编写的。 1.1 区分大小写 JavaScript是区分大小写的语言。也就是说,关键字、变量、函数名和所有标识符(identifier)都必须采取一致的大小写形式。比原创 2016-12-30 12:41:58 · 522 阅读 · 0 评论 -
javacript语句
表达式在JavaScript中是短语,而语句(statement)就是JavaScript整句或命令。 表达式计算出一个值,但语句用来执行以使某件事发生。 JavaScript语句是以分号结束。默认情况下,JavaScript解释器依照语句的编写顺序依次执行。1.循环(loop)语句循环语句就是程序路径的一个回路,可以让一部分代码重复执行。1.while2.do-while3.for4.for-原创 2016-12-30 12:20:07 · 404 阅读 · 0 评论 -
JavaScript创建函数的几种方式
1.函数声明function aaa(arg0,arg1,arg2) {// 函数体}2.函数表达式var bbb = function (arg0, arg1, arg2) {// 函数体}原创 2016-12-03 16:24:29 · 660 阅读 · 0 评论 -
javascript DOM基本操作
1.获取节点document1.用指定ID选取元素 document.getElementById<div id="div"></div>document.getElementById('div');2.用指定名字选取元素 document.getElementsByName 一些HTML元素拥有name属性(比如、、、、和等),非唯一,所以多个元素可能有相同的名字。基于name属性的值选取HTM原创 2016-12-30 16:49:57 · 1100 阅读 · 0 评论 -
ionic3 ion-navbar height 导航 push 到一个新页面后,手机的状态栏高度没有了问题
问题:通过push进入下个页面后,或者点击input输入框,状态栏高度没有解决方案:1.在 config.xml 中添加 platform name="ios"> preference name="StatusBarOverlaysWebView" value="false" />platform>2.或者通过状态栏插件设置 状态栏插件下载链接this.s原创 2018-01-23 20:59:45 · 1353 阅读 · 0 评论