方快樂-优快云博客

原创数组常用方法以及集合基础知识

数组常用方法以及集合基础知识Array数组添加元素.push 向尾部添加元素var array = ['a','b','c'];array.push('d');console.log(array);//['a','b','c','d'];.unshift 头部添加元素var array = ['a','b','c'];array.unshift('d');console.log(array);//['d','a','b','c'];删除元素.pop:删除尾部元素var ar

2021-09-21 16:50:13 179

原创前端三大件面试题

前端三大件面试题HTML行内元素有哪些？块级元素有哪些？空(void)元素有那些？行内元素有：span a b i img input select strong块级元素有：div p h1-h6 ul table form ul ol li dl dt dd…空元素(没有内容)： <br> <hr> <img> <input> <link> <meta>页面导入样式时，使用link和@import有什么区别？l

2021-09-21 16:49:32 1377 1

原创 Vue组件命名大小写问题

Vue组件命名大小写问题今天在封装项目的组件时，发生了错误，提示我该组件未注册，但是在对照了文档后并无语法上的问题，后来查阅资料，网上说是在Vue中组件注册时，注册名称中如果使用了常见的驼峰命名法，在使用时必须使用 ‘-’ 隔开，并且在大写得换成小写的字母。<body><div id="app"> <ss-tem></ss-tem></div><template id="tp1"> <li>Hello&

2021-09-21 16:48:31 2149

原创 Vue基础知识

Vue基础知识何为Vue? 度娘的解释是，Vue是构建用户界面的渐进式JavaScript框架，而这个渐进式，网上有着很多中的解释，个人的理解是：Vue的核心功能，是一个视图模板引擎，因此其渐进性的含义：主张最少。所以他只是一个轻量视图而已，只做了自己该做的事情，没有做不该做的事情，仅此而已。Vue的优点轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十KB；组件化: 保留了react的优点，实现了对html的封装和重用，在构建单界面的应用方面有着独特的优势；

2021-09-21 16:47:59 1052

原创 Vue按需加载的几种方法

Vue按需加载的几种方法为什么要使用路由的按需加载对于Vue这种单页面的应用，如果没有应用懒加载的，在运行webpack打包后的文件会过大，会造成进入首页时需要加载的内容过多，加载造成的白屏时间过长，即使在项目中做了loading也会不利于用户的体验。而运用了按需加载可以对界面进行划分，需要的时候加载界面可以有效的分担首页说承担的加载压力，减少首页加载用时，也可以减轻服务器的负载。实现方法Vue按需加载组件-使用webpack require.ensure 使用webpack的requi

2021-09-21 16:47:27 4217

原创 Vue-Konva实现实时画板

Vue-Konva实现实时画板Konva是什么？说Konva之前不得不说html5的一个新增标签： <Canvas>，其中文翻译为帆布、画布，我们可以利用javas在上面绘制各种图像、动画等，在html5之前，绘画只能借助flash动画实现，因此界面不得不使用JavaScript来和flash进行交互。而利用canvas可以直接使用JavaScript完成绘制。而Konva是一个HTML5 Canvas JavaScript框架，Konva 提供了高性能的动画，补间，节点嵌套，布局

2021-09-21 16:46:55 4675 2

原创 query传参和params传参的区别

query传参和params传参的区别query传参使用 this.$router.push({path: ‘/’, query: {参数名: ‘参数值’}) 传递：this.$router.push({ name: 'HelloWorld', path: "/HelloWorld", query: { name: this.loginform.name, }, }); 接收：cosnt n

2021-09-21 16:46:25 3305

原创 HTML基础面试题

HTML基础面试题HTMLHTML语义化的理解 HTML5中新增加的很多标签就是基于语义化设计原则。HTMl本身作为一个标记语言，语义化的要求就是用正确的标签去做正确的事情让页面内容结构化，便于浏览器进行解析在没有CSS样式的情况下能够已文档形式去显示。便于阅读便于阅读维护和理解，利于SEO（搜索引擎优化）HTML5中移除和添加的元素移除的元素：可用性产生负面影响的元素：frame、frameset、noframes纯表现的元素：basefont、big、center、fo

2021-09-21 16:45:53 116

原创 ES6中数组方法find()、findIndex()与filter()

ES6中数组方法find()、findIndex()与filter()find() 该方法主要用于查找出第一个符合条件的数组中元素，该方法的参数为一个回调函数，在回调函数中设置你要查找元素的条件，当符和该查找条件时返回该元素,否则返回undefindconst myArr=[1,2,3,4,5,6]; const v=myArr.find(value => value > 0); const b=myArr.find(value => value < 0);

2021-09-21 16:45:13 568

原创 CSS实现水平垂直的几种方法

title: CSS实现水平垂直的几种方法categories: CSStags:- CSS- HTML- 面试题date: 2021-09-11 在HTMl中分为块级元素和内联元素，两者实现居中的方法都一样，并且块级元素中还要区分定宽高和不定宽高的情况水平居中行内元素水平居中父元素设置 text-align: center<div class="container"> <p>我是内联元素</p></div><s.

2021-09-21 16:42:18 1079

原创 HBuilderX编译微信小程序时报错：WebAssembly.instantiate():

在HBuilderX运行项目到微信小程序时，HBuilderX并无报错但是在微信开发者工具中报错：出错原因：网上说是基础库版本太高不兼容解决方法：将微信开发者工具的基础版本库修改成2.14版本即可（其他版本可自行尝试）...

2021-07-07 16:46:31 721

qq_43987917的博客