- 博客(18)
- 收藏
- 关注
RSS订阅
原创 关于element-ui在vue框架项目中的使用记录
vue框架中使用element-ui持续踩坑1.el-table复选框后面有小黑点// width太小，只要宽度足够就不会出现<el-table-column type="selection" width="20" />换页多选// reserve-selection -> 数据更新之后保留之前选中的数据<el-table-column type="selection" :reserve-selection="true" width="20" />
2021-07-02 09:25:40
164
原创 css高级用法-持续更新
csscss总是不经意间给人惊喜，不能保证每一条css语言都被熟知和记住，所以记录一下1.计算属性calc(100vh - 20px)2.中断break-before: always;break-inside: avoid3.文字过长省略号…
2021-07-01 15:17:19
98
原创 心惊胆战的git操作
git命令集合单纯为了帮助记录项目中常用的git命令，方便快速找到使用。毕竟也不是能永久记忆所有命令，网络上搜索命令的结果也是鱼龙混杂。1.单文件更新git fetchgit checkout origin/master [branch] [/url/file.name]2.撤销提交git log// 修改head指针git reset --hard/soft [commit]git push -f3.撤销之前的撤销git reflog// 修改head指针git rese
2021-07-01 11:48:36
247
原创 VUE跟随鼠标悬浮框效果示例
VUE跟随鼠标悬浮效果示例功能要求：1.鼠标悬浮到某一图片logo位置，出现悬浮框显示此logo对应的企业主体基本信息2.悬浮框跟随鼠标的位置出现效果图如下：分析页面结构：1.logo图片部分用ul li 循环结构2.悬浮框部分单独写一个div，用position absolute定位分析功能实现：1. @mouseenter @mouseleave 控制悬浮框的显示隐藏2...
2019-10-23 14:39:45
11996
8
原创 vue实现tab切换功能的几种方法
vue实现tab切换功能的几种方法1.组件切换利用vue里的 :is属性和keep-alive缓存效果图代码<template> <div> <div class="tab"> <ul class="tab_button"> <li v-for="...
2019-10-17 16:26:25
10858
2
原创 vue-有初始化动画的节点进度条的实现
总结最近做的一个可视化大屏项目用到的节点进度条，用vue语句+css代码实现的带有初始化动画效果先看下效果（不会弄动图，实际实现是带初始化动画的）1.先写html结构解释一下层级：最外层div是一整个状态进度条；里面span是状态文字，div是进度条；进度条div里面 i 标签写节点小圆点，div写长方形的进度条。因为要加初始化动画，所以节点和进度要分开写。直接看代码<div c...
2019-08-19 16:14:45
3084
5
原创 如何新建一个vue项目
新建一个vue项目只需要两步：一.安装环境安装node.js环境安装npm包管理器安装npm的淘宝镜像cnpm安装vue-cli脚手架构建工具二.使用vue-cli初始化一个项目具体步骤：1.安装node.js环境直接在官网下载电脑适用的版本：https://nodejs.org/en/检查是否安装成功：windows+r 输入cmd 打开命令行工具输入node -v...
2019-08-15 15:22:43
335
原创 vue拖拽表格实现Sortablejs指路
1.Sortablejs官网http://sortablejs.github.io/Sortable/2.Sortablejs 代码仓库githttps://github.com/SortableJS/Sortable#readme3.Sortablejs - npm包https://www.npmjs.com/package/sortablejs4.Sortablejs - 实例https://sortablejs.github.io/Vue.Draggable/#/simple5.Dr.
2021-05-26 18:20:10
139
原创 浏览器内核 - 2021年2月更新
浏览器内核四大浏览器内核WebkitWebkit分支 - BlinkPresto（已废弃）TridentGecko总结四大浏览器内核WebkitSafari内核，Chrome内核原型（28 -）系统资源占用较高，兼容性较低，编写不标准的网页无法正确显示；开源，安全，网页浏览速度较快，手机上应用广泛Webkit分支 - BlinkChrome（28 +）、Opera（15 +）使用不易崩溃，速度快；系统资源占用比较高Presto（已废弃）Opera（15 -）前版本使用动态内核，速度快；
2021-02-24 22:10:23
452
原创 wangEditor富文本编辑器-vue使用链接
官网http://www.wangeditor.com/index.html使用文档http://www.wangeditor.com/doc/github代码for vuehttps://github.com/wangeditor-team/wangEdior-with-vue使用参考https://www.jianshu.com/p/52852d39f869https://www.cnblogs.com/zzz-knight/p/12156438.html...
2020-12-01 16:11:55
621
原创 前端实用正则集合-看到就写
前端非常实用的正则表达式集合1.6到16位（大小字母，数字，下划线，减号）用户名var userName = /^[A-z0-9_-]{6,16}$/;2.email地址var email = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;3.手机号var phoneNum = /^[1-9][0-9]{10}$/; // 简单写法var phoneNum
2020-05-13 22:38:12
122
原创 vue#1 vue中的性能优化
1.引入生产环境的 Vue 文件开发环境下，Vue 会提供很多警告来帮你对付常见的错误与陷阱。而在生产环境下，这些警告语句却没有用，反而会增加应用的体积。此外，有些警告检查还有一些小的运行时开销，这在生产环境模式下是可以避免的。详细的做法请参阅vue官网【生产环境部署(https://cn.vuejs.org/v2/guide/deployment.html)】2.使用单文件组件预编译模板...
2020-04-13 17:16:28
161
原创 html系统化学习
html系统化学习之前一直是实战直接写静态页面，想系统的再学习一边html的知识，查漏补缺，有很多收获。1.什么是html文档以.html结尾的超文本标记语言文档2.html的发展历史3. .html/.htm/.shtml/.shtm的区别4.html的机构5.html的布局5-1.如何让两个div并排显示5-2.margin重叠问题相邻的普通元素/父子元素-m...
2019-12-19 16:56:01
148
原创 在vue项目中使用stylus
安装stylus需要两条语句1.npm install stylus --save2.npm install stylus-loader --save使用stylus直接在.vue文件的style块中使用只要在style标签加上lang="stylus"就可以了外部引用.styl文件通过css语法引入...
2019-09-26 15:22:25
350
原创 Vue取消eslint语法限制
eslint是一个语法检查工具，但是限制很严格，会在编译的时候导致一直报错取消eslint语法限制有两种办法：找到build文件夹下面的webpack.base.conf.js文件注释掉以下代码：或者注释掉以下规则：最后重启一下项目就可以了。...
2019-09-26 14:12:21
517
原创 vue 报错学习 Newline required at end of file but not found
错误：Newline required at end of file but not found翻译：文件末尾需要换行符，但找不到例如：但是下面这样就不会报错原因是需要在js css等后面再加一行(空行) ！！！...
2019-09-25 16:56:28
555
原创 反转字符串 - js学习
直接看代码：var str = "abc123";str = str.split('').reverse().join('');console.log(str); // 结果：321cba涉及到三个函数：1.split() - 按指定字符（串）或正则去分割某个字符串，结果以字符串数组形式返回；var str = "abc123";str = str.split('');con...
2019-08-22 17:51:38
145
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人