- 博客(31)
- 资源 (7)
- 收藏
- 关注
RSS订阅
原创 使用 PDF.JS 在线预览 PDF
需要准备的文件（本地文件）pdf.js下载地址 下载文件后，存放在静态文件目录下pdf.vue<template> <div style="width: 100%; height: 100vh; margin: 0 auto"> <iframe :src="pdfsrc" frameborder="0" type="application/pdf" style="width...
2021-02-02 17:44:59
323
原创 在Vue项目中使用smoothscroll-polyfill（页面平滑滚动）插件
smoothscroll-polyfill 是什么？ 它是一款纯JS页面的平滑滚动插件。该插件的特点是页面滚动的行为被作为window对象的扩展，用户可以通过window对象直接调用平滑滚动的方法。官方介绍及DemoGitHub源码地址smoothscroll-polyfill 什么使用？ 1、安装插件npm install smoothscroll-polyfill --save 2、在main.js中全局...
2021-02-02 17:16:54
2720
原创 返回base64码 转pdf 显示
1、注意后端返回的base64是否正确，有没有换行，特殊字符等showpdf(data) { this.$store.commit("SET_PDFDATA", data); this.$router.push({ path: "/pdf" });}pdf.vue<template> <div style="width: 100%; height: 100vh; margin: 0 auto"> <iframe :src="
2020-12-11 17:04:26
453
转载 sql2012下载，安装，激活
链接：https://blog.youkuaiyun.com/zufe_zxh/article/details/72598186
2018-12-07 14:35:26
2381
转载 css 选择器分类 继承、优先级和层叠
继承：即子类元素继承父类的样式优先级：指不同类别样式的权重比较层叠：数量相同时，通过层叠（后者覆盖前者）的样式css选择器 1.标签选择器(如：body,div,p,ul,li) 2.类选择器(如：class="head",class="head_logo") 3.ID选择器(如：id="name",id="name_txt") 4.全局选择器(如：*号) 5.组合选择器(如：.head .head_logo,注意两选择器用空格键分开) 6.后代选择器 (如：...
2021-05-19 11:58:29
355
原创 window onload和$(document).ready()及DOMContentLoaded的区别（DOM加载完毕前后调用）
页面加载过程：域名解析——加载html——加载js和css——加载图片DOM元素加载完成之前调用(function () { // 此方法会在DOM加载完成之前调用})(jQuery)$(document).ready(function() { // DOM元素加载之后做的事情})$(function () { // 此方法为jQuery DOM加载完成触发的事件})原生js，DOM加载完成执行的事件为DOMContentLoaded，不过此方法只能通
2021-05-19 10:16:57
377
原创 视频播放出错等异常 处理方式
<video autoplay loop muted :id="videoItem.fileName" v-on:error="videoLoadError(videoItem)" src="/files/video2.mp4"> </video> videoItem: { status: true,...
2021-05-14 18:48:53
6320
原创 vue 图片base64 显示
<img v-if="companyDescribe.companyLogo" width="85" style="height: 85px; object-fit: contain" :src="'data:image/png;base64,' + companyDescribe.companyLogo" alt /><img v-else width="85" src="../../assets/images/qiye_logo.jpg" alt="" />
2021-05-14 14:21:05
205
原创 vue 父子组件传值的方法
一、父传子1、Prop 向子组件传递数据//子组件Vue.component('Child', { props: ['title'], template: '<h3>{{ title }}</h3>'})//父组件调用<Child title="My journey with Vue"></Child>2、$emit监听子组件事件//子组件<button v-on:click="$emit('enlarge-t.
2021-05-13 15:02:40
238
原创 常见 闭包
<body> <!-- 1.将函数作为另一个函数的返回值 2.将函数作为实参传递给另一个函数调用 --> <script> //1.将函数作为另一个函数的返回值 function fn1(){ var a = 2 function fn2(){ a++; console.log(a) } return fn2 } var f =...
2021-05-13 11:20:32
234
原创 vue 文件上传（二）保存和下载
<el-upload class="upload-demo" :action="importURL" :http-request="handleRequest" accept=".xlsx,.xls" :limit="1" :on-exceed="exceedFile" :file-...
2021-05-13 11:19:42
568
原创 文件上传
<div class="btn-wrap"> <el-upload class="upload-demo" :http-request="handleRequest" accept=".xlsx,.xls" :limit="1" :on-exceed="exceedFile" :file-list="fileList" :show-file-list = 'false'> ...
2021-05-13 11:00:10
121
转载 CDN是什么？与DNS有什么关系？及其原理
1.什么是cdncdn全称是内容分发网络。其目的是让用户能够更快速的得到请求的数据。简单来讲，cdn就是用来加速的，他能让用户就近访问数据，这样就更更快的获取到需要的数据。举个例子，现在服务器在北京，深圳的用户想要获取服务器上的数据就需要跨越一个很远的距离，这显然就比北京的用户访问北京的服务器速度要慢。但是现在我们在深圳建立一个cdn服务器，上面缓存住一些数据，深圳用户访问时先访问这个cdn服务器，如果服务器上有用户请求的数据就可以直接返回，这样速度就大大的提升了。2.dns服务...
2021-05-12 19:54:16
2163
原创 css修改谷歌浏览器和火狐浏览器的滚动条样式
css代码谷歌浏览器滚动条样式：::-webkit-scrollbar { background: #f7f7f9; width: .08rem; /* 纵向滚动条滑块宽度 */ height: .09rem; /* 横向滚动条滑块宽度 */}::-webkit-scrollbar-track-piece { /*滚动条背景颜色*/ background: #f7f7f9;}::-webkit-scrollbar-thumb { /* 滑块 */ border-rad
2021-05-07 09:57:58
224
原创 pdf
前提是先下载并引进需求1.下载： npm install vue-pdf --save-dev2.引进：importpdffrom"vue-pdf";1.预览： // data为后端给的base64格式的pdf import { data } from "../../tempData"; import pdf from 'vue-pdf' // 解决部分文字不显示的问题 import CMapReaderFactory from 'v...
2020-12-11 16:49:39
100
原创 vue 表单验证两次输入的密码是否一致
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="150px"> <el-form-item prop="oldPassword"> <el-input name="password" :type="pwdType" @keyup.enter.native="updatepwFunc" ...
2020-09-17 13:43:07
6584
2
原创 VUE-DEVTOOLS简单安装教程
我是因为从git上下载编译报错，找到这篇文章：https://www.freesion.com/article/8790699848/报错：vue-devtools@5.3.3 build: `cd packages/shell-chrome && cross-env NODE_ENV=production webpack --progress --hi报错原因：不要慌，这是默认分支版本太新，一些功能未同步，我们去github上下载5.1.1版本即可https://gi
2020-09-01 10:03:58
233
原创 cookie网站的自动登录
转载：https://blog.youkuaiyun.com/ymlvtimi/article/details/89354237复制一份，备用当然自动登录的功能设计必须要在浏览器的Cookie中保留账户的登录凭证（token），这个登录凭证是被当作用户登录的登录钥匙。用户在登录时，凭借浏览器发送的token与服务器端保存的token做比较，若2个token一致，则通过验证，若不一致，则验证失败。 token的产生最好具有一定的随机性，可以加入日期，随机数等等，然后通过一些不可逆的算法加密，如：
2020-08-29 08:56:36
178
原创 设置网站图标icon和标题title
HTML设置网站图标和标题<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>这里是title</title> <!--网页标题左侧显示--> <link rel="icon" href="xxx.ico" type="image/x-icon"> .
2020-08-27 18:09:50
938
原创 vue vue-awesome-swiper
引入（前面的步骤和往常一样）npm install vue-awesome-swiper --save 在 main,js 里引入（全局）:import VueAwesomeSwiper from 'vue-awesome-swiper'Vue.use(VueAwesomeSwiper)import 'swiper/dist/css/swiper.css'(css 不显示的问题可能就在...
2020-01-02 15:55:36
127
原创 es6深度学习---接下来会一直更新学习内容（一）
这个总结是我在看老潇（陈潇冰）的 es6 课程做的笔记，怕看了之后忘记，就记录下来了，好记性不如烂笔头，希望能在前端的路上越走越迷茫。一、ECMA介绍、名称、版本ECMA 标准 ：http://www.ecma-international.org/publications/standards/Standard.htmES6 ：2015年6月 ES6.0E...
2019-08-01 09:10:32
159
原创 web css 苹方字体设置
// 苹方-简 常规体font-family: PingFangSC-Regular, sans-serif;// 苹方-简 极细体font-family: PingFangSC-Ultralight, sans-serif;// 苹方-简 细体font-family: PingFangSC-Light, sans-serif;// 苹方-简 纤细体font-family: P...
2019-07-15 13:34:25
3270
原创 vue elementUI tree 设置默认选中 自定义样式
【elementUI tree】：https://element.eleme.cn/#/zh-CN/component/tree<el-tree :data="data" ref="tree" node-key="id" :highlight-current="true" :current-node-key="0" @node-click="getCur...
2019-07-09 09:47:41
10047
4
原创 vue 深度选择器 使样式生效
作用域cssstyle 带有 scoped 属性时， style下的样式仅用于当前组件的元素，通过PostCSS转换 标签会加上类似[data-v-f3f3eg9]混合本地和全局样式<style>/* global styles */</style><style scoped>/* local styles */</sty...
2019-07-08 14:36:11
1027
原创 docker
1.dockerToolBox下载路径1：http://mirrors.aliyun.com/docker-toolbox/windows/docker-toolbox/路径2：https://docs.docker.com/toolbox/toolbox_install_windows/2.认识Docker（1）Docker的前身是名为dotCloud的小公司，主要提供的是基于 ...
2019-07-08 13:49:05
125
原创 vue生命周期
Vue生命周期【vue生命周期】：从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、销毁等一系列过程伴随的事件，这些事件统称为生命周期【vue生命周期钩子函数】：就是Vue对象生命周期的某个阶段执行的已定义的方法 = 生命周期事件的别名，生命周期钩子 = 生命周期函数 = 生命周期事件【vue生命周期函数分类】： -创建...
2019-07-08 13:39:45
245
原创 安装fastadmin
1、环境 git ， node， PHPstudy2、更新 npm运行npm install -g npm后再运行npm install -g vue-cli3、切换php版本，php扩展文件 php_openssl4、配置环境变量5、cmd到PHP安装文件下去安装 composer（Warning: copy(): Unable to find the wrapper "...
2019-03-27 00:14:50
265
转载 rem 响应式页面字体设置
// “()()”表示自执行函数(function (doc, win) { var docEl = doc.documentElement, // 手机旋转事件,大部分手机浏览器都支持 onorientationchange 如果不支持，可以使用原始的 resize resizeEvt = 'orientationchange' in window ? 'orientation...
2018-04-08 14:44:00
483
原创 图片合成，使用canvas，做一个漂亮的二维码分享
timg.jpgmycode.jpg<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{margin: 0;pad
2018-04-08 13:38:03
6234
原创 前端框架链接
layui(前端组件，弹出框)：http://www.layui.com/demo/数据双向绑定表格：https://editor.datatables.net/examples/styling/bootstrap4.html学习canvas：http://www.softwhy.com/daima/canvas_code/index.php?page=1JavaScript组件设计思想：http...
2017-11-07 17:29:15
492
行业数据 农、林、牧、渔业
2020-09-21
js 移动端 城市四级联动
2018-04-10
图片合成，使用canvas，做一个漂亮的二维码分享
2018-04-08
金币开宝箱音效
2018-04-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人