Honey Young

小杨鹤


  • 首页

  • 归档

  • 分类

  • 标签

  • 关于

  • 搜索

题库-js篇(下)

发表于 2016-05-18 | 分类于 题库系列

正则表达式

写出由字母开头,其余由数字、字母、下划线组成的 6~30 的字符串

^[a-zA-Z]{1}[\w]{5,29}$

写出正确的正则表达式匹配固话号

区号3-4位,第一位为0,中横线,7-8位数字,中横线,3-4位分机号格式的固话号

^[0]\d{2,3}\-\d{7,8}\-\d{3,4}$

要求最短6位数,最长20位,阿拉伯数和英文字母(不区分大小写)组成

^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])[a-zA-Z\d]{6,20}$

输出结果是

1
2
var bool = !!2; 
alert(bool);//true;

双向非操作可以把字符串和数字转换为布尔值。

阅读全文 »

题库-js篇(上)

发表于 2016-04-28 | 分类于 题库系列

1、javascript 的 typeof 返回哪些数据类型

1
2
3
4
5
6
7
8
9
alert(typeof [1, 2]); //'object'
alert(typeof 'leipeng'); //'string'
var i = true;
alert(typeof i); //'boolean'
alert(typeof 1); //'number'
var a;
alert(typeof a); //'undefined'
function a(){;};
alert(typeof a) //'function'

2、 3 种强制类型转换和 2 种隐式类型转换

强制(parseInt(),parseFloat(),Number())
隐式(== ,!!)

阅读全文 »

题库-HTML、CSS篇

发表于 2016-04-08 | 分类于 题库系列

1、浏览器的内核

IE: trident内核
Firefox:gecko内核
Safari:webkit内核
Opera:以前是presto内核,Opera现已改用Google Chrome的Blink内核
Chrome:Blink(基于webkit,Google与Opera Software共同开发)

2、Doctype

<!DOCTYPE> 声明位于文档中的最前面的位置,处于 标签之前。
此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
重点:告知浏览器该以何种模式来渲染文档
DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。

阅读全文 »

AngularJS 框架

发表于 2016-03-18 | 分类于 AngularJS系列

豆瓣电影列表项目说明

使用 AngularJS + Bootstrap + Node.js 构建的一个电影列表展示单页应用

启动项目

1
$ nodemon add.js

或者:

1
$ node add.js

豆瓣开发接口 API

  • 所有的接口地址都是以:http://api.douban.com/v2 开头的
  • 正在热映 http://api.douban.com/v2/movie/in_theaters
  • 即将上映 http://api.douban.com/v2/movie/coming_soon
  • top250 http://api.douban.com/v2/movie/top250
  • search http://api.douban.com/v2/movie/search?q={text}
  • 电影条目接口: http://api.douban.com/v2/movie/subject/:id
阅读全文 »

AngularJS 框架

发表于 2016-03-18 | 分类于 AngularJS系列

写在最前:由于 ng 的表达式和博客有冲突,所以除了代码块之外所有的大括号经过了 \ 转义!

Angular 介绍

什么是框架和库

库是由开发人员主动使用库里面提供的 API,完成代码功能逻辑

框架里面提供了各种各样的库,这些库可以调用使用,也可以由框架去调用使用

什么是 AngularJS

  • 一款非常优秀的前端高级 JavaScript 框架
  • 可以轻松构建 SPA 应用程序
  • 通过 指令 扩展了 HTML,通过 表达式 绑定数据到 HTML
  • 最大程度上解放了 DOM 操作
  • 构建更加动感的 HTML 应用程序

AngularJS是为了克服HTML在构建应用上的不足而设计的。AngularJS有着诸多特性,最为核心的是:

  • MVC
  • 模块化
  • 自动化双向数据绑定
  • 语义化标签、依赖注入等等

为什么使用 Angular

阅读全文 »

js 的模块化

发表于 2016-02-28 | 分类于 JS系列

历史上,JavaScript一直没有模块(module)体系,无法将一个大程序拆分成互相依赖的小文件,再用简单的方法拼装起来。其他语言都有这项功能,比如 Ruby 的 require、Python 的 import ,甚至就连 CSS 都有 @import ,c 语言中的 include,但是 JavaScript 任何这方面的支持都没有,这对开发大型的、复杂的项目形成了巨大障碍。

JavaScript 模块化开发

模块化介绍

当你的网站开发越来越复杂的时候,会经常遇到什么问题?

1、模块化思想可以让开发更高效
2、实现模块化需要解决一个任务,这个任务就是依赖关系
3、浏览器端 js 是天然不能实现模块
4、有一些库弥补了浏览器端 js 的一些缺陷,实现了模块化并解决了依赖关系

将这种库称为模块加载器,RequireJS、SeaJS

这些模块加载器定义了自己的规范,必须尊早这些规范才能正常工作。

以 SeaJS 为例子:

阅读全文 »

Gulp 构建工具

发表于 2016-02-18 | 分类于 Gulp构建工具系列

项目构建是指项目上线之前对项目源代码进行一系列处理,使其以最佳的形式运行于线上服务器。常见处理任包括以下几方面:

1、模块化开发可以实现功能的复用并解决模块间的依赖关系,但带来好处的同时也使得功能代码的碎片化(若干文件)程度增加。

2、使用less、sass等预处理器,可以降低CSS的维护成本,最终需要将这些预处理器编译成css文件;

3、对静态资源(css、js、html、images)压缩合并可以提升网页打开速度,提高性能;

以上任务完如果完全靠手动来完成是非常耗时耗力的且容易出错,实际开发通常借助构建工具来实现。

所谓构建工具是指通过一系简单配置就可以帮我们实现合并、压缩、校验、预处理等一系列任务的软件工具。

常见的构建工具包括:Grunt、Gulp、F.I.S(百度出品)、webpack等。

Gulp是基于 Nodejs 开发的一个构建工具,借助 gulp 插件可以实现不同的构建任务,其以简洁的配置和卓越的性能成为目前主流的构建工具。

全局安装

1
$ npm install -g gulp

Gulp基础

阅读全文 »

PHP-基础

发表于 2016-02-08 | 分类于 PHP系列

php基础

文件以.php后缀结尾,所有程序包含在 <?php ** 这里是代码 ** ?>

避免使用中文目录和中文文件名,php页面无法直接打开需要运行在服务器环境当中。

阅读全文 »
1…456…9
honey young

honey young

69 日志
31 分类
71 标签
RSS
GitHub 简书 知乎
© 2018 honey young
本站访客数:
0%