- 博客(17)
- 收藏
- 关注
原创 vue3与vue2核心优势对比 - proxy拦截器相比defineProperty
Vue3对比Vue2的优点总结1.为什么要有vue3我们使用vue2常常会遇到一些体验不太好的地方,比如:随着功能的增长,需求的增加,复杂组件的代码越来越难以维护,逻辑混乱,虽然vue2也有一些复用的方法,但是都存在一定的弊端,比如我们常常用的Mixin,特别容易发生命名冲突,暴露出来的变量意图不是很明显,重用到其他组件容易冲突。vue2对于typeScript的支持非常有限,没有考虑到ts的集成。vue3的出现就是为了解决vue2的弊端,其composition API很好的解决了逻辑复用的问
2022-03-04 00:47:52
529
原创 nginx处理前端跨域问题 -详解 windows 和 mac 下的配置
什么是跨域?通俗地讲,跨域就是由于前后端分离开发模式下,同一ip,同一域名,不同端口号,需要互相访问,需要cookie的传递以及数据的获取。一般在项目中,前后端完全分离,因此访问的端口号不同,比如:localhost:8090(前端)发送到localhost:8001(后端)请求数据,此时前后端就出现了==跨域问题! ==如何解决跨域?解决跨域的方法有很多,有其余4种方法虽然可以让前后端实现数据交互,但是cookie前后端还是不通,还是没有完全解决,后续我研究后出博客说明。那我们现在讲解一种方法
2022-02-25 15:16:17
3273
原创 nodejs express egg框架开发接口总结
一.express (学习egg框架的基础)之前也没有太接触过nodejs,因为最近做项目所以需要学习一下基于nodejs的express WEB框架。自己是跟着官方文档以及视频资料学习的。https://www.expressjs.com.cn/ 毕竟IT学习一门新框架最正确的就是跟着官方文档的指南学习。经过大概三天的技术储备加一周的nodejs开发,我总结出以下关于express的相关内容。express 项目搭建1.安装项目生成器首先我们需要保证我们本地的node版本在8.2.0 及更高版本
2021-12-30 16:30:48
754
原创 vue状态管理vuex详细讲解
一. vuex从何由来vuex是专门为vue框架而设计的一个公共数据管理框架,任何组件都可以通过状态管理仓库数据沟通,也可以统一从仓库中获取数据,尤其在比较大型的应用中,数据交互庞大的情况下,推荐使用vuex。二. vuex组成vuex有五个核心概念,分别为state,getters,actions,mutations,modules,如图所示,截图是自己写过的项目,关注重点标注即可。...
2021-11-29 11:18:01
907
2
原创 vue生命周期详解及经典面试题
VUE生命周期Vue - 生命周期详解每个周期详解高频面试题Vue - 生命周期详解vue实例有一个完整的生命周期,也就是从节点开始创建、初始化数据、编译模板、挂载DOM、渲染-更新-渲染-卸载销毁一系列过程,我们称为vue的实例的生命周期,而生命周期的钩子就是在某个阶段给一些做处理的机会。每个周期详解生命总共分为8个阶段创建前/后、载入前/后、更新前/后、销毁前/后。创建前/后描述生命周期前,首先给大家解释一下vue实例这个概念,vue实例可以理解为:类似于创建一个对象,里面包含钩子函数、d
2021-07-05 10:59:56
651
原创 JS中使用var定义局部变量、全局变量的情况总结
##关于变量和参数的问题var a = 2;//全局变量function func(){ var b = 1;//局部变量 c = 3;//全局变量}####由上面的列子我们可以知道==1.函数外面定义的变量是全局变量,函数可以直接使用。2.在函数内部没有使用var定义的变量则为全局变量3.在函数内使用var关键字定义的变量是局部变量,即出了函数外边无法获取这个变量。(作用域只限于函数内)==##关于JS中声明全局变量的显式声明和隐式声明,分别介绍:###显式声明:使用var关键
2021-03-03 11:10:52
5947
原创 VUE框架样式修改
文章内容来源:https://blog.csdn.net/qq_36538012/article/details/110120546修改vue-element-admin左侧导航栏的颜色src-layout-sidebar-index.vue:background-color=“variables.menuBg”:active-text-color=“variables.menuActiveText” 而它的来源是这里: import variables from '@/styles/varia
2020-12-24 09:53:08
540
原创 HTML、CSS刷题总结
这道题是自己做错的一道题,原因也是很丢人了,竟然忘记了li也是块级元素,c选项代码结构看起来复杂,其实只是考察块级元素可以嵌套块级元素使用,ol与li都是块级元素,所以这个选项结构是没有问题的。a呢是因为根据 HTML5 规范,在没有其他合适标签更合适时,才应该把 标签作为最后的选项。HTML5 规范声明:应该使用 h1-h6 标签来表示标题,使用 em 标签来表示强调的文本,应该使用 strong 标签来表示重要文本,应该使用 mark 标签来表示标注的/突出显示的文本。第二道这道其实没什么其他.
2020-07-17 14:45:44
635
1
原创 js逻辑练习题得有关对象的key和value值的输出
题目如图选项如图这是一道js逻辑题,我们先看代码,首先声明了一个对象person,然后又定义了一个空变量,之后使用了for-in循环遍历这个对象,循环体为一个累加结构,txt=txt + person[x];,最后在页面上alert结果。这是题面,接着我们分析代码逻辑。要想做对这道题,必须明白for-in循环遍历的执行逻辑,for-in语句,用来枚举person对象的属性,for in 中 x代表key值,所以取出的值为value 。所以结果中一定是value值,而不包含key值,其实明白这里再去
2020-07-17 10:31:05
313
原创 CSS中选择器(元素选择器,类选择器,id选择器)的优先级问题
前端人员在写静态页面时,不可避免的会遇到选择器的权重问题,下面做一些有关选择器权重问题的总结一、选择器优先级先后顺序:id选择器>类选择器>元素选择器二.、规则:选择器的权重值表述为4个部分,用0,0,0,0表示。通配符*的权重为0,0,0,0标签选择器、伪元素选择器的权重为0,0,0,1类选择器、属性选择器、伪类选择器的权重为 0,0,1,0 id选择器的权重为0,1,0,0 行内样式的权重为1,0,0,0 !imporatant的权重为∞权重大的选择器覆盖权重小
2020-06-23 19:21:46
5617
1
原创 JS 中对变量和函数声明的提前
先来看一段代码var name = 'World!';(function () { if (typeof name === 'undefined') { var name = 'Jack'; console.log('Goodbye ' + name); } else { console.log('Hello ' + name); }})(); 这段代码的结构 中包含立即执行函数,立即执行函数的声明会提到最前
2020-06-23 19:08:24
393
转载 html元素父子级,兄弟级元素的外边距合并问题
一、父子级元素 通常,大盒子中嵌套小盒子,如果给小盒子添加margin-top属性,则会出现大盒子和小盒子一起向下移动的现象。 html的 代码如下:<div class="outer"> <div class="inner"></div> </div>css代码如下<style type="text/css"> .outer{ width: 400px; height: 400px; b
2020-06-23 08:55:22
902
原创 cordova环境配置(java,sdk,gradle),将vue项目打包成app的详细流程
jdk下载并配置下载jdk下图是自己资源管理器中jdk的安装路径,双击然后next就好,不需要改什么配置,不改默认安装路径!手里没有安装包的,下载地址在这里 :https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html配置Jdk1、 在文件资源管理器中,右击此电脑–>属性–>高级系统设置–>环境变量–>系统变量2.、 新建 JAVA_HOME 的变量,值为
2020-05-29 17:25:49
2233
1
原创 使用vue create、vue webpack init 创建vue项目产生的项目文件区别说明
使用webpack init创建项目用法:vue init webpack app2.产生目录如图3.目录说明 build及config:webpack配置相关 node_modules:通过npm install安装的依赖代码库 src:项目源码 static:存放静态资源 .babelrc:babel相关配置(因为我们的代码大多都是 ES6,而大多浏览器是不支持ES6的,所以我们需要babel帮我们转换成ES5语法) .editorconfig:编辑器的配置,可以在这
2020-05-26 18:17:55
9076
原创 【前端】面向对象编程中对象,类,实例的解释
JS中,生成实例对象的传统方法是通过构造函数。 ES6 提供了更接近 传统语言的写法,引入了 Class(类)这个概念什么是类,对象,实例?面向对象编程思想中,写代码都是在操作一个个对象,通过修改对象的属性,调用对象的方法,以此来让程序为我们服务。要创建对象,就需要有一个“类”,在Java等其他很多语言中,都用class关键字来声明类,声明了类,我们才能创建对象,我把类理解为对象的妈妈,有类才有对象,而对象拥有哪些属性和方法,都是在类中规定的。class Animal{ //构造器,如果没有手动提
2020-05-09 23:59:04
1452
原创 Canvas画布+animation绘制太极图及实现旋转
css代码#canvas{ /* transform: rotate(360deg); */ /* 动画名字 动画执行时间 匀速执行 执行无限次 */ animation: rotate 10s linear infinite; } /* 太极图动画声明 */ @keyframes rotate { 0%{ ...
2020-04-27 22:47:54
721
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人