- 博客(23)
- 收藏
- 关注
RSS订阅原创 业务-应用-数据-技术架构的正向设计方法
企业架构方法一直强调对组织的业务、应用、数据和技术架构进行全面、正向的设计，从而实现组织战略和业务对准，以及业务和IT的对准。但是很多项目都很难真正做到这一点。其原因有三：对架构的理论掌握不到位。学习TOGAF有助于建立架构思维，但还远远不够，即使通过了TOGAF鉴定级认证，也需要通过具体的项目实施，不断反思TOGAF的内容，并加以剪裁和补充才能逐步形成具体的架构项目实施方法。缺乏合适的落地方法和工具。架构强调正向设计，业务、应用、数据和技术架构是从上至下的正向推导，和从下至上的反向承接关系。这就要
2021-12-01 20:00:44
242
原创 vue路由相关理解
1.相关理解1.1 vue-router的理解 vue的一个插件库，专门用来实现SPA应用1.2 对SPA应用的理解但Web应用整个应用只有一个完整的页面点击页面中的导航链接不会刷新页面（而类似于a标签则会默认刷新页面），指挥做页面的局更新，数据需要通过ajax请求来获取。1.3 路由的理解路由理解：一个路由（route）就是一组映射关系（key-value），多个路由需要看路由器（router）进行管理前端路由：key是路径，value是路由组件基本使用如下（代码）：...
2021-12-01 19:54:01
739
原创 Git本地上传远程仓库
介绍：“GIT,全称是分布式版本控制系统,git通常在编程中会用到,并且git支持分布式部署,可以有效、高速的处理从很小到非常大的项目版本管理。分布式相比于集中式的最大区别在于开发者可以提交到本地,每个开发者通过克隆(git clone),在本地机器上拷贝一个完整的Git仓库。”思路：本地上传，创建个空文件，首先初始化gitgit init...
2021-11-05 14:25:52
94
原创 解析axios的过程
大致思路是这样子的，利用promise的链式调用，对ajax进行封装，请求结果通过then方法回传给axios，下面进行了逐步分析，不对的地方还希望大家指出。准备Axios构造函数构造函数主要是用来存储配置信息，default：用来存储axios传递的配置信息（如图一），interceptors：进行请求拦截（如图二），get/post/request：发送请求，这里的get/post都是依赖于request方法function Ajax(){ this.default = .
2021-10-28 20:11:28
411
原创 前端解决移动端适配大全！！
一般情况下，设计稿的设计师按照 375 的尺寸设计，在手机（移动端）快速更新迭代的今天，每个品牌的手机都有着不同的物理分辨率和逻辑分辨率，此时 375 的设计稿，如果想要还原那基本是不可能了，每个设备的右边所展示的内容大小就不尽相同，这个时候就需要web前端工程师进行移动端适配。下面我们详细了解一下。如何适配我们先设置一个meta，然后再进行适配。meta的各个属性不在解释，有兴趣的同学可以自行了解。<meta name='viewport' content='width=device-w
2021-10-22 16:12:29
1851
原创 美食杰----发布新菜谱大全！！
介绍：1.这些是美食杰要用到的所有的方法：美食杰---封装的方法大全！！！_model__的博客-CSDN博客2.这是登录页面的展示：美食杰项目首页--部分功能代码以及简介_model__的博客-CSDN博客3.这是登录注册的页面展示：项目中登录注册页傻瓜教程，太简单了！！！_model__的博客-CSDN博客4.其中一级路由、二级路由跳转以及视图渲染：一级路由和二级路由的实现过程！！_model__的博客-CSDN博客5.菜谱的渲染和数据之间的交互：菜谱大全部分功能
2021-10-13 20:23:15
169
原创 父子组件：使用v-model 传值的用法，以及和.sync的区别
v-model:父组件上绑定v-model,相当于是子组件上 绑定 :value + @input事件（可以是其他事件，这里用input框来说）如下：子组件：<input :value='valueData' @input='valueInput'></input> valueInput(e){ this.$emit('input',e.target.value) }父组件：<Zinput v-model='userInof.nam...
2021-10-13 17:21:37
372
原创 美食杰---封装的方法大全！！！
import axios from 'axios';class HttpRequest { constructor(options){ this.defaults = { baseUrl: '' } this.defaults = Object.assign(this.defaults, options); } setConfig(){ } interceptors(install){ install.interceptors.requ.
2021-10-12 19:48:26
146
1
原创 美食杰-------展示评论区内容
介绍：首先我们要拿到后台数据，来渲染视图，而后写点击事件来实现路由的跳转和数据的交互，拿到数据，渲染视图，让我们来看一看效果图：思路：首先拿到数据，渲染视图，而后给输入框写上数据双向绑定，再给提交写上点击事件，使数据点击提交时展示在评论区在data里面定义一个变量，让它为空，因为输入的是数字，可以写成字符串形式，写好之后，用v-model绑定这个变量在输入框，在下面的评论区写上v-for循环这个变量，再进行数据渲染。在数据挂载之前展示路由信息和视图的交互。给提交写上一个点击事件，当事件.
2021-10-12 19:43:39
135
原创 菜谱大全部分功能简介！！
主要说明：上篇我们写了一、二级路由的实现过程，这次要通过路由跳转的时候，来展示我们的数据。主要就是功能的封装和后台数据的交互，首先是我们点击菜单功能时让它能够展示我们的数据，其次就是数据展示之前的一个加载中的效果，以及我们页码的改变。效果图如下：代码如下：<!-- 右侧显示 --><el-main class="filter-menus-box"> <div class="menu-empty" v-show="!list.length &am..
2021-10-11 15:15:40
182
原创 VUE动画实现过程
单个元素使用内置组件transition(添加和删除的时候)原理： 嗅探是否用了CSS过度或动画，若有，那就在恰当时机添加删除CSS类名 若transition组件提供JS钩子函数，这些钩子函数会在恰当时机调用 若没js和CSS，DOM插入和删除会立即执行 实现方法 如果没有name属性，那就是 v-enter-from 关于动画类何时删除（最好还是让时间一样）组件之间的动画animate.css第三方库 下载 npm install a...
2021-10-09 08:34:21
91
原创 Vue之updata方法
Vue 的 _update 是实例的一个私有方法，它有 2 个被调用，一个是首次渲染，一个是数据更新的时候渲染； _update 方法的作用是把 VNode 渲染成真实的 DOM； 可以看到，甚至在 web 平台上，是否是服务端渲染也会对这个方法产生影响。因为在服务端渲染中，没有真实的浏览器 DOM 环境，所以不需要把 VNode 最终转换成 DOM，因此是一个空函数，而在浏览器端渲染中，它指向了 patch 方法，它的定义在 src/platforms/w...
2021-10-07 19:08:37
3794
原创 2021-09-29
1、组件通信（1）父子通信① props-$emit② $refs短信验证码、图形验证码组件我经常用$refsthis.$refs.captcha= 'xxx'③ 子组件$children[0]并不保证顺序，所以从来不用这个方法，除非只有一个子组件。// parent this.$children[0].xx = 'xxx'（2）兄弟通信通过共同的祖辈组件搭桥，$parent或$root。$root 和 $parent 都能够实现访问父组件的属性和方法，两者的
2021-10-01 08:45:00
104
原创 面试官问到你的vue的计算属性，这也太好理解了叭？!快收藏吧！
目录前言DEMO原理分析初始化过程缓存的实现缓存更新视图如何更新总结前言Vue 中的 computed 是一个日常开发中常用到的属性，也是面试中经常被问到的一个知识点，你几乎能在任何一个和 Vue 相关的面试题集锦里找到这样一个题目：methods 和 computed 有什么不同？你可能会毫不犹豫地回答："methods 不会被缓存，computed 会对计算结果进行缓存"。确实，这个缓存是一个主要的的特点，但是，这个缓存指的是什么？缓存是怎么实现的？哪种情况下不会
2021-09-30 14:15:00
153
原创 Vue3.0入门教程！！
目录一、 组合API二、 带ref响应式变量三、带reactive响应式变量四、computed计算属性五、watch响应式更改六、props传值七、emit回调八、provide/inject一、 组合API通过创建 Vue 组件，我们可以将接口的可重复部分及其功能提取到可重用的代码段中。仅此一项就可以使我们的应用程序在可维护性和灵活性方面走得更远。然而，我们的经验已经证明，光靠这一点可能是不够的，尤其是当你的应用程序变得非常大的时候——想想几百个组件。在处理如此大
2021-09-30 08:00:00
1845
原创 vue面试总结60道题！！快收藏！！！
目录1.Vue 的核心是什么2.请简述你对 vue 的理解3.请简述 vue 的单向数据流4. Vue 常用的修饰符有哪些5.v-text 与{{}}与 v-html 区别6.v-on 可以绑定多个方法吗7.Vue 循环的 key 作用8.什么是计算属性9. Vue 单页面的优缺点10.Vuex 是什么？怎么使用？在那种场景下使用11.Vue 中路由跳转方式（声明式/编程式）12.vue 跨域的解决方式13.Vue 的生命周期请简述14.Vue 生命周
2021-09-28 11:04:48
4928
原创 项目中登录注册页傻瓜教程，太简单了！！！
简单说一下思路： 首先写结构，写出一个完整的登录注册页，简单配置好路由，当点击登录或注册时，使它能够进行简单的页面跳转。如下图（当然你可以自己写也可以参考element ui框架搭建项目结构）：它们之间的html结构基本一样，只是登录页是提交登录，注册页是向后台存储注册的信息，注册成功后登录页才能账号密码进行登录。组件信息（components），路由信息（router），视图（views）等如图所示：写好结构就开始写怎么注册，因为你不注册是不能登录的！注册里面有两个i...
2021-09-28 09:03:03
972
原创 React总结(干货)
目录1.fetch VS ajax VS axios2.React 事件处理---修改 this 指向3.请简述你对 react 的理解4.react 组件之间的数据传递5.Vue 与 react 区别6.请简述虚拟 dom 与 diff 算法7.你对组件的理解8.调用 setState 之后发生了什么？9.react 生命周期函数10.为什么虚拟 dom 会提高性能?(必考)11.(组件的)状态(state)和属性(props)之间有何不同12.shoul.
2021-09-24 17:59:36
188
原创 JS中分支语句和循环嵌套的妙处!!!!
1：分支语句有2种： --if..else if..esle语句 --switch 语句2：if语句的基本结构： if(条件判断){ 执行语句 }else if(条件判断){ }... else{ } **if语句条件判断成立以后，立即执行语句，后面的语句在也不看。3:switch语句的基本结构： switch(){ case value: 执行语句; ...
2021-09-24 08:29:03
194
原创 美食杰项目首页--部分功能代码以及简介
介绍：美食杰首页 这个是轮播图效果：都是利用了element ui框架搭建的css样式，然后再通过vue指令和data存储数据和methods方法在操作data里面的数据来完成数据交互。这个是内容精选页效果：都是利用了element ui框架搭建的css样式过程： 引用了element ui框架搭建的轮播图框架，利用数据交互完成效果。先在state里面创建出空的数据类型，比如空数组。是为了在以下操作中能够在空数组或空字符串中添加数据...
2021-09-23 17:11:29
1609
9
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人