死亡是一座永恒的灯塔

0%

JS定时器有以下两个方法:

  • setInterval() :按照指定的周期(以毫秒计)来调用函数或计算表达式。方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。
  • setTimeout() :在指定的毫秒数后调用函数或计算表达式。

setInterval()

语法

1
setInterval(code,millisec,lang)
阅读全文 »

数据类型

ECMAscript中有五种简单数据类型(也称基本数据类型):Undefined、Null、Boolean、Number和String,还有一种复杂数据类型——Object,Object本质上是由一组无序的名值对组成的。

ECMAscript不支持任何创建自定义类型的机制,而所有值最终都将是上述六种数据类型之一。

阅读全文 »

  何谓面向对象?何谓面向过程?对于这编程界的两大思想,一直贯穿在我们学习和工作当中。我们知道面向过程和面向对象,但要让我们讲出来个所以然,又感觉是不知从何说起,最后可能也只会说出一句就是那样啦,你知道啦。而这种茫然,其实就是对这两大编程思想的迷糊之处。本文通过学生到校报道注册的实例,阐述了面向过程和面向对象两大思想。希望能对你的学习和工作有所帮助。

阅读全文 »

组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素, Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以是原生 HTML 元素的形式,以 is 特性扩展。

创建单文件组件

1
2
3
4
5
6
7
8
9
10
<template>
</template>

<script>
export default {
};
</script>

<style lang="stylus" rel="stylesheet/stylus">
</style>
阅读全文 »

为什么要有props验证

但是上面这种方式是建立在大家都很遵守约定的情况下的,想象一下当有一个人要使用foo-component组件的时候,他可能对于其要接受的参数有什么要求并不是很清楚,因此传入的参数可能会在开发子组件的人的意料之外,程序就会发生错误,就像我们在函数调用之前先检查一下函数一样,props也可以进行一个预先检查。

阅读全文 »

问题描述: 路由进行页面的跳转时,使用query进参数传递,query中存储一个较为复杂的对象,页面初次载入时数据可以成功获取,刷新页面后数据显示{accountInfo: "[object Object]"}

#代码示例

路由跳转代码

1
2
3
4
5
6
7
8
if (data.code === 200) {
this.$router.push({
name: 'admin/',
query:{
accountInfo:data.data,
}
})
}

阅读全文 »

问题描述:

使用vue的表单组件,编辑页面设置默认值失败,其他表单项目均设置成功,只有图片地址的input值无法成功渲染

问题解决流程:

仔细对比该表单项目与其他表单项目,以及结合之前angular的经验,猜测可能是v-if影响了数据的绑定,去除v-if后数据成功渲染

问题出现原因:

该表单项目使用了v-if(条件默认为false),因为生命周期的原因,数据第一次无法
渲染
step1. v-if条件为假,表单元素在html中没有生成
step2. 数据绑定,找不到该表单元素的dom,数据渲染失败
step3. v-if条件修改为真,表单元素在html中生成

阅读全文 »

问题描述

vue-cli脚手架3.0版本搭建项目,运行时报错

报错信息

1
[Vue warn] : You are using the runtime-only build of Vue where the template option is not available. Either pre-compile the templates into render functions, or use the compiler-included build. (found in root instance)
阅读全文 »

从事前端开发也有一段时间了,一直在遵循着规范化开发,从 js 也逐渐转向了 ts ,在这个过程中也有了很多收获,在此把自己的开发心得写下来。

本文参考了JavaScript 开发规范,并做了补充和修改,同时删去了框架开发相关的内容(侵删)。

1. 命名规范

ECMAScript 规范中标识符采用驼峰大小写格式,驼峰命名法由小(大)写字母开始,后续每个单词首字母都大写。根据首字母是否大写,分为两种方式:

阅读全文 »

本文主要介绍了vue中使用路由进行页面的跳转时,vue的路由如何传递参数,第二个页面如何获取参数.

阅读全文 »