自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(24)
  • 收藏
  • 关注

原创 vue搭配gitlab-ci自动化部署

gitlab-CI概念官方文档gitlab 8.0集成了gitlab-CICI(Continuous integration) 持续集成频繁地将代码集成到主干目的:产品快速迭代,同时保持高质量措施:代码提交到主干之前,执行自动化测试,失败则集成失败自动化部署实现1. 在项目根目录中添加一个.gitlab-ci.yml文件 (CI管理项目状态).gitlab-ci.ymlgit项目的根目录里的文件,记录一系列规则和执行规则可以在gitlab上使用CI Lint验证上面yml

2020-12-28 17:33:14 762

原创 vue项目微前端试水

文章目录微前端概念主应用(安装qiankun)1.存放注册的微应用2.注册微应用3.启动微应用微应用(无需安装依赖)1.修改运行时的public-path 主要解决的是微应用动态载入的 脚本、样式、图片 等地址不正确的问题。2.导出主应用需要的三个声明周期函数3.配置4.子应用路由需添加前缀为什么不使用iframe?问题1. application 'tangram' died in status LOADING_SOURCE_CODE: [qiankun] You need to export life

2020-12-30 17:37:57 1290

原创 2020-12-28

1.watch immediatewatch一个变量时,初始化时不会触发,created手动触发不太优美//goodwatch:{ text:{ handler:fetchXX, immediate:true,//初始化也能触发 deep:true//深度监听 }}2.使用?.和??(es2020新特性)利用可选链和双问号提高快速开发效率1、安装@babel/plugin-proposal-optional-chain

2020-12-28 17:04:23 29

原创 vue问题记录

vue问题记录1.不同路由共用同一组件监听路由绑定唯一key或者声明不同的view 但view引入同一个组件2.点击重复菜单页面数据不刷新方法1、路由参数加时间戳方法2、重定向3.解决开发环境热加载编译慢4.热重载和热替换5.利用postcss pxtorem自动将px转为rem1.自动更改根组件font-size2.px自动转换为rem6.解决跨域解决开发环境跨域7.优雅使用svg7.1 vue中加载svg图片,svg-sprite-loader8.解决core.js报错9.解决ie兼容问题10.comp

2020-12-28 16:58:35 42

原创 require.context()基础组局全局自动化注册和Vue.use()的使用

文章目录require.context() 使用场景场景1、 全局自动注册基础组件场景2、 自动导入store module场景3、 批量导入svg文件夹下的多个文件Vue.use()注册全局组件require.context() 使用场景通过该函数获取特定上下文,主要用来实现前端自动化导入模块,该方法是webpack里的require.context( directory{string},//要搜索的文件夹路径 useSubdirectories {Boolean},//是否读取

2020-12-28 16:47:51 80

原创 vue项目开发中对于nginx的学习

nginx概述web服务器(发布运行web应用),不仅仅是高性能的http和反向代理,负载均衡服务器,还是一个POP3/SMTP服务器注意:它不能直接处理Java或PHP,相当于一个静态文件服务器或者是http请求转发器,对于静态文件请求可直接返回静态文件资源,对于动态请求它转发给后台处理程序(如tomcat)正向代理例如vpn被代理的服务器只明确代理服务器信息,不明确客户端信息。...

2020-03-02 15:39:37 164

原创 vue实现点击多个tab标签打开关闭多个页面

需求:现将页面分为Header LeftSideBar Main三大模块 左侧LeftSideBar为menu菜单,点击菜单每一项,在Main中出现上部为tag标签,下部为内容 可打开多个tag标签 ,可内容切换 ,可关闭效果图1.router.js中(在LeftSideBar组件中现在有两个菜单项icons和tabs){ path:'/addtab', ...

2018-08-09 14:32:01 22074 12

原创 当v-model遇上vuex时报错

场景:当我们v-model的数据是存储在vuex中时写法如下时会报错computed:{ editableTabsValue2:{ return this.$store.state.activeName }}报错:Computed property  "editableTabsValue2"  was assigned  to but  it has no  sett...

2018-08-09 11:01:28 2605

原创 vue关于数据刷新消失问题

问题1.在使用vuex过程中跳转页面上获得的state在刷新页面后变为初始值,即数据不能持久化解决方法:使用localstorage等存储,自己写起来总是有bug直接使用了vuex-persistedstate问题2.vue-router路由传参发现使用params传参后,页面刷新参数消失造成请求失败解决方法 this.$router.push('/xx',{name:xx所对应的组件名.在路...

2018-05-04 12:36:32 3589

原创 vue之keep-alive页面前进数据刷新,后退缓存

需求:现在有三个页面,首页A,带搜索框以及表格的页面B,点击B中的表格详情链接到详情页面的C当从A->B->C 再从C->B回退到B时希望能显示B中搜索框和表中的信息即C的上一页面的历史信息。解决方案:1.采用web存储,发现逻辑麻烦。2.利用vue的keep-alive我们将B中的数据缓存下来方案11.在App.vue中<keep-alive&g...

2018-05-04 12:24:54 16807 5

原创 react-router-dom讲解

react路由已经更新到4,网上的资料大多是旧版本,这里我们重点讲react-router-dom,它是用于dom绑定的react-router贴上官网点击打开链接常规导入import React from 'react'import { BrowserRouter as Router,Route,Link} from 'react-router-dom'注意BrowserRouter只能有一个孩...

2018-02-12 21:34:47 1863

原创 对react的一些看法和见解

渲染页面:react中将功能分割成组件,只关注组件状态(state,props)的变化。所有的操作都是在虚拟dom上,每当组件状态发生变化就生成新的dom数据,然后将上一次的dom跟本次dom进行比较,只将变化的部分更新到真实的dom上。props和state的区别state可以用来与用户交互,通过setState({})来更新和修改数据父子组件的数据传递通过props传递,数据是单向传递的,自顶...

2018-02-12 20:59:27 905

原创 async await

概念:是generator函数的语法糖,让异步操作更加方便,实际上是promise和yield的结合体用法:async  function 函数名(){await 语句}与generator的区别1.*星号换成async ,yield换成await,await只能用在async函数里2.返回值为Promise对象可使用.then方法继续操作,generator对象返回值为迭代器对象使用.next方...

2018-01-02 21:41:15 189

原创 generator函数

概念:封装各种状态,提供异步编程的解决方案,通常一个函数里面只能return返回一个,但通过yield可以返回多个值特征:function*  函数名(){yield  表达式}1.*星号位置建议紧跟function关键字2.函数内部使用yield表达式一:语法 function* hello(){ yield "hello"; yield "wor...

2018-01-02 20:57:21 210

原创 Promise对象

一:Promise对象的含义一个对象,里面存着某个未来才会结束的事件(异步操作)有三个状态: 1.pending 进行中 2.fulfilled(resolved) 成功 3.rejected 失败状态改变只能由异步操作的结果决定1.pending----resolved 进行中变为成功2.pending----rejected 进行中变为失败二:Promise用法promise对象实质是一个构造...

2017-12-28 22:01:32 141

原创 webpack+babel+react搭建

1.首先根目录下创建如下文件和文件夹----app  //存放打包之前的文件和js模块  --index.js  //存放打包之前的js----public  //存放供浏览器读取的文件  --index.html  //

2017-12-21 21:26:46 3573

原创 jquery之同级,父级,子级间元素的添加移除

jquery操作HTML这一块的总结,比如添加元素,删除元素

2017-12-13 21:42:56 16340

原创 jquery之animate()和css3 animation属性的本质区别

jquery之animate()前提:要动画的元素开启定位或浮动:position或float语法:animate({属性名:属性值},speed,callback) 这里只列出常用的参数,详情请参考官方文档1.speed的取值为slow,fast,毫秒(动画执行的速度,毫秒值越大速度越慢)2.callback 动画执行完后要执行的函数css3之animation属性

2017-12-13 20:46:47 1749 1

原创 jquery之on()和click()的本质区别

on()绑定事件和click()绑定事件的区别,可以用on()事件进行事件委托

2017-12-13 20:24:01 3228

原创 css3带缺口圆环的步骤条进度条动画制作

在网上找了好久的步骤条插件,可惜不尽人意,只能自己动手写一个,下面直接展示效果图

2017-12-12 20:51:32 5151

原创 datatables之tab切换(添加,删除)

对于tab切换的表格如何利用datatables插件进行ajax数据获取,如果表格过多,数据过多我们完全可以利用ajax一次获取所有的数据,再将数据分配到不同的表格中

2017-12-10 13:45:29 3157

原创 datatables之ajax请求

1.(1)引入js.css 带bootstrap样式的 (2)引入js.css 默认样式的 2.html结构 姓名 性别 邮件 年龄 3 js代码$(function(){ let options={ 'order':[[3,'desc']],//指定表中第四列降序

2017-12-09 12:25:24 1364

原创 datatables分页,排序,ajax请求等参数设置

info 控制总数信息(右下角显示总数和过滤条件)的显示 ,默认trueorder:[[参数1,'参数2']] 参数1为某一列的索引值,参数2值为desc,asc //指定某一列为降序或者升序paging 是否有分页功能lengthChange 是否显示分页下拉列表ordering:是否排序searching:是否有搜索功能language:{ zeroRecords:'没有检索到数据', search:'xx' // 将英文search改为中文, lengthM

2017-12-05 22:44:25 16106

原创 jquery如何通过ajax请求获取后台数据显示在表格上

$(function(){ $.ajax({ url:'data.json', type:'get', dataType:'json', success:function(data){ $.each(data.data,function(index,item){ var tr;

2017-11-27 22:22:43 33330 3

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除