前端
滑稽的鼠标
你活得不快乐的原因大概是:
你总是间歇性踌躇满志,
持续性混吃等死,
既无法忍受目前的状态,
又没能力改变这一切,
可以像只猪一样懒,
却无法像只猪一样懒得心安理得。
展开
-
Element的table表格开启合计之后,合计单独使用计算公式
方法一、使用Element的summary-method,这边不讲方法二、用官网自带的例子为例,下面是官网的代码:<template> <el-table :data="tableData" border show-summary style="width: 100%"> <el-table-column prop="id" label="ID" width="180"> <原创 2022-01-04 16:04:25 · 1749 阅读 · 0 评论 -
js进行搜索数组,实现搜索
//定义个数组 let tableData = [ { name:'张山', age:29, address:'北京天安门故宫38号流动', remak:'飞流直下三千尺' },原创 2021-12-10 10:56:06 · 700 阅读 · 0 评论 -
vue对象和数组的增删改操作
一、对象例:tableList: {},1、往对象里面添加属性:tableList: { name1:[], name2:[], name3:[], },2、给对象某个属性赋值,比如name1赋值:// 新增一条空数据 let newData = { age: null, number: null }; this.tab原创 2021-09-27 18:17:05 · 9707 阅读 · 1 评论 -
Vue关于组件的问题
我们以时间格式化组件库moment为例,比如我们写一个页面,页面要用到这个组件,那我们就得引入这个组件,执行npm install moment --save,但是现在又有一个同事SVN上拉取了你的这个页面,这时候运行项目就会报错,因为他没有npm install moment --save,那有没有办法直接执行npm install就可以加载这个组件呢,方法:直接在项目package.json添加插件名称 版本号 package里有这个的话 就直接 npm install下就可以 ,就不用再npm in原创 2021-03-17 11:07:16 · 187 阅读 · 0 评论 -
vue实现签名和两张图片合成一张
效果就是如下了,签名的组件我用的是百度的这个组件,地址是:https://github.com/JaimeCheng/vue-esign使用组件的话:安装npm install vue-esign --save引入import vueEsign from ‘vue-esign’Vue.use(vueEsign)<template> <div> <vue-esign ref="esign" :width="800" :height="300" :isC原创 2020-12-11 16:54:30 · 2070 阅读 · 1 评论 -
使用HTML5的File实现base64和图片的互转
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset.原创 2020-10-29 18:46:51 · 459 阅读 · 0 评论 -
webStorm打包vue项目并且部署到服务器
至于我为什么部署到window系统来当测试服务器,是因为公司叫我用台式电脑当测试服务器,所以用window系统.部署之前,服务器的node.js等等环境要先部署好一、打包项目(我用的开发工具是webStorm,所以直接在编译器输入命令打包)添加依赖:npm install打包:npm run build如果打包的时候报错:ERROR Error: CSS minification ...原创 2020-04-29 11:34:28 · 9590 阅读 · 0 评论 -
ERROR Error: CSS minification error: Unknown browser kaios. File: assets/css/app.582b07ad.css
webStrom用npm run build打包的时候报错:ERROR Error: CSS minification error: Unknown browser kaios. File: assets/css/app.582b07ad.cssError: CSS minification error: Unknown browser kaios. File: assets/css/app...原创 2020-04-28 17:25:19 · 3563 阅读 · 0 评论 -
d3+jQuery横向树图,可展开
效果图实现:<!doctype html><html><head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="gqct.css"> <title>d3+jQuery横向树图</title>...原创 2020-04-17 11:11:42 · 2138 阅读 · 1 评论 -
thymeleaf时遇到的一些问题
最近一直在使用spring boot,所以自然而然的使用了thymeleaf,但是我想说习惯了jsp之后使用thymeleaf真实觉得不顺手,在使用thymeleaf中也遇到了一些问题,在这里记录一下,应该还是挺有用的,呵呵……问题一:org.xml.sax.SAXParseException: 元素类型 “input” 必须由匹配的结束标记 “” 终止。这是最简单的一个问题,用过的,都知道,...原创 2020-04-12 21:39:35 · 567 阅读 · 0 评论 -
D3.js实现人物关系图谱有移动、拖拽、放大功能
实现了关系图的移动、拖拽、放大功能。以及数据的分类等等。代码稍显繁琐,另外案例中的d3.js为3.5.17版本,请注意安装。<!DOCTYPE html><html><head> <style> #divid { /*会出现页面阴影*/ /*cursor: point...原创 2020-04-10 13:54:41 · 4882 阅读 · 2 评论 -
H5页面唤起指定app或跳转到应用市场(扫描二维码直接下载APP)
场景1:在 h5 页面上,不管用户是否安装过该app,都直接跳转到应用市场,让用户从应用市场上打开app。思路:这种场景处理比较简单,直接判断判断是android端还是ios端,然后在点击按钮上赋值对应终端的应用市场下载链接就可以了,在微信上打开h5页面时也不用另外处理。跳转之前,系统会默认弹出对话框问是否跳转。案例:下图以ios端打开 淘宝 为例:具体实现:<!DOCTY...原创 2020-03-27 11:25:13 · 14751 阅读 · 0 评论 -
js的@media用法(根据不同页面适应)
响应式布局 responsive design @media 属性bootstrap css 分析:@media (min-width:768px){body{***}}use @media about the browser as a media[disabled] | :active | @media mediatype and|not|only (media...原创 2020-03-26 17:14:10 · 4317 阅读 · 0 评论 -
js对div取值与赋值
因为JavaScript运行时,id=“test1” 的那个div元素可能还没解析和加载,js加载是有顺序的。只需把 js 整个搬到 后面即可。还有一个特别容易犯的毛病,页面引入 jQuery ,如果其他 js 要使用,需要放在 jQuery 之后,否则不能使用。<!DOCTYPE html> <html> <head> <meta cha...原创 2020-03-26 14:52:22 · 5082 阅读 · 0 评论