前端工具代码
关注
分享
扫一扫
文章平均质量分 64
直接就能使用的代码
南北极之间
专业网页设计与网站建设服务，提供一站式网站搭建解决方案。我们根据客户需求进行定制开发，并确保源码交付，涵盖网站建设、小程序开发、APP开发、系统开发及高端网站定制、毕业设计、业务咨询、技术指导等全方位服务。
如有需求，直接私信留下您的联系方式。谢谢。我的邮箱：[email protected]
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
HTML+CSS+jquery代码实例：水波纹效果与纯HTML CSS和jquery（拿来就能用）
HTML+CSS+jquery代码实例：水波纹效果与纯HTML CSS和jquery（拿来就能用）原创 2022-06-24 18:27:17 · 385 阅读 · 0 评论 -
HTML+CSS登陆界面实例：Instagram 登录页面（一个拿来就能用的炫酷登录页面）
Instagram 登录页面 (codepen.io)https://codepen.io/atulcodex/pen/VoWRVP原创 2022-06-24 18:07:16 · 2759 阅读 · 0 评论 -
HTML+CSS网页制作：一个简易美观的登录页面实例代码
HTML+CSS网页制作：一个简易美观的登录页面实例代码我们可以将以下代码。复制粘贴到菜鸟教程或者其他可以在线运行代码的网站。就可以在线调试预览代码了：菜鸟教程在线编辑器https://www.runoob.com/try/try.php?filename=tryhtml_intro...原创 2022-06-24 17:20:30 · 2962 阅读 · 0 评论 -
声纹可视化工具：wavesurfer.js---在Vue中使用音频声纹可视化插件wavesurfer.js【已封装成组件有完整demo实例附完整代码】
在Vue中完整代码在最后。使用方法：1、第一步：使用以下命令安装wavesurfer.js插件库npm install wavesurfer.js --save2、第二步：在需要使用的页面import导入wavesurfer.js和其中的时间轴timeline插件import WaveSurfer from 'wavesurfer.js'import CursorPlugin from 'wavesurfer.js/dist/plugin/wavesurfer.cursor.原创 2020-12-30 14:54:06 · 13201 阅读 · 9 评论 -
一个后台管理系统的界面样式和前端代码增删查改
如图、代码：原创 2021-06-01 11:49:53 · 2338 阅读 · 0 评论 -
封装axios请求方法2
request.jsimport axios from 'axios'import { Message } from 'element-ui'import store from '@/store'import { getToken } from '@/utils/auth'// create an axios instanceconst service = axios.create({ baseURL: process.env.VUE_APP_BASE_API, // url = bas原创 2020-09-07 17:19:40 · 486 阅读 · 0 评论 -
封装axios请求方法1
import axios from 'axios'import Qs from 'qs'import { Message, Loading } from 'element-ui'// axios.defaults.baseURL = 'http://xx.xxx.xx.xxx:8082/' //服务器域名axios.defaults.baseURL = window.CONFIG.baseUrl;axios.defaults.timeout = '10000' //请求超时时间...原创 2020-09-07 17:10:35 · 328 阅读 · 0 评论 -
阅读全文文字溢出过滤器，超过字数显示省略号。实现展开收起功能
为了实现知乎那种效果：普通的文本溢出隐藏。无法解决问题。参考：https://segmentfault.com/q/1010000023908604// 这个文件用来写全局过滤器// 阅读全文文字溢出过滤器，超过字数显示省略号let ellipsis = (value, len=180) => { if (!value) return '' if (value.length > len) { return value.slice(0, len.原创 2020-09-07 17:04:02 · 876 阅读 · 0 评论 -
分享几个时间戳格式化的工具代码
// JS将时间戳转换成几小时前，几天前export function changeTimestampToHoursAgoAndDaysAgo(dateTimeStamp) { var prev = new Date(dateTimeStamp) var now = new Date; var dvalue = (now - dateTimeStamp) / 1000 | 0; var minute = 60 var day = 60 * 60 * 24 // 不足24小时 .原创 2020-09-07 16:58:25 · 364 阅读 · 0 评论 -
js工具代码封装（超长）3/3
var autoCssTransition = cached(function (name) { return { enterClass: (name + "-enter"), enterToClass: (name + "-enter-to"), enterActiveClass: (name + "-enter-active"), leaveClass: (name + "-l...原创 2020-06-11 18:53:56 · 772 阅读 · 0 评论 -
js工具代码封装（超长）2/3
function Vue (options) { if ("development" !== 'production' && !(this instanceof Vue) ) { warn('Vue is a constructor and should be called with the `new` keyword'); } this._init(options...原创 2020-06-11 18:53:24 · 525 阅读 · 0 评论 -
js工具代码封装（超长）1/3
/*! * Vue.js v2.5.16 * (c) 2014-2018 Evan You * Released under the MIT License. */(function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : typeof define === 'func...原创 2020-06-11 18:52:40 · 490 阅读 · 0 评论 -
JS工具函数大全
JS选取DOM元素的方法注意：原生JS选取DOM元素比使用jQuery类库选取要快很多1、通过ID选取元素document.getElementById('myid');2、通过CLASS选取元素document.getElementsByClassName('myclass')[0];3、通过标签选取元素document.getElementsByTagName('mydiv')[0];4、通过NAME属性选取元素（常用于表单）document.getElementsByName...原创 2020-05-26 08:57:42 · 778 阅读 · 0 评论 -
【前端工具代码】nav5
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>demo</title> <style> body { margin: 0; ...原创 2019-08-02 13:50:48 · 335 阅读 · 0 评论 -
HTML5基础之代码入门--常用导航栏代码【工具代码】nav01
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>demo</title> <style> body { background-color: #2121...原创 2019-07-30 22:58:48 · 2202 阅读 · 0 评论