摘要:
前言 使用mockjs可以事先模拟数据,前提是和后端约定好了数据接口,怎样的数据。使用mock就可以生成你要的数据了,从而实现开发时前后端分离。 其主要功能是: 基于数据模板生成模拟数据。 基于HTML模板生成模拟数据。 拦截并模拟 ajax 请求。 语法规范 Mock.js 的语法规范包括两部分: 阅读全文
摘要:
在SF问题中看到了一个关于vue-cli中的template问题,问题是这样的:用vue-cli工具生成的main.js中: 然后问友的问题是:【template: '<App/>'】这句是什么意思?是指使用app.vue模板吗?但在vue没有看到这样的用法哦!里面只有:1 template:'#x 阅读全文
摘要:
1.首先,依次打开菜单栏->工具->预编译器设置,打开后是这样的: 2.然后点击新建。 3.文件后缀为.less触发命令地址就是lessc.cmd所在的地址,先用npm全局安装less, npm install -g less,然后选择智能完成 4.最后确定确定,就OK了,以后每次less文件有改动 阅读全文
摘要:
使用语法 首先我们先来看一个例子:html代码: css代码: 实现效果: 结果是该DOM元素背景变成了黑色。 CSS中原生的变量定义语法是:--*,变量使用语法是:var(--*),其中*表示我们的变量名称。关于命名这个东西,各种语言都有些显示,例如CSS选择器不能是数字开头,JS中的变量是不能直 阅读全文
摘要:
简介 在SF上看到这样一个提问: 如题,因为不得已的原因,需要写若干个全局函数。但又不想这样: 题主问有什么好的写法? 解答: 如果你用 jQuery,你可以这样写 如果你不用 jQuery,可以直接实现类似的 extend: 在JavaScript中,命名空间可以帮助我们防止与全局命名空间下的其他 阅读全文
摘要:
什么是cookie? cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。 设置cookie 每个cookie都是一个名/值对,可以把下面这样一个字符串赋值给docum 阅读全文
摘要:
什么是calc()? calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能,用来指定元素的长度。比如说,你可以使用calc()给元素的border、margin、pading、font-size和width等 阅读全文
摘要:
JS数值之间的转换 Number(), parseInt(),parseFloat() Number()函数的转换规则如下: 1.如果boolean值,true和false将分别被转换为1和02.如果是数字值,只是简单的传入和返回3.如果是null值,返回04.如果是undefined,返回NaN 阅读全文
摘要:
浅拷贝: 深拷贝: 浅拷贝的问题:如果父对象的属性等于数组或另一个对象,那么实际上,子对象获得的只是一个内存地址,而不是真正拷贝,因此存在父对象被篡改的可能。 下面来个实例: 存在的问题,如果经常改写这个函数的方法extendCopy,内部再调用这个方法名就会出错,还得修改一下这个方法名,那么下面这 阅读全文
摘要:
介绍 typeof typeof用以获取一个变量或者表达式的类型,typeof一般只能返回如下几个结果: number boolean string function(函数) object(NULL,数组,对象) undefined。 例子: 我们可以使用typeof来获取一个变量是否存在,如if( 阅读全文
摘要:
在函数内部,有两个特殊的对象:arguments 和 this。其中, arguments 的主要用途是保存函数参数, 但这个对象还有一个名叫 callee 的属性,该属性是一个指针,指向拥有这个 arguments 对象的函数。 如下,一般在非严格模式下递归调用一般这样使用: 但是如果代码是在严格 阅读全文
摘要:
来分析下调用的结果: 第一行代码跟平常一样调用了object.getName()返回了My Object ,因为this.name就是object.name。 第二行代码在调用这个方法之前给它加了一个括号。虽然加了一个括号后,就好像只是在引用一个函数,但是this的值得到了维持,因为object.g 阅读全文
摘要:
资源相对引用路径 问题描述 一般情况下,通过webpack+vuecli默认打包的css、js等资源,路径都是绝对的。 但当部署到带有文件夹的项目中,这种绝对路径就会出现问题,因为把配置的static文件夹当成了根路径,那么要解决这种问题,就得引用相对路径。 解决办法 打开webpack.prod. 阅读全文
摘要:
什么是hasLayout? hasLayout是IE特有的一个属性。很多的ie下的css bug都与其息息相关。在ie中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。当一个元素的hasLayout属性值为true时,它负责对自己和可能的子孙元素进行尺寸计算和 阅读全文
摘要:
GET和POST是HTTP请求的两种基本方法,要说它们的区别,接触过WEB开发的人都能说出一二。 最直观的区别就是GET把参数包含在URL中,POST通过request body传递参数。 你可能自己写过无数个GET和POST请求,或者已经看过很多权威网站总结出的他们的区别,你非常清楚知道什么时候该 阅读全文
摘要:
基本概念 reduce() 方法接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始缩减,最终为一个值。 reduce 为数组中的每一个元素依次执行回调函数,不包括数组中被删除或从未被赋值的元素,接受四个参数:初始值(或者上一次回调函数的返回值),当前元素值,当前索引,调 阅读全文
摘要:
在JavaScript中,对象的属性分为可枚举和不可枚举之分,它们是由属性的enumerable值决定的。可枚举性决定了这个属性能否被for…in查找遍历到。 一、怎么判断属性是否可枚举 js中基本包装类型的原型属性是不可枚举的,如Object, Array, Number等,如果你写出这样的代码遍 阅读全文
摘要:
反柯里化 相反,反柯里化的作用在与扩大函数的适用性,使本来作为特定对象所拥有的功能的函数可以被任意对象所用.即把如下给定的函数签名, 转化成一个函数形式,签名如下: 这就是 反柯里化的形式化描述。 例如,下面的一个简单实现: 解释: uncurrying是定义在Function的prototype上 阅读全文
摘要:
何为Curry化/柯里化? curry化来源与数学家 Haskell Curry的名字 (编程语言 Haskell也是以他的名字命名)。 柯里化通常也称部分求值,其含义是给函数分步传递参数,每次传递参数后部分应用参数,并返回一个更具体的函数接受剩下的参数,这中间可嵌套多层这样的接受部分参数函数,直至 阅读全文
摘要:
bind 是返回对应函数,便于稍后调用;apply 、call 则是立即调用 。 apply、call 在 javascript 中,call 和 apply 都是为了改变某个函数运行时的上下文(context)而存在的,换句话说,就是为了改变函数体内部 this 的指向。JavaScript 的一 阅读全文
摘要:
Javascript语言用于编码的函数,一共有三个,最古老的一个就是escape()。虽然这个函数现在已经不提倡使用了,但是由于历史原因,很多地方还在使用它,所以有必要先从它讲起。 escape 和 unescape 实际上,escape()不能直接用于URL编码,它的真正作用是返回一个字符的Uni 阅读全文
摘要:
前言 首先第一步,先布局html代码如下: 上面一看第一个图片img 就是实现图片模糊效果的DOM元素,text-gradient实现的是流彩文字效果的DOM元素,border实现的是边框伸展效果的DOM元素 想一想样式该咋写呢,根据这个布局,我们先来实现图片模糊效果。 图片模糊效果 图片模糊效果要 阅读全文
摘要:
前言 本文是我学习JavaScript过程中收集与整理的一些易错知识点,将分别从变量作用域,类型比较,this指向,函数参数,闭包问题及对象拷贝与赋值这6个方面进行由浅入深的介绍和讲解,其中也涉及了一些ES6的知识点。 JavaScript知识点 1.变量作用域 上方的函数作用域中声明并赋值了a,且 阅读全文
摘要:
问题 我想将一个数组追加到另一个数组的后面,于是我在 firebug 编写如下代码: 但是,出乎意料,它却输出了: 而没有输出我期望的: 解答 JavaScript 的 + 运算符有两个目的: 将两个数相加; 将两个字符串连接。 规范并没有定义 + 运算符在数组上的行为,所以javascript 首 阅读全文
摘要:
使用!!操作符转换布尔值 有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值。为了做这样的验证,我们可以使用!!操作符来实现是非常的方便与简单。对于变量可以使用!!variable做检测,只要变量的值为:0、null、" "、undefined或者NaN都将返 阅读全文
摘要:
新建项目 开始(确认已经安装node环境和npm包管理工具) 1、新建项目文件名为start_vuedemo 2、npm init -y 初始化项目,我的win7系统,工程在d盘的vue_test_project文件夹下的名为start_vuedemo的工程文件夹 如图所示: 在该工程下自动生成一个 阅读全文
摘要:
onload与complete介绍 complete只是HTMLImageElement对象的一个属性,可以判断图片加载完成,不管图片是不是有缓存;而onload则是这个Image对象的load事件回调,当图片加载完成后执行onload绑定的函数。 给下面一个例子,解释下: 打印结果:第一次点击,谷 阅读全文
摘要:
前言 通过前面几章的实战,我们已经顺利的构建项目,并且从API接口获取到数据并且渲染出来了。制作更多的页面,更复杂的应用,就是各位自己根据自己的项目去调整的事情了。 本章讲一下如何配置子路由,因为我们的项目不可能只有一个页面,而是由众多页面构成的。 新建子路由页面 在第二节中,我们新建了一个src/ 阅读全文
摘要:
通过前面几篇教程,我们已经顺利搭建起来了,并且已经组建好路由了。本章节,我们需要做一个列表页面,然后利用获取 http://cnodejs.org/api 的公开API,渲染出来。 我们打开src/page/index.vue文件,在这里写入下面的代码: 通过浏览器,我们可以看到如图所示的渲染结果: 阅读全文
摘要:
制作.vue模板文件 通过前面的两篇博文的学习,我们已经建立好了一个项目。问题是,我们还没有开始制作页面。下面,我们要来做页面了。 我们还是利用 http://cnodejs.org/api 这里公开的api来做项目。不过本章节不涉及调用接口等内容。这里,我们假设我们的项目是做俩页面,一个列表页面, 阅读全文