- 博客(27)
- 收藏
- 关注
原创 【vue使用keep-alive引起的页面错乱】vue 使用keep-alive出现页面错乱问题
需求:产品要求页面A跳转页面B,然后返回页面A,返回时页面要滚动到上次离开的位置1.听到这个需求首先想到的是利用vue路由中的滚动行为,但是这个功能使用是有条件限制的。vue 路由滚动行为 只能适用于路由模式是history模式,项目使用的是hash模式,所只能想其他办法了。2.然后想到的是利用keep-alive缓存首先再你的路由表中设置keepAlive字段,你所需要缓存的页面然后再router-view使用keep-alive组件注意这个key,这个key属性有大的作用,很关.
2021-12-24 20:08:31
3223
原创 layui表格种单选框中的回显
let form = layui.form layui.table.render({ id: 'commanderId', elem: '#users-list', url: '/team-cpt/competition/findUserByUnitId', method: 'post', request: {pageName: 'pageNum'}, .
2021-06-28 15:17:22
1079
原创 echarts 横向柱状图动态排名
比赛中的动态排名var option = { xAxis: { max: 110, show:false, }, grid: { top: '3%', bottom: '1%', left: '14%', // right: '1px', containLabel: false, .
2021-06-28 11:52:01
799
原创 2020-11-11
$(function() {var res;$.ajax({url: “/statistics/getStatisticsData”,type: “post”,dataType: “json”,async:false,success: function (data) {res = data}});function apiFn() {this.hostname = “”}apiFn.prototype = {Init:function() {this.findCount()t
2020-11-11 14:04:02
107
原创 layui省市区三级联动
layui省市区的三级联动 <div class="layui-row layui-col-space10 layui-form" id="VIEW-layui-form-addressUpdate" style="padding:20px;"> <div class="layui-form-item" > <label class="layui-form-label">收货地址</label>
2020-11-06 17:38:15
509
原创 整理常用的数组方法,filter,some,map,forEach,reduce,find,every
forEach()参数 function(currentValue, index,arr)forEach方法中的function回调有三个参数: arry.forEach((item,index,arry))第一个参数是遍历的数组内容,第二个参数是对应的数组索引,第三个参数是数组本身1. 可以改变数组自身,没有返回值;2. 中途不能用常规操作跳出循环,可以用抛出异常(try/catc...
2019-12-27 17:35:40
164
原创 promsie的基础与作用
promisePromise对象有以下两个特点。(1)对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。这也是Promise这个名字的由来,它的英语意思就是“承诺”,表示其他手段无法改变。(2)一旦状态改变,就...
2019-12-27 14:57:54
277
原创 vue 改造后端传过来的数据
最近做项目的时候遇到一个问题,就是ant design vue组件引用穿梭框的时候,穿梭框组件需要有key,而后端传过来的数据没有key这个字段我之前看ant design vue官网中有这样的解决方案按照 Vue 最新的规范,所有的组件数组最好绑定 key。在 Transfer 中,dataSource里的数据值需要指定 key 值。对于 dataSource 默认将每列数据的 key ...
2019-11-14 15:43:33
1676
1
原创 前端网络知识点
http面试知识点1.http协:超文本传输协议,基于TCP/IP通信协议来传递数据。TCP/IP协议族是由一个四层协议组成的系统,这四层分别为:应用层(http)、传输层(TCP)、网络层(IP)和数据链路层(网络)特点:1、简单快速:客户向服务器请求服务时,只需传送请求方法和路径。请求方法常用的有GET、HEAD、POST。每种方法规定了客户与服务器联系的类型不同。由于HTTP协议简单...
2019-09-27 14:47:27
92
原创 git操作
1. 什么是gitgit是一个分布式的版本控制管理工具分布式版本1. git的安装安装的gitbash.exe1. git 基础git初始化 -》 在我们的工程(项目中)创建一个git仓库,这个仓库用一个.git的文件夹表示的 $ git init将本地文件提交到暂存区 $ git add. 将工程(项目)中所有的都存放到暂存区 $ git add ./index.j...
2019-08-31 09:11:40
61
原创 react生命周期
生命周期React中组件有生命周期,也就是说也有很多钩子函数供我们使用, 组件的生命周期,我们会分为四个阶段,初始化、运行中、销毁、错误处理(16.3之后)生命周期钩子函数一定不要写成箭头函数## 初始化 1. constructor 2. static getDerivedStateFromProps() ---- 将来会使用, 3. componentWillMount() /...
2019-08-31 08:59:20
100
原创 react基础
组件react组价的三种形式分别为元素组件、函数组件、类组件。常用的组件是函数组件和类组件。元素组件import React from 'react'import ReactDom from 'react-dom' const app = <h1> hello React 你好 </h1>ReactDom.render(app,document.ge...
2019-08-31 08:30:21
65
原创 vue路由
SPA ( single page App ) 单页面应用多页面应用有多个html文件,通过a标签的连接联通各个页面缺点开发起来太冗余,编译、压缩很耗时间页面之间的跳转速度太慢,这个时候就会出现一个严重的问题,白屏单页面应用不需要刷新页面,因为它就是一个页面这个页面内容在切换单页面内容之间的切换要想实现我们就是用路由了如今我们的app、后台管理系统 主要的开发形式就是...
2019-07-03 15:34:34
59
原创 webpack 基础配置
Webpack的概念webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle( 分块束*1.全局安装( 选择以下一种即可 )$ npm install we...
2019-06-28 20:10:20
193
原创 Vue生命周期
1. 什么是生命周期?vue中的生命周期指的是 组件 从创建到销毁一个过程,在这个过程中,我们在每一个特定的阶段会触发一些方法( 这些方法具备一些功能),我们给这些方法起了个名字叫做( 生命周期钩子函数/ 组件钩子 )2. 为什么要学习生命周期?因为我们想在生命周期钩子中实现项目功能,那么我们必须知道每一个钩子函数的具体用途3. 这个生命周期是谁的生命周期?组件生命周期示意图...
2019-06-27 21:51:30
66
原创 Vue 中slot 过滤器 自定义事件 props验证
slot 插槽作用/概念: 预先将将来要使用的内容进行保留具名插槽slot(Vue2.5以前)<div id="app"> <Hello> <header slot = 'header'> 这里是头部 </header> <footer slot = 'footer'> 这里是底部 </foot...
2019-06-26 22:04:44
410
原创 组件通信
1.为什么要进行组件通信?组件可以说是一个具有独立功能的整体,但是当我们要将这些组件拼接在一起时,这些组件相互之间要建立联系,这个联系我们就称之为通信2.组件通信的方式有以下几种父子组件通信 (使用props来实现)子父组件通信 (自定义事件)非父子组件通信 ( ref链 或 bus事件总线)多组件状态共享 ( 多个组件共用同一数据 vuex)父子组件通信 &l...
2019-06-26 10:50:09
70
原创 Vue知识点
虚拟dom(vdom) 是什么?它是一个object对象模型,用来模拟真实dom节点的结构虚拟dom的使用基本流程1.获取数据(ajax fetch)2.创建vdom<div class = "box"> <ul> <li> {{ data.name }} </li> </ul></div>3...
2019-06-24 17:27:24
104
原创 js常见的几种继承
**关于 js原型与 原型链所有引用类型(对象)都有一个__proto__(隐式原型)属性,属性值是一个普通的对象所有函数都有一个prototype(原型)属性,属性值是一个普通的对象所有的prototype都有一个construction属性,它是一个指针,指向当前函数(构造函数)所有引用类型的__proto__属性指向它构造函数的prototype那问题来了?什么是原型链?当访问...
2019-06-22 10:42:43
156
原创 Vue基础
vue初步认识Vue.js是尤雨溪的个人项目Vue.js是一个MVVM框架Vue.js也是一个javascript的渐进式框架( 越学越难 )随着前端项目的逻辑越来越复杂和难以维护,那么前端这边引进了后端的架构思想( MV* )M Model 数据层V View 视图层VM ViewModel 视图模型( 业务逻辑 VM 是 由 P 改名得来的)...
2019-06-21 17:06:12
61
原创 前端开发规范
1. 前端目录构建规范1.1命名原则: 简洁明了(如下:) * src 源代码 * img 图片资源 image images * js JavaScript脚本 * dep 第三方依赖包 development package- 不使用复数(如下:) * 不使用 imgs docs 1.2根目录(root)结构按职能划分(如下:)...
2019-06-19 22:01:24
96
原创 nodejs原生创建服务器
什么是nodejs?Node.js 是一个基于Chrome V8 引擎的JavaScript运行环境.Node.js使用了一个事件驱动、非阻塞式I/O的模型,使其轻量又高效nodejs安装nodejs中文档官网:http://nodejs.cnNode.js实时监听( 自动刷新 )借助第三方工具实现:nodemon 【 推荐 】cnpm i nodemon -gnodem...
2019-06-14 17:27:35
666
原创 express的作用
express1. 为什么要学习express? * express是Node.js的核心框架 * express可以帮助我们快速构建web服务器 / api服务器 * express提供了一个快速生成工具 express-generator * 快速生成工具: 帮助我们快速创建一个项目的工具2. 安装express-generator* 全局安装 $ npm i expre...
2019-06-14 16:59:02
4641
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人