自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

liuhao9999的博客

专注原生javascript

  • 博客(185)
  • 资源 (11)
  • 收藏
  • 关注

原创 VR看房是怎么做出来的呀?

上面的动态图是课程的效果,真传一句话,假传万言书,three.js非常简单,只要把课程的例子都搞明白。视频效果展示:VR看房效果展示全景图效果展示代码注释详尽:保证学到真功夫。课程地址:https://edu.csdn.net/course/detail/31463...

2021-01-20 11:37:54 1136 5

原创 模拟手指翻书的效果

<html><head> <meta charset="utf-8"> <style> * { box-sizing: border-box; } </style></head><body style="padding:300px"> <img id="img" src="1.png" style="width:20.

2021-06-18 09:25:32 7 1

原创 翻书的效果

<html><head> <meta charset="utf-8"> <style> * { box-sizing: border-box; } .contain { width: 1000px; height: 800px; perspective: 1000px; .

2021-06-18 09:21:04 3

原创 扑克牌的效果

<head> <title></title> <style> .pai { width: 100px; height: 175px; border: 1px solid black; border-radius: 20px; background-color: white; box-s.

2021-06-18 09:20:11 2

原创 消息提示功能

<!DOCTYPE html><html lang=en style="height:100%"><head> <meta charset="utf-8"> <style> .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animati.

2021-06-15 09:29:39 29

原创 js禁止打开控制台调试代码

function loop() { window.requestAnimationFrame(function() { debugger; loop(); }) } loop()

2021-06-08 09:48:15 179

原创 js操作css3动画 @keyframes

var left = 500; var styleStr = ` .progress { -webkit-animation-name: progress; animation-name: progress; width:200px; height:200px; ..

2021-06-07 08:57:53 146

原创 标题栏title文字滚动(窗口聚焦和失焦)

var blurTimer = ""; var focusTimer = ""; document.title = "萧瑟秋风今又是,换了人间--萧瑟秋风今又是,换了人间--" function blurTitleScroll() { if (blurTimer) { clearInterval(blurTimer) } if (foc...

2021-06-03 15:31:50 132

原创 移动端控制台-方便排查移动端错误

/* *@description:增加移动端测试控制台, 在页面中找到任意输入框, 输入'@111'可以调出移动端控制台, 输入'@222'可以删除移动端控制台 *@author: *@date: 2021-06-03 08:28:01 */ window.vConsol..

2021-06-03 10:08:03 137

原创 移动端-圆形导航

<template> <div> <div class="zy-menu" :style="conStyle" v-if="arr.length != 0"> <div class="zy-menu-center" @click="menuClick">导航</div> <div class="zy-menu-main" :style="menuStyle"> <div ...

2021-05-25 09:31:01 464 43

原创 兼容IE FormData 的polyfill

; (function() { var h; function l(a) { var c = 0; return function() { return c < a.length ? { done: !1, value: a[c++]..

2021-05-19 10:31:10 352 3

原创 iview中常用的工具代码

import Vue from 'vue';const isServer = Vue.prototype.$isServer;// 判断参数是否是其中之一export function oneOf (value, validList) { for (let i = 0; i < validList.length; i++) { if (value === validList[i]) { return true; } } .

2021-05-08 10:55:53 408 4

原创 js获取元素边界

function getScroll(target, top) { const prop = top ? 'pageYOffset' : 'pageXOffset'; const method = top ? 'scrollTop' : 'scrollLeft'; let ret = target[prop]; if (typeof ret !== 'number') { ret = window.docu...

2021-05-08 10:17:16 431 2

原创 popper.js源码中关于位置的方法

function getBoundingClientRect(element) { var rect = element.getBoundingClientRect(); return { width: rect.width, height: rect.height, top: rect.top, right: rect.right, bottom: rect.bottom, left: rect.left, .

2021-05-08 09:41:59 414 1

原创 iview 中 ClickOutside 点击元素外部事件 指令

export default { bind (el, binding, vnode) { function documentHandler (e) { if (el.contains(e.target)) { return false; } if (binding.expression) { binding.value(e); .

2021-05-08 08:31:31 352 1

原创 vue 创建隐式组件 结果提示组件

调用方法:this.$Result.init({ title:"标题", subTitle:"副标题", type:'success', append:"内容补充", btns:[ { name:"确定", ..

2021-05-07 08:49:18 366 1

原创 trend组件 iview

<template><div class="trend"> <span :style="styles">{{str}}</span> <Icon :style="dropdownstyles" v-if="derection=='down'" type="md-arrow-dropdown" /> <Icon :style="dropupstyles" v-if="derection=='up'" type="md-...

2021-05-06 15:26:25 353 1

原创 AvatarList 头像列表组件 iview

<template><div class="avatarList"> <Avatar class="avatar" v-for="item in avatarList" :src="item" :key="item"/> <Avatar style="color: #f56a00;background-color: #fde3cf">+{{avatarList.length}}</Avatar></div>...

2021-05-06 15:03:26 352

原创 vue打印指令插件 可以在页面中任意指定需要打印的元素

https://www.npmjs.com/package/vue-directive-print

2021-04-30 17:19:13 434 1

原创 在线图片转文字、免费图片内文字识别工具

https://www.gaitubao.com/tupian-wenzi/

2021-04-29 17:27:50 400

原创 tree 增删改查拖拽

<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - drag & drop</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="../../../css/demo.css" type="te.

2021-04-29 10:08:22 347 1

原创 iview 常用登陆页面

<template> <div class="login" :style="{ height: height }"> <div class="card" :padding="30"> <img style="width:auto;height:70px;display:block;margin:0 auto" src="./logo1.png" alt="logo"> &.

2021-04-28 10:56:07 366

原创 iview 动态调整 表格密度和 表格列数据表头展示

<template> <div class="workplace"> <div class="search"> <div style="left:0px;top:0px;width:100%;background:white;padding:10px" :style="{position:position,height:height,'z-index':zIndex}"> &lt.

2021-04-28 10:52:55 312 1

原创 iview vue 树形控件 动态添加节点

<template> <div class="tree"> <Tree @on-select-change="onselectchange" ref="tree" :data="data4" show-checkbox></Tree> <Button @click="getData">获取</Button> <Button v-aoth="1-1-2" type="prim.

2021-04-28 10:50:44 374

原创 vue 前端权限设计

数据结构设计页面展示自定义权限指令Vue.directive('aoth', { inserted: function(el, binding, vnode) { const actionName = binding.value + ""; const limits = store.getters.limits; // ["1-1-1", "1-3-1", "2", "2-1", "2-2", "2-3", "2-1-1", "2-1-2", "

2021-04-28 10:49:15 330 3

原创 JS判断是否为数字

function(num) { if (typeof num === 'number') { return num - num === 0; } if (typeof num === 'string' && num.trim() !== '') { return Number.isFinite ? Number.isFinite(+num) : isFinite(+num); } return false;};

2021-04-22 16:45:45 320

原创 vue.config.js基本配置

const path = require('path')const webpack = require('webpack')const createThemeColorReplacerPlugin = require('./config/plugin.config')function resolve (dir) { return path.join(__dirname, dir)}const isProd = process.env.NODE_ENV === 'production'.

2021-04-20 14:39:34 337 1

原创 vue-router路由拦截

import Vue from 'vue'import router from './router'import store from './store'import NProgress from 'nprogress' // progress barimport '@/components/NProgress/nprogress.less' // progress bar custom styleimport { setDocumentTitle, domTitle } from '@/ut.

2021-04-20 14:35:44 340

原创 vue 权限指令 封装

import Vue from 'vue'import store from '@/store'/** * Action 权限指令 * 指令用法: * - 在需要控制 action 级别权限的组件上使用 v-action:[method] , 如下: * <i-button v-action:add >添加用户</a-button> * <a-button v-action:delete>删除用户</a-button> * .

2021-04-20 14:22:51 306

原创 窗口上下滚动处理

export function handleScrollHeader (callback) { let timer = 0 let beforeScrollTop = window.pageYOffset callback = callback || function () {} window.addEventListener( 'scroll', event => { clearTimeout(timer) timer = setTimeo.

2021-04-20 14:19:02 311

原创 判断是否是IE浏览器

export function isIE () { const bw = window.navigator.userAgent const compare = (s) => bw.indexOf(s) >= 0 const ie11 = (() => 'ActiveXObject' in window)() return compare('MSIE') || ie11}

2021-04-20 14:16:56 289

原创 封装axios

import Vue from 'vue'import axios from 'axios'import store from '@/store'import { message, Modal, notification } from 'ant-design-vue' /// es/notificationimport { VueAxios } from './axios'import { ACCESS_TOKEN } from '@/store/mutation-types'// 创建 a.

2021-04-20 14:12:31 326 1

原创 vue 无限滚动加载指令

Vue.directive('scroll', { // 当被绑定的元素插入到 DOM 中时…… bind: function(el, binding, vnode) { el.style.overflow = 'auto' let distance = 10; let _this = this; let busy = el.getAttribute("busy"); let goOn = false; ..

2021-04-07 16:38:13 301

原创 js-类数组转为真正数组

convert(arr) { return Array.prototype.slice.call(arr); },

2021-04-01 09:26:12 308

原创 js-post方式下载文件

/* *@functionName: postDownload *@params: config 对象 {url:请求路径,data:请求参数} *@description:post请求下载文件 *@date: 2020-08-24 13:47:07 */ postDownload(config) { // 创建iframe var iframe = document.createElement("iframe"); iframe.setAtt..

2021-04-01 09:24:37 291

原创 js-日期常用操作

export default { /* *@functionName: tab *@params1: date1 参数说明 *@params2: date2 参数说明 *@description:比较两个日期的大小 计算两个日期的大小 date1大于date2返回-1 *@date: 2020-08-24 13:52:38 */ tab(date1, date2) { var oDate1 = new Date(date1); var oDa.

2021-04-01 09:23:15 310 1

原创 js-判断对象类型

getType(obj) { let type = Object.prototype.toString.call(obj); return type.match(/\[object (\w+)\]/)[1]; },

2021-04-01 09:21:48 277

原创 js-localstorage相关操作

localstorageSet(key, value) { if (typeof value === "object") { localStorage.setItem(key, JSON.stringify(value)); return; } if (typeof value === "string") { localStorage.setItem(key, value); return; } localStora..

2021-04-01 09:20:41 276

原创 js-格式化数字为千位逗号分隔

formatCurrency(num) { if (!num) { return 0 } num = num.toString().replace(/\$|\,/g, ''); if (isNaN(num)) num = "0"; let sign = (num == (num = Math.abs(num))); num = Math.floor(num * 100 + 0.50000000001);.

2021-04-01 09:19:20 297

原创 js-格式化数字为中文大写(元)

convertNumToChineseAmount: function(money) { var cnNums = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖']; var cnIntRadice = ['', '拾', '佰', '仟']; var cnIntUnits = ['', '万', '亿', '兆']; var cnDecUnits = ['角', '分', '毫', '厘..

2021-04-01 09:18:16 301

搜集的大量网页模板非常适合开发中套用

搜集的大量网页模板非常适合开发中套用

2021-05-27

vue搭建的非常好用的网页模板

vue网页模板

2021-05-27

bigScreenCharts.zip

前端大屏图表开发适配案例

2021-05-27

feichangniautojs.apk

这是auto.js apk可以方便手机操作,特别适合上班人的打卡等事项,非常好用,也可以为程序员练手来准备,

2020-11-26

tensorflow前端人工智能.zip

tensorflow前端人工智能.zip

2021-03-17

jqueryslider.zip

jqueryslider.zip

2021-03-03

数据抓包.rar

数据抓包

2020-11-27

visio.zip viso 亲测可用

visio.zip viso 亲测可用

2020-11-27

Notepad++超级记事本

Notepad++超级记事本

2020-11-27

echarts地图各省的json数据.rar

echarts地图各省的json数据.rar

2019-09-26

arcgis_js_v329_sdk.zip

arcgis for javascript sdk 3.29 gis地图的sdk包

2019-09-26

空空如也

空空如也

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

TA关注的人 TA的粉丝

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