![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
项目总结
奔跑的搬运工
一点一点的记录是因为害怕忘记
展开
-
vue,uni-app倒计时公共组件 封装,倒计时组件
倒计时组件,uni-app 倒计时组件原创 2022-09-16 14:24:23 · 643 阅读 · 0 评论 -
vue项目下载兼容ie,接口返回url;url转二进制流下载;
vue 下载文件兼容ie;接口返回去url 转二进制流下载;vue 下载表格;vue项目 兼容原创 2022-08-31 15:57:15 · 602 阅读 · 0 评论 -
js倒计时
JS倒计时dtBegin 格式为 2022-02-23 08:00:00 countDown(){ let _this = this; var curTime = Date.parse(new Date());;//获取了当前毫秒的时间戳 var str1 = Date.parse(new Date(dtBegin)); //开始时间 //时间差 var leftTime = str1 - curTime; //定义变量 d,h,m,s保存倒原创 2022-02-22 14:46:21 · 583 阅读 · 0 评论 -
js 时间转换、js时间戳转 日期,获取今天、昨天、最近七天、最近30天、本月、本年
1.时间戳转 日期 getTime(nS) { var date = new Date(nS); //获取一个时间对象 let y= date.getFullYear(); // 获取完整的年份(4位,1970) let m = date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1 ; // 获取月份(0-11,0代表1月,用的时候记得加上1) let d= date.getDate() <原创 2021-01-09 17:49:26 · 2870 阅读 · 1 评论 -
css 修改滚动条样式
/*滚动条样式*/::-webkit-scrollbar { /*滚动条整体样式*/ width: 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 4px;}::-webkit-scrollbar-thumb { /*滚动条里面小方块样式*/ border-radius: 5px; /* -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); */ background:rgba(191,191,191,原创 2020-06-15 10:23:35 · 226 阅读 · 0 评论 -
苹果手机 input框兼容性,input 在iPhone 上 上边框有阴影
一、样式复现h5移动端开发,发现在苹果手机上input显示有问题。input的border已经初始化设置为none了,根据需求进行了border样式的重置。但在苹果手机上渲染有问题。如下图所示:二、解决方案:input{ appearance:button; -moz-appearance:button; /* Firefox */ -webkit-appearance:bu...原创 2019-06-17 14:35:38 · 5120 阅读 · 0 评论 -
vue项目繁体字切换,台湾语言
在项目中安装相应包npm i language-tw-loader修改webpack 配置文件在 build 文件夹下找到 webpack.base.conf.js 这个文件,在 module 的 rules 下面添加代码 module: { rules: [ { test: /\.(js|vue)$/, ...原创 2019-02-19 11:59:46 · 4049 阅读 · 2 评论 -
vue form图片上传功能,input type="file" 图片上传
vue 图片上传功能 &lt;template&gt; &lt;div class="file_box "&gt; &lt;span class='upload'&gt; &lt;input type="file" name="" id=&quo原创 2018-09-20 15:53:39 · 9243 阅读 · 6 评论 -
vue js生成图片二维码-- qrcode插件
在项目中安装依赖 npm install --save qrcode2.在项目中使用<template> <div id='code'></div> <canvas id="canvas" ref ="canva"></canvas></template>原创 2018-09-10 14:28:15 · 3463 阅读 · 0 评论 -
vue 项目上传到git 提交到测试服
1.由后台人员先部署,在git上传到分支 ‘ test ’用于放项目;2.前端开发人员:vue项目开发完成后,在项目中运行 npm run dev build node会自动将项目编译到相关文件夹; 在 D:\workspaces\dddd-statistics-platform-html 文件夹下面会存放所有编译的文件 右击查看该文件目录是否在 上面 1 中创建的反正下原创 2017-12-21 18:20:21 · 1722 阅读 · 0 评论 -
vue项目中调用百度地图api
本想在项目中配送区域模块中是使用,结果被老大ps,记录下吧!1.首先去百度。[百度地图API ] : http://lbsyun.baidu.com/apiconsole/key 申请密钥(ak) ,此次使用v1.5以后版本。 2. 在项目的index.html中引用js文件! 上图中 ak=申请的密钥3.在 webpack.config.js 配置文件中配置BMap,在m原创 2018-03-19 18:17:49 · 19828 阅读 · 3 评论 -
vue项目中使用ztree树形插件,ztree请求后台数据渲染Dom
使用npm install jquery –save 在项目中安装ztree依赖文件 jquery;在index.html里面引用ztree样式文件zTreeStyle.css(前面的图标可以自定义可以参考官网) 3.在项目中引入ztree文件,在main.js中引入 网上给的资料是在这里同时引入jquery;但是项目中引入 报错 impor...原创 2018-03-22 11:15:46 · 14881 阅读 · 1 评论 -
商城图片特效、纯css图片上移动、左移动、右移动、放大、图片蒙白效果
纯css写实现效果,复制对应样式到问价,根据上下级添加对应的 样式每种效果需要复制两端代码 1.转换 2. 过渡动画/过渡效果/ .movetop img { /上移动/ transition: 0.5s all ease; } .moveleft img { /左移动/ transition: 0.3s all ease; } .moveright i...原创 2018-08-04 11:57:46 · 3886 阅读 · 0 评论 -
css实现超出用…省略号隐藏,单行隐藏 多行…省略号隐藏
纯css实现1.单行隐藏 …代替 { overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } 2.多行隐藏 …代替 { overflow: hidden; text-o...原创 2018-08-04 12:04:18 · 708 阅读 · 0 评论 -
vue-cli 搭建项目使用局域网访问,通过ip地址访问项目
vue-cli 搭建项目使用局域网访问,通过ip地址访问使用vue-cli搭建的项目,别人可以访问电脑 ip访问项目在config文件中找到 index.js 文件 中找到下面代码module.exports = { dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '...原创 2018-08-01 18:28:53 · 8276 阅读 · 0 评论 -
vue项目登陆设置cookie、获取cookie 、删除 cookie
1.定义方法到存储全局变量 的 global.js 文件中 设置 domain 值 const domain= ’ 域名 ‘; 设置该cookie只对 改域名生效//设置cookie,增加到vue实例方便全局调用 function setCookie (c_name, value, expiredays) { var exdate = new Date(); ex...原创 2018-08-30 11:36:54 · 6813 阅读 · 0 评论 -
Vue实现<a>标签t跳转 <a>标签 href 动态拼接 ,vue打开外链链接,点击后使用新窗口打开网页
a标签 此处链接为一个外链接 传统得 ajax get请求 携带字符串 item.goods_id 商品id <a :href="$global.http+ '/b2b/addCart?gid='+ item.goods_id"></a>2. 标签在网页中检查就相当于标签 此处链接为vue项目内部的链接 to属性值相当于 路由 此标签生成的网...原创 2018-09-08 14:14:58 · 50846 阅读 · 0 评论 -
使用Echarts多个图表响应式以及其他问题
1.限制柱状图的宽度(自适应的柱子很大) barMaxWidth:30//设置柱状最大的宽度2.设置y轴的label标签显示(单位 元 转 万) axisLabel: { formatter: function(value){ return value / 10000;原创 2017-12-20 19:16:14 · 6453 阅读 · 1 评论