mvvm)
文章平均质量分 63
HitoKing
it男
展开
-
ECMAScript引用类型之Array类型
Javascript引用类型-Array创建Array数组var colors = new Array(); //注意大小写var colors = new Array(20); //创建长度20的数组var colors = new Array("red","blue","green");//创建包含3个字符串的数组var colors = new Array('3'); //包含要给字符的数组(原创 2017-04-21 16:39:58 · 309 阅读 · 0 评论 -
CSS样式–被忽略的前端基础(二)
CSS样式–被忽略的前端基础(二)前言 写css的时候有没有觉得属性值千奇百怪,有数值,有带单位的数值,有百分百,有函数,有颜色(red,#fff,rgba(255,255,255,0))CSS属性值种类1、数值: 长度值,用于指定例如元素宽度、边框(border)宽度或字体大小;以及无单位整数。用于指定例如相对线宽或运行动画的次数。绝对单位px(像素)、m...原创 2018-07-27 20:14:18 · 235 阅读 · 0 评论 -
CSS样式--被忽略的前端基础(一)
CSS样式–被忽略的前端基础(一)前言 以前学后端觉得前端不屑一顾,easy,后来从事前端开发后觉得其实并不简单,尤其是在css这一块,总觉得简单,没怎么系统的学习。现在觉得语言只是一种处理和解决问题工具,而你对基础掌握的深度影响着你解决问题的速度和方式。css语句1、 选择器和css声明块构成了CSS规则集。div { background-colo...原创 2018-07-27 17:57:14 · 272 阅读 · 0 评论 -
CSS样式--前端布局(五)
CSS布局前言 如何快速的用html写出一个界面,你可能会觉得很简单,不就是div摆放,表格布局然后调整下样式吗,可真正做的时候有各种居中、浮动等,并且还要考虑到样式兼容、屏幕分辨率等问题。CSS布局主要有如下技术:浮动定位CSS表格flex布局(弹性布局、弹性盒子)网格框架浮动 所谓浮动就是允许元素浮动到另外一个元素的左侧或者右侧,浮动的框...原创 2018-07-30 16:38:33 · 1808 阅读 · 2 评论 -
CSS样式--盒模型(四)
CSS样式–盒模型(四)前言 css盒模型是创建css布局基础,其中最主要的就是padding和margin了,盒模型图解如下: 可通过谷歌浏览器的调试工具查看元素的盒模型,鼠标悬浮上去可查看对应的padding、border等值。框属性1.白色框(padding + 虚线–content)表示元素大小 2.padding表示元素内部边距 3.b...原创 2018-07-30 11:44:26 · 314 阅读 · 0 评论 -
CSS样式--层叠(三)
CSS样式–层叠(三)前言 前端界面开发的时候,经常会引入很多样式,而且还有把样式写在js里面控制的(如:使能按钮)或内嵌到元素的或有的在规则后面加!important,随着版本的迭代,各种样式被覆盖,样式的调整真的惨目忍睹。层叠 css是Cascading Style Sheets 的缩写,这表示在css中层叠的概念很重要,也就是css规则的顺序很重要,影响规则的三...原创 2018-07-30 10:21:56 · 473 阅读 · 0 评论 -
JavaScript对象理解--响应式系统的基石
响应式系统或数据双向绑定的基石–JavaScript对象JavaScript对象 JavaScript中大多数都是对象,包括字符串、数组、函数等,在JavaScript中你可以理解为一切皆对象,因此理解对象是非常有必要的。什么是对象 官网解释:对象是无序属性的集合,其属性可以包含基本值、对象或者函数对象创建字面量方式var perso...原创 2018-07-20 19:10:16 · 328 阅读 · 0 评论 -
设计模式之代理模式--JavaScript版
JavaScript设计模式之–代理模式1、什么是代理模式 什么是代理模式?代理模式给某一个对象提供一个代理对象,并由代理对象控制对原对象的引用。例如:A对象或类无法直接访问B对象或类,但是C对象可以访问A和B,因此C对象就是一个代理对象。也即Proxy就是一个中间桥梁。Created with Raphaël 2.1.2ClientProxyRealSuject2、常见...原创 2018-07-20 15:39:48 · 163 阅读 · 0 评论 -
JavaScript--常用代码小技巧
1. 类型强制转换1.1 string强制转换为数字 可以用*1来转化为数字(实际上是调用.valueOf方法),然后使用Number.isNaN来判断是否为NaN,或者使用 a !== a 来判断是否为NaN,因为 NaN !== NaN'32' * 1 // 32'ds' * 1 // NaNnull * 1 ...转载 2018-07-24 10:56:12 · 279 阅读 · 0 评论 -
Node--代理服务器
Node–代理服务器前言 目前好多系统都是采用前后端分离的方式,即后端给接口,前端调用,但是调试时非常麻烦,要把前端工程文件丢到服务器调试。前段时间看到公司同事写的一个代理服务器,之前虽然一直想写,平常太懒散了,而且也习惯把文件放到服务器调试了,但是用了同事那个代理脚本之后觉得挺方便的。什么是代理服务器 前端的工程文件只能访问本地的服务,想要访问其他服务器上的资源...原创 2018-07-23 20:26:04 · 393 阅读 · 0 评论 -
Node--解析excel
Node解析Excel表格背景 最近项目中需要做国际化处理,翻译文件存在一个Excel表格中,前端国际化变量文件存在vars.js中,要一个个的从Excel中找感觉太愚了,因此想利用node简单写个脚本处理。步骤前端国际化文件如下,国际化是利用了requirejs的i18n实现的 Excel(test.xlsx)表格内容如下 简单代码// app....原创 2018-07-23 19:37:43 · 2087 阅读 · 0 评论 -
BOM对象之navigator对象
利用navigator对象检测插件//插件检测(在IE中无效)function hasPlugin(name){ name = name.toLowerCase(); for(var i =0; i < navigator.plugins.length; i++){ if(navigator.plugins[i].name.toLowerCase().indexO原创 2017-06-14 14:51:11 · 379 阅读 · 0 评论 -
BOM对象之location对象
location对象很特别,它既是window对象的属性,也是document对象的属性;也就是说window.location和document.location引用的是同一个对象。location对象提供与当前窗口中加载文档有关的信息。属性如图所示原创 2017-06-14 10:48:27 · 396 阅读 · 0 评论 -
浏览器对话框
说到对话框我们肯能会想到alert(),它是由浏览器和操作系统决定的,而不是由css决定。但除了这些相信很多初学者不知道还有confirm()和prompt对话框。三种对话框的使用如下:alert("Hello world!") //一般由于警告提示或者调试用,只有一个确定按钮confirm("确定删除?") //和alert区别在于含有取消按钮if(confirm("确定删除?")){原创 2017-06-14 10:38:24 · 1335 阅读 · 0 评论 -
JavaScript间歇调用和超时调用
JavaScript是单线程语言,但它允许通过设置超时值和间歇值来调度代码在特定的时刻内执行。超时调用 超时调用需要使用window对象的setTimeout()方法,使用方式如下:setTimeout(function(){ alert("hello world!");},1000) //1秒过后执行函数 超时调用可能不会在指定的时间内执行,因为js有一个任务队列,setTi原创 2017-06-14 10:18:32 · 1307 阅读 · 0 评论 -
JSON对象
早期的JSON解析器基本上使用的JS的eval()函数,ES5对JSON的行为进行规范,定义了全局变量JSON。 JSON对象有两个方法:stringify()和parse()。这两个方法用于把JS对象序列化为JSON字符串和把JSON字符串解析为原生的JS值。例如:var book = { title: "JS", authors: [ "Jack"原创 2017-06-16 10:47:02 · 249 阅读 · 0 评论 -
Javascript函数详解
javascript函数详解说明 js中的函数是对象,每个函数都是Function类型的实例,函数名只是一个指向函数对象的指针,不会和函数绑定。js函数声明方法如下://方法一function sum(num1,num2){ return num1+num2;}//方法二var sum = function(num1,num2){ return num1+num2;}原创 2017-04-21 17:46:35 · 375 阅读 · 0 评论 -
Underscore源码解析
Underscore源码解析前言 Underscore是一个JavaScript工具库,它提供了许多操作集合、数组、函数等的实用函数。简单说它集成了好多工具函数,不用自己写一些常用的函数了。准备 软件 描述 git 代码管理工具步骤克隆代码到本地: git clone https://github.com/jas...原创 2018-08-01 20:03:58 · 876 阅读 · 0 评论