自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Element el-table 中 type=“selection“ 的列 没法用 if 判断显示隐藏??

因为当前这个selection用【querySource】字段状态来判断显示和隐藏,在el-table标签里需要加:key=“querySource”我也不知道为啥,反正好了。参考链接:https://blog.csdn.net/dyp330/article/details/111041758

2021-09-06 14:03:17 720

原创 微信小程序生成海报并保存到系统相册(前端代码)

生成海报并保存到系统相册(前端)该功能我用的是 Vant Weapp 组件wxml文件<!-- 触发底部弹框的按钮 --><button bindtap="share"></button><!-- 分享弹框 --> <van-popup show="{{ shareShow }}" custom-style="height: 25%" closeable close-icon-position="top-right" safe-ar

2020-08-26 18:24:13 1090

转载 微信小程序 iOS时间戳转换问题

iOS时间戳转换问题详情请查看:点击原文这篇博客啥也没有,这样不太好。弄个段子给你们看。

2020-08-04 10:51:57 442

原创 input框浏览器默认填充问题

问题:浏览器用户明和密码input框默认有数据,如下图:原生代码:用户名:<input type='text' >密码:<input type='password' >解决方法:用户名:<input type='text' autocomplete='off'>密码:<input type='password' autocomplete='...

2020-04-02 17:56:45 742

转载 vue中父组件向子组件传对象,子组件显示为空问题

问题:当父组件传值给子组件echarts时,发现子组件获取的props为空,刚开始以为是钩子函数放错了地方,后来发现从mounted和created都不行。当在父组件data定义传递的数据的时候子组件显示正常原因:后来经过排查,此处省略N字,发现echarts是在渲染的时候就传递数据解决方案:在父组件定义一个flag,当数据获得的之后再进行子组件的渲染1.父组件 //父组件 <...

2020-04-02 15:13:20 6000

原创 C:\Users\Admin\AppData\Roaming\npm-cache\_logs\2019-06-06T01_10_38_076Z-debug.log报错问题

webstorm 上 npm install 安装出现报错,错误如下:C:\Users\Admin\AppData\Roaming\npm-cache_logs\2019-06-06T01_10_38_076Z-debug.log解决办法:1.先清理缓存 npm cache clean --force2.再去 npm install3.最后npm run serve 或者 ...

2020-04-02 15:08:22 2179

原创 webstorm打开项目有红色波浪线问题

**解决红色波浪线问题**比如出现这种问题:解决方法第一步:第二步:问题解决了

2020-04-02 14:54:56 2709

原创 three.js笔记

上网无意间翻到的笔记,这笔记特别详细,给自己复制过来。这个是原作者的网址:想看的点这里下面是我自己复制过来的文章,我这样做是怕原作者删掉。哈哈/*** 场景(scene) ***/var scene = new THREE.Scene(); // 创建场景scene.add(x); // 插入场景/*** 相机(camera) ***/// 正交投...

2019-12-16 17:51:58 95

原创 let's go three.js学习二:画线

第二节:画线整理第二节笔记。 <html><head> <title>第二节:画线</title> <style> body { margin: 0; } canvas { width: 100%; height: 100% } </style></head><body> &l...

2019-12-04 16:19:02 192

原创 let's go three.js学习一:创建场景

第一节:创建场景笔记整理一下子,共同进步。<html> <head> <title>第一节</title> <style> body { margin: 0; } canvas { width: 100%; height: 100% } </style> </head> <b...

2019-12-04 14:53:27 187

原创 js获取时间戳并按年月日方式显示

年月日格式//年月日格式封装 function formatDate(value) { let date = new Date(value); let y = date.getFullYear(); let MM = date.getMonth() + 1; MM = MM < 10 ? ('0' + MM) : MM; let d = date....

2019-08-30 17:53:49 2829

原创 安装和使用Dplayer

看到这个框架时候感觉挺简单的,但确实挺简单的。接下来是这个框架的安装和使用方法:安装(使用npm安装)npm install dplayer --save或(使用Yarn安装)yarn add dplayer一、vue中使用在安装好之后引入js和css文件 <template> <div id="dplayer" ref="dplayer">&...

2019-07-26 15:50:33 22824 1

原创 vue子组件点击触发父组件方法的方式

子组件:<div class="login-panel-close" @click="closeLogin"><i class="icon-close"></i></div>methods:{ closeLogin(){ this.$emit("closeLogin") ...

2019-07-19 16:46:06 2147

原创 vue+webpack构建项目

在安装之前,首先确定node.js安装成功,npm也会自动安装查询是否安装成功的命令:node - vnpm -v1.全局安装脚手架工具vue-cli,命令如下: npm install --global vue-cli2.vue项目初始化命令如下,若没有安装webpack,则先安装webpack npm install -g webpack vue init webpack...

2019-06-13 17:54:59 172

原创 鼠标点击任意标签,弹出标签名字

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body><h3>点我</h3><input type="text" valu...

2019-06-13 11:47:36 490

原创 安装electron-vue

electron-vue的安装参考electron-vue官方的文档给出的说明,搭建electron-vue的脚手架非常方便,使用vue-cli来安装它的模板即可:#如果你没有vue-cli的话需要全局安装 npm install -g vue-cli# 然后使用vue-cli来安装electron-vue的模板 vue init simulatedgreg/electron-vue ...

2019-06-11 10:05:07 563

原创 electron学习二:BrowserView

类:BrowserView 创建和控制视图一、创建视图const { BrowserView, BrowserWindow,app } = require('electron')app.on("ready",()=>{ let win = new BrowserWindow({ width: 800, height: 600 }) win.on('closed'...

2019-05-22 16:39:26 4957

原创 electron学习一BrowserWindow

*BrowserWindow 创建和控制浏览器窗口进程:主进程一、创建程序窗口 //主进程中用下面代码 const { BrowserWindow,app} = require('electron') //或者在渲染进程中用“remote” // const { BrowserWindow} = require("electron").remote app.on('re...

2019-05-22 16:09:03 8643 1

原创 electorn安装

electron入门一本文通过hello word案例记录学习electron的过程。在开始安装之前去,请确保已经安装好node.jselectron 简介electron是一款可以使用JavaScript,HTML,CSS来构建跨平台app的开源框架。我使用的是electron-quick-start来进入electron世界1.克隆项目到本地git clone https://g...

2019-05-16 10:24:28 800

原创 jq登录异步阻止

效果图展示一下::::css代码 #login-panel{ width: 358px;height:360px;padding:20px;position: fixed;z-index:100;left:0;right: 0;top:0;bottom: 0;margin:auto;background-color:#fff;display: none} #login...

2019-05-15 16:13:23 165

转载 jq正则验证

转:https://blog.csdn.net/weixin_42979840/article/details/82876704<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>使用正则表达式验证注册页面</title> &lt...

2019-05-14 11:44:48 1615

原创 图片放大效果

在vue项目中图片放大的效果template代码:<div v-for="(item,index) in posts.img" :key="index" > <img v-if="enlargePic==false" :src="item.image" @click="enlarge($event)"> <img v-else style="p...

2019-05-10 15:24:26 332

原创 水平滑动,记录当前状态、利用浏览器原生播放器播放视频和vue-video-player视频播放插件、基于museUI的音频播放和vue-player插件实现音频播放

https://www.jianshu.com/p/38ea326938b2

2019-04-15 10:01:09 265

原创 前端样式汇总

根据bootstrap编写的样式,用起来比较方便,不用写多余的样式。给我自己保存下,耶!!!/* 文本颜色 */.text-primary {color: #007bff}.text-secondary {color: #6c757d}.text-success {color: #28a745}.text-info {color: #17a2b8}.text-warning {col...

2019-03-20 15:36:56 746

原创 axios调用接口

封装axios调用后端接口项目结构是这样的首先是axios.js的代码import axios from 'axios';let options = { baseURL: '/'};if (process.server) { options.baseURL = `http://后端接口的路径`;}export default axios.create(opt...

2019-03-19 10:22:03 2317

原创 vue分类单选标签

vue.js实现单选标签功能功能讲解:点击那个标签,那个变红,其他标签都是灰色,实现单选。效果图如下:来不及解释了,快上车!!!template代码script代码只能想到这种办法,如果有更好的,会更新文章的。...

2019-03-18 15:12:34 854

原创 vue发布帖子功能

基于vue.js的发布帖子功能,做出的一些总结:发布帖子有1.帖子分类 2.帖子文字描述 3.上传帖子图片效果图如下:上代码

2019-03-18 14:44:58 5373 2

转载 vue运行(Emitted value instead of an instance of Error)

这个博客是自己遇到的问题,查了好长时间,终于解决了,用于以后再次遇到这种问题,做出的一些总结。仅供个人查阅。如果遇到这种问题如下:加自定义属性key...

2019-01-17 09:20:36 46789

原创 vue中装sass

下面是我的一个总结装好vue脚手架之后 在命令栏里面输入下面两个代码:1.npm install --save-dev sass-loader//sass-loader依赖于node-sass2.npm install --save-dev node-sass输完之后npm run dev...

2019-01-12 10:28:31 85

原创 node-sass安装失败怎么搞

node-sass安装失败如果出现这种报错,点击链接 (需要翻墙工具翻墙)下载文件最好将文件放在项目文件夹路径下1.设置sass路径set SASS_BINARY_PATH=D:/nodejs/.nodes/win32-x64-57_binding.node(set SASS_BINARY_PATH=下载文件的文件路径)2.安装node-sass模块npm i node-sass...

2018-12-03 09:39:23 269

空空如也

空空如也

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

TA关注的人

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