随笔分类 - 大前端
大前端学习
摘要:rcc+tab键:用ES6模块系统创建一个React组件类 import React, {Component} from 'react'; class Test extends Component { render() { return ( <div> </div> ); } } export de
阅读全文
摘要:http中的Get、Post、Put、Delete的区别 Http定义了与服务器交互的不同方法,最基本的方法有4种,分别是POST,GET,PUT,DELETE;而PATCH是后来新增的方法。URL全称是资源描述符,我们可以这样认为:一个URL地址,它用于描述一个网络上的资源,而HTTP中的POST
阅读全文
摘要:1.js事件冒泡 e.stopPropagation() e.cancelBubble = true <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body>
阅读全文
摘要:1.web性能优化: 减少重绘 高频事件防抖 代码压缩 代码优化 css js 图片优化 webpack按需引入 使用CDN服务 2.vue怎么自定义指令: 组件缓存:keepAlive 3.vue修饰符 表单修饰符 lazy:光标离开输入框的时候才会将值赋给value trim:去除输入的首空格
阅读全文
摘要:1.BFC:块级格式化上下文 BFC决定了元素如何对其内容进行定位,以及与其它元素的关系和相互作用,当涉及到可视化布局时,BFC提供一个环境,html在这个环境中按照一定的规则进行布局。 怎样触发BFC: overflow:hidden display:inline-block position:a
阅读全文
摘要:1.js事件循环机制Event loop js再执行的的时候会产生执行环境 执行环境会按照顺序加入到执行栈中 如果遇到异步 的代码,会被挂起并加入到Task队列中 不同的任务源会被分配到不同的Task任务队列中,任务源分为微任务(microtask)和宏任务(macrotask) 微任务包括proc
阅读全文
摘要:1.null和undefinded区别: null 表示一个对象被定义的,值为"空值" 作为函数的参数,表示该函数的参数不是对象 作为对象原型链的终点 undefined 如果变量被声明,但是没有赋值,就等于undefined 调用函数时,应该提供的参数没有提供,该参数等于undefined 对象没
阅读全文
摘要:1.css的选择器的优先级 通配符和继承权重为 0, 标签选择器为 1 类(伪类)选择器为 10 id 选择 器 100 行内样式表为 1000 !important 无穷大 2.创建函数的几种方式 //函数声明 function sum1(sum1,sum2){ return sum1+sum2
阅读全文
摘要:前端知识学习01 1.跨域 什么是跨域? 协议,域名,端口,只要有一个不一样的就认为是跨域。 怎么解决,设置请求头 response.setHeader("Access-Control-Allow-Origin","*"); 中文意思:访问控制允许来源 2.基本数据类型 7种基本类型:string,
阅读全文
摘要:在使用github作为代码仓库的时候有时候会push失败 Push failed Unable to access 'https://github.com/mafeiGitHub/vue-shop.git/': OpenSSL SSL_read: Connection was reset, errn
阅读全文
摘要:面试题积累 1.自我介绍: 略... 2.说一下盒模型,还问到了IE盒子与标准盒子的区别 margin外边距 border边框 padding内边距 content内容 IE盒子与标准盒子的区别:IE盒子的content包括border和padding 3.移动端响应式布局你会哪些? 百分比布局10
阅读全文
摘要:一、命名规范 1.项目命名:小写方式,以中划线分隔。 mall-management-system 2.目录命名:小写方式,以中划线分隔,有复数结构时,要采用复数命名法,缩写不用复数。 正例: scripts / styles / components / images / utils / layo
阅读全文
摘要:使用npm的一个名为rimraf的模块进行删除 npm install -g rimraf rimraf node_modules
阅读全文
摘要:前端中的event进行对dom元素的获取,比如说mouseEvent 比如说我的问题是要获取输入框的值以及输入框所在的item <a-menu theme="light" style="width: 256px" > <a-menu-item class="menu-i
阅读全文
摘要:前端通过定时器自定义双击dblclick事件 今天在使用antdesign menu组件的时候,需要用到双击事件,但是组件还没有dblclick这个事件属性,只有单击事件click,所以我们可以利用js中的定时器来自定义一个双击事件。 1.绑定事件 @click="handleGroupClick(
阅读全文