![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
肖哒哒啊
这个作者很懒,什么都没留下…
展开
-
vue中的sass-loader和node-sass对应版本安装
npm i -D node-sass@4.12.0npm i -D sass-loader@8.0.2原创 2021-07-22 16:21:35 · 1577 阅读 · 0 评论 -
js运行机制和Promise用法
Promise.race 返回第一个结果 let p1 = new Promise((resolve, reject) => { setTimeout(() => { resolve('success') }, 1000) }) let p2 = new Promise((resolve, reject) => { setTimeout原创 2021-07-12 15:30:11 · 152 阅读 · 0 评论 -
js中的箭头函数
1、箭头函数中的this不是谁绑定指向谁2、箭头函数this指向外层非箭头函数的作用域 obj = { a: 1, } obj.test = function () { console.log('test', this); var t1 = () => { console.log('t1', this); var t2原创 2021-07-06 16:21:17 · 392 阅读 · 0 评论 -
js 中的this指向
**谁调用this,this就指向谁**案例1:返回12 var o = { a:10, b:{ a:12, fn:function(){ console.log(this.a); //undefined } } } o.b.fn();案例2:返回undefined,因为最终调用的是b。this永远指向的是最后调用它的对象,也就是看它执行的时候是谁调用的 var a = {原创 2021-07-02 10:39:17 · 65 阅读 · 0 评论 -
js作用域和作用域链、闭包
全局作用域和局部作用域全局作用域在任何地方都能被访问:例如name1 在方法changeName() 里面和外面都可以打印出来 var name1="haha"; function changName(){ var name2="xixi"; console.log(name1); // haha console.log(name2);// xixi } changName(); console.log(name1);//haha console.log(na原创 2021-06-30 11:15:01 · 174 阅读 · 0 评论 -
js中的prototype、__proto__与constructor 的关系
学习连接:先看:https://www.cnblogs.com/youhong/p/6838611.html再看:https://blog.csdn.net/cc18868876837/article/details/81211729function Foo(){};var Eoo = new Foo();1、 __proto__和constructor属性是对象(Eoo是Foo的实例化对象)所独有的,也就是Eoo才有,2、prototype属性是函数所独有的,因为函数也是一种对象,所以函数也拥转载 2021-06-29 11:13:58 · 195 阅读 · 0 评论 -
vue 父子组件之间的相互传值
子组件给父组件传值>父组件<div> <test @sonToPar='parentEvent'></test></div> import test from "@/components/test"; export default { components: { test }, methods: { parentEvent(val){ console.log(val); }原创 2021-06-28 14:03:27 · 88 阅读 · 0 评论 -
css的几种布局情况
**一、标准文档流,也就是纯手写原生页面**元素排版布局过程中,元素会默认自动从左往右,从上往下的流式排列方式。并最终在页面自上而下分成一行行,并在每行中从左至右的顺序排放元素。存在1、空白缝隙,2、高矮不齐的时候,底部对齐。3、一行装不下,会自动换行排列。块级元素:单独占据一行能设置宽和高的值没有设置宽度就会继承父级元素宽度行内元素与其他行内元素并排,无法设置宽高,默认是文字宽度行内变块级元素 display:block块级变行内元素 display:inline原创 2021-06-27 15:57:48 · 113 阅读 · 0 评论 -
BFC常用知识点
官方文档:https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Block_formatting_context1、BFC是什么:BFC(block formatting context)块级格式化上下文,它是页面中的一块渲染区域,并且有一套属于自己的渲染规则,它决定了元素如何对齐内容进行布局,以及与其他元素的关系和相互作用。 当涉及到可视化布局的时候,BFC提供了一个环境,HTML元素在这个环境中按照一定规则进行布局2、BFC解决问题1,浮动元素原创 2021-06-26 21:40:06 · 144 阅读 · 0 评论 -
vue路由守卫,判断登录等相关接口
vue路由守卫一、全局路由守卫//全局守卫写在main中//router对象调用 //.beforeEach((进入到哪一个路由,从哪一个路由离开,对应的函数)=>{}) router.beforeEach((to,form,next) =>{ //如果进入到的路由是登录页或者注册页面,则正常展示 if(to.path == '/login' || to.path == '/register' ){ next(); }else if(原创 2021-06-25 16:53:10 · 1103 阅读 · 0 评论 -
vuex的使用
使用 vue-cli3 新建的项目main.js默认的文件有import Vue from 'vue'import App from './App'import router from './router'import store from './store'Vue.config.productionTip = false/* eslint-disable no-new */new Vue({ el: '#app', router, store, //store:store原创 2021-01-04 18:01:28 · 46 阅读 · 0 评论 -
vue-lic3 新建项目后需要安装element、vuex、axios、router
删除vue-clicnpm uninstall vue-cli -g安装vue-cli 3cnpm install -g @vue/cli@3.11.0安装vuexnpm install vuex --save在assets文件同级目录新建store文件夹,里面新建index.js文件import Vue from 'vue'import Vuex from 'vuex'import axios from 'axios'Vue.use(Vuex)export default new转载 2020-12-29 17:42:36 · 266 阅读 · 0 评论 -
js综合知识点
一、什么叫js执行上下文?概述,js执行上下文是指当js代码运行时候会产生一个对应的执行环境(全局执行上下文,函数上下文),在这个环境里面var声明的变量会被预提出来(变量提升)。代码开始从上往下执行,这个叫做执行上下文。特点:是单线程、从上至下、同步执行。函数每次被调用会出现一个新的执行上下文。这么理解就对了: function test() { var a; console.log(a); //undefined原创 2020-12-13 23:36:55 · 76 阅读 · 0 评论 -
js call、apply、bind的区别
参考文档:https://www.runoob.com/w3cnote/js-call-apply-bind.html烧脑文档:https://www.cnblogs.com/moqiutao/p/7371988.html他们的作用都是重新定义this的对象call 、bind 、 apply 这三个函数的第一个参数都是 this 的指向对象,第二个参数差别就来了:call 的参数是直接放进去的,第二第三第 n 个参数全都用逗号分隔,直接放到后面apply 的所有参数都必须放在一个数组里面传转载 2020-12-10 23:33:25 · 110 阅读 · 3 评论 -
js函数加括号和不加括号的区别
function text() { return '666' } var a = text; var b = text(); console.dir(a); console.dir(b);我们把1、2、3行代码叫做函数(对象),函数是一种叫做function引用类型的实例,因此函数是一个对象。对象是保存在内存中的,函数名则是指向这个对象的指针a表示把函数名text这个指针拷贝一份给...原创 2020-12-10 23:00:47 · 158 阅读 · 0 评论 -
前端flex布局心得
<!DOCTYPE html><html><head> <title>test-indexOf</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style type="text/css"> div {原创 2020-12-06 22:10:28 · 194 阅读 · 0 评论 -
vue学习之node环境搭建
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入1、直接傻瓜式操作下一步。安装目录选择d盘2、安装完毕后在win+r打开输入cmd,据传说加上我自己实操发现npm太慢,原创 2020-12-06 20:50:07 · 104 阅读 · 0 评论 -
javascript中的new
function base() { this.str = "ceshi"; } var a = new base(); console.dir(a);结果如下:![在这里插入图片描述](https://img-blog.csdnimg.cn/20201126221443690.png#pic_center当看到包含有赋值str的同时,还包含着_proto_对象__proto__函数就是一个构造函数的prototype。我们可以...原创 2020-11-26 22:35:09 · 316 阅读 · 0 评论