- 博客(17)
- 收藏
- 关注
RSS订阅原创 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关注的人