- 博客(26)
- 收藏
- 关注
RSS订阅
原创 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
3957
原创 pc页面样式自适应的几种方案
第一种和第二种 代码使用px 利用postcss插件将px转为rem。利用 postcss-pxtorem插件，将代码中px自动转为rem。一、根据动态计算的px设置html的font-size。二、设置html的font-size 为vw。一、利用postcss插件将px转为rem。第三种是代码直接使用rem。二、使用 代码使用rem。解决屏幕过大过小问题。
2023-04-07 14:08:29
4861
原创 vscode常用插件
桌面打包工具 Nativefier在线网页打包成桌面APP，原理是用Electron包装一下PicGo多图床上传工具+smms图床在线图片服务器vscode安装插件veturvue语法高亮、智能提示、格式化vscode-icons文件树添加图标Auto Close Tag自动补全HTML标签Auto Rename Tag自动改名标签Path Intellisense路径提示Visual Studio IntelliCode代码智能提示GitL
2022-03-01 16:52:12
576
原创 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
5581
原创 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
311
原创 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
950
原创 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
253
原创 vue项目开发中对于nginx的学习
nginx概述web服务器（发布运行web应用），不仅仅是高性能的http和反向代理，负载均衡服务器，还是一个POP3/SMTP服务器注意：它不能直接处理Java或PHP，相当于一个静态文件服务器或者是http请求转发器，对于静态文件请求可直接返回静态文件资源，对于动态请求它转发给后台处理程序（如tomcat）正向代理例如vpn被代理的服务器只明确代理服务器信息，不明确客户端信息。...
2020-03-02 15:39:37
426
原创 vue实现点击多个tab标签打开关闭多个页面
需求:现将页面分为Header LeftSideBar Main三大模块 左侧LeftSideBar为menu菜单，点击菜单每一项，在Main中出现上部为tag标签，下部为内容 可打开多个tag标签 ，可内容切换 ，可关闭效果图1.router.js中（在LeftSideBar组件中现在有两个菜单项icons和tabs）{ path:'/addtab', ...
2018-08-09 14:32:01
25564
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
3413
原创 vue关于数据刷新消失问题
问题1.在使用vuex过程中跳转页面上获得的state在刷新页面后变为初始值,即数据不能持久化解决方法：使用localstorage等存储，自己写起来总是有bug直接使用了vuex-persistedstate问题2.vue-router路由传参发现使用params传参后，页面刷新参数消失造成请求失败解决方法 this.$router.push('/xx',{name:xx所对应的组件名.在路...
2018-05-04 12:36:32
4096
原创 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
18006
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
2038
原创 对react的一些看法和见解
渲染页面：react中将功能分割成组件，只关注组件状态(state,props)的变化。所有的操作都是在虚拟dom上,每当组件状态发生变化就生成新的dom数据，然后将上一次的dom跟本次dom进行比较，只将变化的部分更新到真实的dom上。props和state的区别state可以用来与用户交互，通过setState({})来更新和修改数据父子组件的数据传递通过props传递，数据是单向传递的，自顶...
2018-02-12 20:59:27
1029
原创 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
259
原创 generator函数
概念：封装各种状态，提供异步编程的解决方案,通常一个函数里面只能return返回一个,但通过yield可以返回多个值特征：function* 函数名(){yield 表达式}1.*星号位置建议紧跟function关键字2.函数内部使用yield表达式一：语法 function* hello(){ yield "hello"; yield "wor...
2018-01-02 20:57:21
295
原创 Promise对象
一：Promise对象的含义一个对象，里面存着某个未来才会结束的事件(异步操作)有三个状态: 1.pending 进行中 2.fulfilled(resolved) 成功 3.rejected 失败状态改变只能由异步操作的结果决定1.pending----resolved 进行中变为成功2.pending----rejected 进行中变为失败二：Promise用法promise对象实质是一个构造...
2017-12-28 22:01:32
203
原创 webpack+babel+react搭建
1.首先根目录下创建如下文件和文件夹----app //存放打包之前的文件和js模块 --index.js //存放打包之前的js----public //存放供浏览器读取的文件 --index.html //
2017-12-21 21:26:46
3766
原创 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
2192
1
原创 datatables之tab切换(添加,删除)
对于tab切换的表格如何利用datatables插件进行ajax数据获取，如果表格过多，数据过多我们完全可以利用ajax一次获取所有的数据，再将数据分配到不同的表格中
2017-12-10 13:45:29
3708
原创 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
1650
原创 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
18068
原创 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
37518
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人