- 博客(15)
- 收藏
- 关注
原创 记录Vue常用一些工具自留
vue2 项目由于需要适配不同电脑屏幕宽度 在放大的时候不需要改变。3.关于多个合并单元格处理行合并 (列合并一样)1.使用postcss-pxtorem。2.getTime 转时间格式。
2023-01-16 15:02:51 150
原创 2021-07-01
两周面试总结(青岛前端)cssjs类型数组HTTPpromiseobj柯里化vuecss左边固定200px右边自适应…说一下flex几个属性…div居中…div height是父元素宽度一般(padding%基于父元素宽度)js类型基本数据类型…null与undefined区别null是表示引用类型的0 他是一个对象类型的undefined是表示未定义的意思symbol.iterator干啥的是否可用for…of遍历遍历器实现指针结构function Obj(value)
2021-07-01 20:41:20 163 1
原创 随记(一)
前端布局的三种方式1.流动布局(正常的页面布局即矿状元素独占一行内联元素横向排列)2.层布局(定位 中的flexx 是不是一层层)3.浮动布局(使块状元素变成横向布局)移动端适配设备方案理解概念设备像素以及物理像素设备像素是你设计稿上的像素大小而物理像素是css页面的像素大小。一般是两个或者三个物理像素想染一个设备像素。当1:1的时候容易出现图片失真问题1px边框问题原因产生dpr问题// less.border-1px{position: relative;&::befo
2020-10-14 08:44:00 247
原创 js 深拷贝
概念由于对象的特点,所以一般进行数据的复制时没办法复制对象的嵌套类型,当完全复制且对原对象完全没有引用关系时叫做深拷贝,否则叫做浅复制。josn数据方式进行深拷贝let a = { x : 1, y : 2, z : { a : 4, b : 5 }}// 深拷贝 JSON.stringify转变为josn格式的字符串 JSON.parse从json格式转变为对象let copy = JSON.parse(JSON.stringif
2020-10-09 10:29:47 84
原创 let const var的区别
var 是声明变量的一种方式很多情况下js的面试题中都有var变量提升的问题,而var的变量提升会导致变量名混乱等问题,且变量提升也不好理解。例如: console.log(a);//undefined a=3; console.log(a);//3 var a; 也就是说在开始的时候已经进行的变量的声明,var把a的声明定义到了代码的开始部分而使用let就不会进行这种情况,并且这会使代码在代码块当前作用域生效,他不会进行变
2020-10-06 13:25:08 91
原创 Vue路由原理
知道路由的方便之处下面是它两种模式的原理(默认是hash)hash原理hash 通过地址栏进行切换(不利于搜索引擎优化)首先他利用了浏览器对于hash这种当时不进行刷新,然后通过hashchange监听hash的改变来进行dom的重新渲染,改变组件引进一个新组件function render(){let path=location.hash.substring(1);//拿到#后的地址let component=router.find(value=>value.path===path)['
2020-10-04 22:46:05 180
原创 Vue路由
Vue路由Vue路由简介官方标配版:Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有:嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果细粒度的导航控制带有自动激活的 CSS class 的链接HTML5 历史模式或 hash 模式,在 IE9 中自动降级自定义的滚动条行为自我理解版:能够使单页面的组件切换变得更加简单的路由配置使各模
2020-10-03 00:46:00 332
原创 前端渲染步骤
渲染引擎及关键渲染路径(Critical Rendering Path)1.构建DOM树(DOM tree):从上到下解析HTML文档生成DOM节点树(DOM tree),也叫内容树(content tree);2.构建CSSOM(CSS Object Model)树:加载解析样式生成CSSOM树;3.执行JavaScript:加载并执行JavaScript代码(包括内联代码或外联JavaScript文件);4.构建渲染树(render tree):根据DOM树和CSSOM树,生成渲染树(rende
2020-09-28 10:32:02 859
原创 js 易忘知识点 常用知识点 笔记
易忘知识点1:隐式转换:再不同类型的数据进行计算时,会进行数据类型的隐式转换。(类型转换需要注意转换为Number(隐式转换使用Number()进行的)类型时‘ ’,false,undefined,null,空数组,转换为0。转换为Boolean类型,null,undefined,0,NAN,空字符串都为flase)1)在使用”+“的时候,出现字符就会进行字符串链接,隐式转换为字符类型。2)使用 "-" ”*“”/“的时候会转换为Boolean型进行数据转换,类型3)使用==,时如果..
2020-08-17 18:45:35 101
原创 2020-08-05
jst闭包什么是闭包:在函数中的变量引用外部函数的变量,当外部函数被销毁,内部还是可以调用此变量。当然创建闭包常用的方法就是在函数中创建另一个函数。例如:var d=4;function createFunction1(a){return function(b){var c=b[a];console.log(c,d);}}在此时为什么这个内部的闭包函数可以调用全局变量,不得不提作用域链 首先作用域链的本质是一个指针它指向的是一个变量对象的列表,所以当闭包函数引用外部.
2020-08-05 19:45:00 151
原创 2020-03-26
s中任意都是对象 funtion定义函数 this自定义方法 方法是JavaScript给函数赋值的属性 将函数和对象合写 循环 二层循环需要确定 是不是外层循环中的值不发生改变 如 质数中我们二层中只能确认的是取余是否等于0 如果出现一次等于0的那么就不是质数 所以要给二层循环加一个指示器让他改变来确定外层的一次循环是否会是指示器发生改变js 类型分为原始类型和对象类型原始类...
2020-03-26 11:14:20 142 1
原创 语义化标签
语义化标签 <div class="header"></div> <ul class="nav"><ul> <div class="main"></div> <div class="footer"></div> <header></header...
2020-03-16 15:45:33 91
原创 bfc
1、什么是BFC?BFC即 Block Formatting Contexts (块级格式化上下文), 是 W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及和其他元素的关系和相互作用。2、触发BFC的条件?即是开启BFC条件overflow属性不是 visiblefloat 属性不是 noneposition属性是a...
2020-03-01 21:33:42 130
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人