Jane_Juan小姐的博客

菜鸟一枚,记录前端成长轨迹,个人博客正在建设中,地址为https://git.zhangxiaojuan.club/...

ES6:await和async的区别和使用

async async确保了函数返回一个promise console.log(1); async function f () { console.log(2) return 'hello world!' } f().then(result=>{ ...

2019-04-19 15:14:53

阅读数 73

评论数 0

event loop 事件循环机制的典型例子

例一、以下代码会输出什么? setTimeout(function () { console.log(1) }, 0) setTimeout(function () { console.log('999999') },...

2019-04-19 14:38:13

阅读数 33

评论数 0

npm和yarn及pnpm区别,以及使用的对比

npm和yarn的区别,我们该如何选择?

2019-04-13 20:23:39

阅读数 150

评论数 0

判断js中的数据类型的几种方法-包括用原型链(constructor、prototype、_prototype_)

判断js中的数据类型的几种方法 instanceof用来判断对象和函数;instanceof 可以在继承关系中用来判断一个实例是否属于它的父类型。 typeof 用来判断变量 Object.prototype.toString.call(str) == “[object String]”;//完...

2019-04-26 18:28:43

阅读数 34

评论数 0

关于vue生命周期的理解

一、打开页面 1、beforeCreate 可以理解为啥都没有 2、created data被初始化, 3、beforeMount data初始化,el初始化 4、mounted data挂载到dom上 此时页面渲染完毕 二、页面渲染成功后进行页面交互 以下是对页面的修改 5、be...

2019-04-23 19:00:46

阅读数 43

评论数 0

vue原理1-实现observer

关键属性:有兴趣的点击链接查看具体讲解:Object.defineProperty let data = {name:'my name'}; observe(data); function observe(data) { if(!data ||typeof ...

2019-04-23 16:11:45

阅读数 33

评论数 0

a页面使用了keep-alive后,重新返回a页面时需要改变a页面显示值如何处理?

keep-alive activated 进入页面 keep-alive deactivated 退出页面 这两个属性控制 // keep-alive deactivated 退出 deactivated() { console.log("deactivated&qu...

2019-04-22 15:33:14

阅读数 49

评论数 0

关于变量提升的典型例子

为啥执行函数b不报错 let a = function () { console.log(1) }; a(); b(); function b () { console.log(2); } 匿名函数产生了变量提升 未完待续。。。。。

2019-04-19 12:40:58

阅读数 16

评论数 0

rem原理 - 1

rem响应式 html{ font-size: calc(100vw/750);//1rem=1px } 举例 <!doctype html> <html lang="en"> <hea...

2019-04-15 16:32:15

阅读数 12

评论数 0

简单的谈一下前端开发中的小技巧

查找资料 领导给你安排一个任务,你从来没有做过这个功能,咋办呢?? 菜鸟 对于前端菜鸟来说,直接撸好关键词,然后找度娘,稍微有志气一点的上Google 呵呵呵呵。。。。。。 大神们会鄙视的操作 笨鸟 稍微懂得多一点的,比如公司项目用的是vue,需要再页面中嵌套一个柱形图,他们知道上gith...

2019-04-15 11:36:56

阅读数 28

评论数 0

教你使用cloud studio,通过学习这个能够学会项目部署到服务器的流程及原理

官方教程

2019-04-13 21:51:55

阅读数 311

评论数 0

This的指向

一、this指向window console.log(this);//window 二、谁调用就指向谁 举例说明 p标签中的点击事件,this就指向p标签 <p>0</p> let pAr = document.getElements...

2019-04-11 19:03:29

阅读数 27

评论数 0

ES6对象数组的解构

es6对象与数组的解耦及常用属性 //对象解构 let myinfo = {name: 'zxj', age: 12, child: {firstChild: '小明'}}; let {name, age, child: {firstChild: x...

2019-04-11 15:46:03

阅读数 50

评论数 0

markdown的使用

快捷键 撤销:Ctrl/Command + Z 重做:Ctrl/Command + Y 加粗:Ctrl/Command + B 斜体:Ctrl/Command + I 标题:Ctrl/Command + Shift + H 无序列表:Ctrl/Command + Shift + U 有序列表:Ct...

2019-04-11 11:59:10

阅读数 19

评论数 0

[css]:一个左中右布局,最小宽度为600px,左侧为200px,右侧是300px,中间自适应。中间优先显示

我是标题 我是html <div class="content"> <div class="left">左边</div> <div class=&quo...

2019-04-11 11:51:57

阅读数 60

评论数 0

[css]:css mudule和css scope的对比及css scope的原理

今天在看style规范时发现一个属性css mudulehttps://cn.vuejs.org/v2/style-guide/,搜了搜他的相关用法 css scoped <template> <button class="but...

2019-04-04 16:29:00

阅读数 40

评论数 0

windows10下nginx的安装及使用

下载 链接:http://nginx.org/en/download.html 下载的默认是zip格式,此时将文件进行解压即可 启动、停止: (1)直接双击nginx.exe,双击后一个黑色的弹窗一闪而过 (2)打开cmd命令窗口,切换到nginx解压目录下,输入命令 nginx...

2019-04-03 12:38:55

阅读数 79

评论数 0

给input框赋值成功后input框不能进行编辑

选中一项后,input框不能进行编辑 <el-select v-model="input.memoStyle" placeholder="Log Landlord Call" @change="m...

2019-04-01 18:05:36

阅读数 537

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭