- 博客(22)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 Vue - element-ui 中预览 word 、exce、ppt以及pdf文件
最近写了个有 预览word 、Exce、ppt以及pdf文件 的后台 管理 在网上也找了 很多就感觉很复杂 ，当然最后还是实现了 ， 本博主一项喜欢简单 越简单越好 越好理解废话不多说 先上效果图 （我就喜欢那种有图的代码 能预览一下是不是自己想要的效果）1.显示页面2，预览效果word2.exce3.ppt 没有 但是都一样4.pdf1. 首先说 预览 word...
2019-08-17 16:21:01
116694
74
原创 微信小程序在苹果手机中打不开小程序页面，wx.agentConfig没有执行
最近在写一个小程序，其中使用到了wx.agentConfig获取“launchMiniprogram”，打开小程序页面。期间更换了n次引入的js,头大最后发现是授权的url在苹果手机和安卓中获取的不一样，导致页面授权签名报错40093。//第三步，在/wxGoApplet页面中跳转小程序。然后在安卓中可以正常打开，在苹果手机中打不开。第一部，引入的wx链接。
2023-06-21 10:12:41
1519
原创 vue 简易时间线显示数据组件
项目遇到2个页面要时间轴显示数据 2个页面还不一样 这鬼才UI设计师不需要引用其它依赖 纯样式编写 用组件的形式引用 cv 即可。
2022-08-03 16:20:50
1941
2
原创 Vue中封装Axios及统一验证返回结果（Vue3及Vue2都能用）
在vue3中封装axios一，下载及安装vue3及axios二，配置文件三，代码四，在main.js中添加代码五，在页面中应用一，下载及安装vue3及axios1,vue-cli 安装vue3 (默认已会) 官网地址：vue-cli2,安装axios 官网地址：axios$ npm install axios二，配置文件在src文件目录下新建一个文件夹 名为api,在新建的文件夹中新建 4个js文件，本人命名为 api.js、axios.js、config.js、verify.js(此为统
2022-03-09 13:42:16
2701
3
原创 vue-element-ui 中 office文档数据的预览、打印、导出和echarts可视化功能
最近写的项目中有需要打印、导出、和可视化功能写完后 我就把它们都简单的整合了一下如果想支持博主的可以去积分下载 链接 => 点我若不想支持也可以 可以加群下载完整代码 群号 805371278下面是效果图部分代码<template> <div class="box"> <div class="header"> <div class="h_logo" :style="!isCollapse ? 'width:200
2021-06-09 23:16:05
5569
9
原创 vue-element ui 中使用 ECharts
在Vue-El 中使用ECharts官方网站 网址效果图：安装两个先后执行npm install echarts vue-echartsnpm i -D @vue/composition-api新建页面加入一下代码<template> <div> chart <div> <v-chart class="chart" :option="option" /> </div> </d
2021-06-02 17:35:59
675
原创 js冒泡排序
js冒泡排序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl
2021-03-04 15:22:48
90
1
原创 Vue 中 简单易懂 防抖节流
记录代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&
2021-02-25 14:42:24
143
原创 记录一下 vue-router 点击重复报错问题
在 js 中加入const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err)}
2021-02-05 13:25:03
139
原创 纯js轮播 没有引用任何框架 简单易懂
可加群号下载比较完整的代码 805371278 下载完可直接运行不需要引用其它东西1，最近 又得需求 需要轮播图 为了省事 就一直 引用 swipe 组件 ，但是 只是用几张轮播 引用那么大的资源 有点 浪费 抽空就自己写了一个 只需要 改变轮播图的 个数 其它的 不用改变 动态 和swipe 使用方法类似自动循环再点击的时候 还是有瑕疵的 希望有大神可以指点一下 话不多 先上效果图代码部分1，html<!DOCTYPE html><html lang="en"
2021-01-04 14:40:37
188
原创 后台管理系统模板，简易模板
后台模板搭建的简易后台管理系统模板 基于 layui先看效果图 很适合初学者图片:第一页 可加群号下载比较完整的代码 805371278第二页普通的数据展示第三页 带文件预览下载的数据展示 没有加pdf第四页 搜索栏展开 默认关闭 也可设置展开第五页 新增表单文档格式好了 开始上代码先下载好 layui 官网地址 layui1 html<!DOCTYPE html><html><head> <
2021-01-03 22:48:51
14254
5
原创 自学git 笔记 git 学习 整理 简单
参考链接 学习git链接1,下载安装 git2，开始菜单里找到“Git”->“Git Bash”，蹦出一个类似命令行窗口的东西，就说明Git安装成功3，在命令行输入：git config --global user.name “Your Name”git config --global user.email “[email protected]”4，创建一个文件 打开右击 找到 git bash here 点击打开5，输入 git init （会在文件夹中 出现）6，创建文件
2020-08-17 11:18:58
209
原创 关于链接地址中替换参数的功能，即本页面地址中的参数替换要跳转地址中的参数
var URL = "https://www.xxxxx.com?sad=111&WT.ac=1234"; var a = URL.indexOf("WT.ac") var NEWURL = ""; function NEWURLFUNC(url) { let b = url.indexOf("?") if(a == -1){ // 自身地址没有W...
2020-08-11 14:57:04
801
原创 vue-购物车基本代码
vue 编写 购物车原来 直接复制 可直接在浏览器运行 测试<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&...
2020-04-19 16:47:32
1970
原创 微信小程序显示HTML富文本
效果图上面是转化后的，下面是后台获取的HTML标签下载wxParse文件git地址：https://github.com/icindy/wxParse找到 wxParse 文件夹 复制到你的项目中（放在跟目录中）在你需要使用的页面引入（文件路径根据你放的位置需要改动）css/* pages/index/index.wxss */@import "/wxParse/wxPars...
2019-11-27 16:07:44
1097
原创 vue—element 后台表格展示序号顺序
记录一下 表格序号写法<el-table :data="tableData" border v-loading="listLoading"> <el-table-column label="序号" align="center" width="70"> <template slot-scop="scope"><span>{{scope....
2019-11-16 14:20:45
2714
原创 js 时间处理 仿微信好友列表（昨天，前天，周，年月日）
项目要求 仿照微信 写一个时间按微信的展示写时间显示参照微信显示方式，当天内的显示时间，隔天显示昨天、前天，再长间隔显示星期几，隔星期的显示年/月/日.效果图：代码（直接复制，新建一个html文件就能使用）,后面注释的是 对一个数组进行的时间显示<!DOCTYPE html><html lang="en"><head> <meta ...
2019-11-11 16:33:23
870
原创 微信小程序之引用WeUI组件库(二)
引用Tabbar组件首先要安装好了 weui 组件库如果没安装好 请看：引用WeUI组件库微信官网链接：Tabbar组件 注：第一次我是没看懂，研究了一些时间 ，搜了很多文章一头雾水。下面开始1. 再 app.json 文件中加入 tabBar代码： (加入这个字段 “custom”: true,)"tabBar": { "custom": true, "color":...
2019-10-16 15:44:32
1383
原创 微信小程序之引用WeUI组件库(一)
引用WeUI 构建npm 提示没有找到可以构建的npm包之前写小程序好多 自己写样式很麻烦，忽然发现了 这个组件库，emmm 真香。下面是我的一些 遇坑之旅 希望对你们有帮助注：默认你们都会构建小程序开始引用创建好 小程序目录是这样得接着传送门： https://developers.weixin.qq.com/miniprogram/dev/extended/weui/quick...
2019-10-15 10:32:55
6410
2
原创 微信小程序 npm 提示 没有找到可以构建的 NPM 包
最近做项目 遇到 给小程序 使用 npm 是报错已解决在你的项目跟目录下 执行下面的命令npm init
2019-09-09 09:28:54
5615
原创 layui 数据表格 点击分页按钮 监听事件
找了 很多 关于表格分页 点击事件 请求， table.render 并不支持监听点击事件,所以我就把 table.render 和 laypage.render结合在一起（我也不想写分页的，但是后台讲数据多 ，要加分页，被逼无奈 ，想了一个方法）先上图代码.html<div> <table class="layui-hide" id="test" lay...
2019-08-30 17:52:54
14447
9
原创 微信小程序搜索之侧边栏筛选
目前做了一个微信小程序 商城 需要用到 侧边栏搜索，于是就仿某宝的 功能做了一个，（第一次写 有点low，希望有大神可以帮忙改进，欢迎留言）用的后台数据，没有上传先看效果图.wxml 代码<scroll-view class="container" style="height: 100%;"> <view class="search-header"> ...
2019-07-30 11:48:17
4086
3
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人