- 博客(30)
- 收藏
- 关注
RSS订阅原创 项目管理-生命周期篇（以及阶段交付文档）
信息系统的生命周期可以简化为：系统规划(可行性分析与项目开发计划)系统分析(需求分析)系统设计(概要设计、详细设计)系统实施(编码、测试)系统运行和维护等阶段。
2024-07-08 09:58:07
294
原创 Axure操作---母版
在实现移动端和PC端高保真原型时，我们经常遇到菜单栏导航需要各种跳转页面，如果某一个菜单进行修改，那么所有页面都要去修改一遍很笨重。解决方案：我们可以采用母版的形式进行全局动态更新。接下来给大家分享一下具体的实现过程。1、准备一个动态面板转换为母版，他就会变为红色。2、双击母版进行内容修改。
2024-05-21 11:31:18
587
原创 Axure实战教程：tab导航页面切换
6、最后，为了保证tab导航点击时，只选中其中一个，则需要同时选中两个文本标签，鼠标右键，给他们添加选项组，命名为a1。在实现移动端和PC端高保真原型时，我们经常遇到tab页签导航，点击导航可以切换不同的页面。接下来给大家分享一下具体的实现过程。1、准备一下元件：2个文本标签作为tab导航，一个矩形作为导航背景框以及一个动态面板。2、同时选中两个文本标签，给他们添加【鼠标悬停】和【元件选中】的交互样式。5、再添加下面的动态面板状态切换。
2024-03-13 09:52:10
832
原创 如何发布一个npm公共库
如果发布成功，请在 https://www.npmjs.com/settings/XXX/packages 下查看。npm install study123 --save (包名就是package.json文件的name值)注意：package.json 文件的name值唯一，此名字就是将来供下载使用的npm包名。目录以及目录下的文件(index.js、package.json)npm version patch //修改包的版本。npm publish //重新发布包。此步骤其实发布的就是。
2023-08-15 13:41:38
215
原创 ＜template＞标签的用法
content属性:在js中template标签对应的dom对象存在content属性，对应的属性值是一个dom节点，结构是这样的，可以看到中间有一层#document-fragment。html中的template标签中的内容在页面中不会显示。可以把列表项放入template标签中，然后进行批量渲染。template标签，顾名思义，模板的意思。HTML5提供的新标签，更加规范和语义化。二、template标签操作的属性和方法。一、html5中的template标签。
2023-08-03 16:58:10
349
原创 vue虚拟Dom详解
在vue中，渲染视图会调用render函数，这种渲染不仅发生在组件创建的时候，还发生在视图依赖的数据更新的时候，如果在渲染时，直接使用真实dom，由于真实dom的创建，更新，插入会带来大量的性能消耗，从而就会极大地降低渲染效率，因此，vue在渲染时，使用虚拟dom来替代真实dom主要是解决渲染效率的问题。，每个render函数都会返回一个虚拟dom树，这意味着每个组件都对应着一颗虚拟dom树。虚拟Dom本身是一个JS对象，用来描述视图的界面结构，在vue中，每个。1.什么是虚拟Dom。
2023-05-09 15:41:48
601
原创 vue中的虚拟DOM原理
patch(也叫做patching算法)： 虚拟DOM最核心的部分，它可以将vNode渲染成真实的DOM，这个过程是对比新旧虚拟节点之间有哪些不同，然后根据对比结果找出需要更新的的节点进行更新。具备跨平台的优势–由于 Virtual DOM 是以 JavaScript 对象为基础而不依赖真实平台环境，所以使它具有了跨平台的能力，比如说浏览器平台、Weex、Node 等。提升渲染性能 Virtual DOM的优势不在于单次的操作，而是在大量、频繁的数据更新下，能够对视图进行合理、高效的更新。
2022-12-02 16:46:15
512
原创 JavaScript模板字符串
用一般字符串会报错因为不能作为变量去解析，用模板字符串则可以解析成变量就不会报错。它与一般字符串不同，会保留空格，换行符和缩进。总之模板字符串是真的好用。一个美元符号，花括号。...
2022-07-26 15:22:26
460
原创 前端使用prettier格式化规范
不以规矩，不能成方圆。本人有幸经历了团队的一个过程，在此当做记录供大家参考。本文从以及出发，逐步引申出如何去建立适合自己团队的规范，详细讨论了前端具体涉及到的规范都有哪些，部分小节有具体的配置步骤和操作链接。由于每个开发者的IDE不同，即使IDE相同也会因为每个人的配置不一样导致格式化的结果不一样。如何确保团队内开发人员采用统一的格式化配置呢？这里给推荐大家使用 prettier，它内置了一套格式化的规则，具体配置：1). 安装依赖：2). 创建一个空配置文件，让编辑器和其他工具知道你正在使用 Pre
2022-07-03 14:49:35
721
原创 前端Vue权限登录控制
在Web 系统中，权限很久以来一直都只是后端程序所控制的。 为什么呢？ 因为Web 系统的不质围绕的是数据， 而和数据库最紧密接触的是后端程序。所以在很长的一段时间内， 权限一直都只是后端程序要考虑的话题。 但是随看前后端分离架构的流行， 越来越多的项目也在前端进权限控制。一、 权限相关概念1.1 权限的分类后端权限从根不上讲前端仅仅只是视图层的展示， 权限的核心是在于服务器中的数据变，所以后端才是权限的关键，后端权限可以控制某个用户是否能够查询数据， 是否能够修改数据等操作后端如何知道该请求是
2022-06-22 10:03:00
1170
原创 Vue中的计算属性
一、计算属性：1.定义：要用的属性不存在，要通过已有的属性计算得来2.原理：底层借助了Object.defineproperty方法提供的getter和setter3.get什么时候调用 :初次读取fullName时所依赖的数据发生变化时4.优势：与methods实现相比，内部有缓存机制（复用），效率更高，调用方便5.备注： 1）.计算属性最终会出现在vm上，直接读取使用即可 2）.如果计算属性要被修改，那必须写set函数去响应修改 且set要引起计算时依赖的数据发生改变6.计算
2022-06-22 09:53:37
782
原创 JS原型链
原型：被用于复制现有实例来生成新实例的函数构造函数：用new来调用，就是为了创建一个自定义类实例：是类在实例化之后一个一个具体的对象原型链：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。那么假如我们让原型对象等于另一个类型的实例，结果会怎样？显然，此时的原型对象将包含一个指向另一个原型的指针，相应地，另一个原型中也包含着一个指向另一个构造函数的指针。假如另一个原型又是另一个类型的实例，那么上述关系依然成立。如此层层递进，就构成了实例与原型的链条
2022-06-09 10:49:08
11246
原创 前端mock数据
在后端接口没有写完，保证不影响前端开发进度的情况，可以前端自行模拟数据进行页面联调，直接上代码！官网：Mock.jsMock.js生成随机数据，拦截 Ajax 请求安装npm install mockjs在main.js里// 测试用的代码import axios from 'axios'Vue.prototype.$http = axios在vue.config.js里的devServer: { before: require('./mock/in..
2022-05-28 15:37:13
637
转载 JavaScript——localStorage和sessionStorage的使用方法
首先localStorage和sessionStorage都是用来存储客户端临时信息的对象。说白了就是把用户输入的信息放在本地中，通常用于记住密码这一类需要实现存储数据的功能。通常我们自己写的网页每次刷新后数据就自动消失了，而这两个方法可以让其刷新完毕过后还保留其中用户输入的数据这里就用到loaclStorage和sessionStorage方法其两者的特点如下：1、用来存储临时信息2、只能存放字符串类型的对象3、localStorage生命周期是永久4、sessionStorage
2022-05-27 16:29:40
727
原创 node.js创建服务器
摘要：初学node.js从这一篇开始，简单介绍如何使用node.js创建web服务器步骤一、引入 required 模块使用 require 指令来载入 http 模块，并将实例化的 HTTP 赋值给变量 http，实例如下:var http = require('http');接下来我们使用 http.createServer() 方法创建服务器，并使用 listen 方法绑定 8888 端口。 函数通过 request, response 参数来接收和响应数据。实例如下，在
2022-05-25 09:44:13
126
转载 vue中mixins的使用方法和注意点
mixins基础概况vue中的解释是这样的，如果觉得语言枯燥的可以自行跳过嘿~混入 (mixins)： 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。怎么用？举个栗子：定义一个混入对象把混入对象混入到当前的组件中用法似不似相当简单呀mixins的特点1 方法和参数在各组件中不共享混合对象中的参数num组件1中的参数num进行+1的操作
2022-01-25 11:31:05
513
转载 JS-同步&异步
总的来说，JavaScript的异步机制包括以下几个步骤（1）所有同步任务都在主线程上执行，行成一个执行栈（2）主线程之外，还存在一个任务队列，只要异步任务有了结果，就会在任务队列中放置一个事件（3）一旦执行栈中的所有同步任务执行完毕，系统就会读取任务队列，看看里面还有哪些事件，那些对应的异步任务，于是结束等待状态，进入执行栈，开始执行（4）主线程不断的重复上面的第三步一、单线程（1）单线程的概念如果大家熟悉java，应该都知道，java是一门多线程语言，我们常常可以利用java的多线.
2022-01-11 13:34:48
306
原创 VUE兄弟组件通信BUS总线
首先在main.js文件中定义一个新的eventBus对象，其实他是一个全新的Vue实例：export const eventBus = new Vue()接着在新创建的BrotherCard、SisterCard组件导入main.js：<script> import { eventBus } from '../main'</script><!-- SisterCard.vue --><template> <
2022-01-08 23:23:18
533
原创 VUE-管理系统的权限控制与管理
在Web 系统中，权限很久以来一直都只是后端程序所控制的。 为什么呢？ 因为Web 系统的不质围绕的是数据， 而和数据库最紧密接触的是后端程序。所以在很长的一段时间内， 权限一直都只是后端程序要考虑的话题。 但是随看前后端分离架构的流行， 越来越多的项目也在前端进权限控制。一、 权限相关概念1.1 权限的分类后端权限从根不上讲前端仅仅只是视图层的展示， 权限的核心是在于服务器中的数据变，所以后端才是权限的关键，后端权限可以控制某个用户是否能够查询数据， 是否能够修改数据等操作后端如何知道该请求是
2022-01-08 21:50:04
1533
1
原创 JS-Promise
Promise 是异步编程的一种解决方案。ES6将其写进了语言标准，统一了用法，并原生提供了Promise对象。特点对象的状态不受外界影响 （3种状态） Pending状态（进行中） Fulfilled状态（已成功） Rejected状态（已失败） 一旦状态改变就不会再变 （两种状态改变：成功或失败） Pending -> Fulfilled Pending -> Rejected 执行顺序以下表明，在Promise新建后会立即执行，所以首先输出 Promi
2022-01-07 23:33:18
420
原创 vuex：弄懂mapState、mapGetters、mapMutations、mapActions
一、state1.1 引入vuex 以后，我们需要在state中定义变量，类似于vue中的data，通过state来存放状态import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { //存放状态 nickname:'Simba', age:20, gender:'男' }, mutations: {}, action
2021-12-21 11:31:42
380
原创 CSS属性优先级顺序
CSS优先级关系：内联样式 > ID 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器 ID 选择器， 如 #id{} 类选择器， 如 .class{} 属性选择器， 如 a[href="segmentfault.com"]{} 伪类选择器， 如 :hover{} 伪元素选择器， 如 ::before{} 标签选择器， 如 span{} 通配选择器， 如 *{} 之前遇到一个父组
2021-12-20 10:32:12
910
原创 简述前端MVVM框架
一张图说明：1、一句话总结：vm层（视图模型层）通过接口从后台m层（model层）请求数据，vm层继而和v（view层）实现数据的双向绑定。2、mvc和mvvm的关系：c（控制层）被换成了vm（viewmodel）层MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。mvvm层实现了前后端更好的分离（前端需要的数据只需要请求后端的接口即可）3、MVVM框架编码实例Vue 的 View 模板：<div id="app"&.
2021-12-17 11:55:44
2588
1
原创 ()=＞{}；ES6的箭头函数
箭头函数根本没有自己的this，导致内部的this就是外层代码块的this。正是因为它没有this，所以也就不能用作构造函数。箭头函数既然可以访问外层代码块的this，同事也方便了调用外部常量变量及方法。 //重新排列顺序 anewTabIndex(){ for (let i = 0; i < this.tableDataShuttle.length; i++) { this.tableDataShuttle[i].i
2021-12-17 09:54:00
366
原创 js 三目运算符
row[s].realPrice == undefined ? null:row[s].realPrice != undefined ? row[s].realPrice :row[s].realPrice
2021-12-14 14:49:10
959
原创 VUE的computed计算属性
<div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: "{{ reversedMessage }}"</p></div>var vm = new Vue({ el: '#example', data: { message: 'Hello' }, computed: { .
2021-12-13 15:41:37
346
原创 JS三目写法-解决单数日期前面补0；
vardate=newDate();varY=date.getFullYear()+"-";varM=(date.getMonth()+1<10?"0"+(date.getMonth()+1):date.getMonth()+1)+"-";varD=(date.getDate()<10?"0"+(date.getDate()):date.getDate())+"";...
2021-12-03 16:47:45
677
原创 通过Sortable.js实现element-表格拖拽
首先需要安装Sortable.jsnpm install sortablejs --save然后引用import Sortable from ‘sortablejs’需要注意的是element table务必指定row-key，row-key必须是唯一的，如ID，不然会出现排序不对的情况。<template><divstyle="width:800px"><el-table:data="tableData"border...
2021-12-01 15:16:21
300
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人