原创
代码无边,回头是岸
咱也不知道自己算不算大佬,反正就是啥都会
展开
-
最好用的水印vue指令封装
【代码】最好用的水印vue指令封装。原创 2022-10-11 11:50:08 · 660 阅读 · 1 评论 -
今天解封了,该递交作业了,我做了个智能机器人
首先介绍一下这个库有什么功能它是一个用程序来玩QQ的库,你自己在手机上玩QQ聊天的一些功能它都能轻松胜任。Install:> npm i oicq # or > yarn add oicq复制代码Usage:const { createClient } = require("oicq")const account = 147258369const client = createClient(account)client.on("system.onlin...原创 2022-05-11 15:28:07 · 607 阅读 · 0 评论 -
vue的bus自动销毁的封装
import Vue from 'vue'// 存储所有的事件const EventStore = {}const Index = new Vue()const destoryHandler = function() { // this 为调用此方法的vue组件 const currentEventObj = EventStore[this._uid] if (!currentEventObj) { return } for (const.原创 2022-03-02 16:12:20 · 1310 阅读 · 3 评论 -
统一注册组件
const test = require.context('./models', false, /\.vue$/);var testfile = []test.keys().forEach(key => { var a = { fileName:'', file:'' } const fileName = key.slice(2, -4); const file = test(key).default; a.fileName.原创 2021-12-16 13:46:15 · 847 阅读 · 0 评论 -
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误
问题现象项目使用vue/cli3脚手架搭建的前端项目,vue版本为2.6.10。ie11报错问题如下:(当时的报错没有截图,用的别人的图)像这种根本就没法排查错误,很恼火百度了一堆,全是抄来抄去,关键还没有能解决问题的,艹!万能的谷歌走起其实对于这个问题很明显就是语法错误,就是ie不支持的问题,ie垃圾既然是语法的问题,那就是编译的问题,那么咱们就直接编译对应的包,但是那是哪个包呢重点来了:点开报错信息,会发现断点在的地方就是报错的地方,那肯定就是这里的问题了,...原创 2021-09-08 18:12:14 · 11750 阅读 · 2 评论 -
axios二次封装全局拦截
先看一下目录结构首先要下载axiosnpm i axios -S创建一个api文件夹在api文件夹下面创建一个service.js,名字你们随意,代码如下:import axios from 'axios'import util from "../util/util"import qs from "qs";import axiosConfig from "./axiosConfig";/** * @description 创建请求实例 */function cre.原创 2020-10-24 11:36:28 · 346 阅读 · 0 评论 -
原型链关系图
原创 2020-10-23 13:29:41 · 249 阅读 · 0 评论 -
js实现一键复制功能
原生实现function copy(data){ var oInput = document.createElement("input"); oInput.value = data; document.body.appendChild(oInput); oInput.select(); document.execCommand("Copy"); oInput.className = "oInput"; oInput.style.display .原创 2020-10-20 14:41:53 · 847 阅读 · 1 评论 -
vue cli3.0项目vue.config.js的配置(有注释)
const path = require('path')// 拼接路径function resolve(dir) { return path.join(__dirname, dir)}const CompressionPlugin = require('compression-webpack-plugin')const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPluginmodule.原创 2020-10-20 11:47:15 · 1620 阅读 · 0 评论 -
vue-cli3.0使用引入tailwindcss步骤
第一步 看文档文档地址:https://www.tailwindcss.cn/第二步 安装@vue/clinpm install -g @vue/cli第三步 安装Tailwind CSSnpm install tailwindcss第四步创建Tailwind配置文件npx tailwindinit//或者自己创建js文件也行 tailwind.config.js这里面生成的js是没有配置的,这也是tailwindcss提供的私有化定制样式,如果...原创 2020-10-10 11:15:18 · 6718 阅读 · 5 评论 -
实现选中复制时不触发点击事件
实现原理,获取当前是否有选中内容,如果有就不进行触发函数事件,反之函数如下export function getSelected() { if (window.getSelection) { return window.getSelection().toString(); } else if (document.getSelection) { return document.getSelection().toString(); } else原创 2020-09-29 14:59:15 · 3764 阅读 · 7 评论 -
vue项目中使用@babel/plugin-proposal-optional-chaining的?.语法,防止字段没有报错
第一步:下载@babel/plugin-proposal-optional-chainingnpm install --save-dev @babel/plugin-proposal-optional-chaining或者cnpm install --save-dev @babel/plugin-proposal-optional-chaining第二步:在你的vue项目里的babel.config.js添加如下代码来拓展解析器plugins:[["@babel/plugin-...原创 2020-08-19 17:59:37 · 23632 阅读 · 5 评论 -
vue项目使用预渲染,提高seo优化
这里预渲染使用到的工具是prerender-spa-plugin接下来我们第一步就是安装prerender-spa-pluginnpm i prerender-spa-plugin -S然后就是在你的项目vue.config.js里面进配置相关参数const PrerenderSPAPlugin = require('prerender-spa-plugin');const Renderer = PrerenderSPAPlugin.PuppeteerRenderer;const原创 2020-07-20 17:54:46 · 616 阅读 · 0 评论 -
前端一键启动本地服务,随启随用,方便快捷
第一种就是大家应该都知道的live-server了使用如下:一款npm工具,全局npm i -g live-server后,项目目录使用live-server命令行命令便可直接在浏览器中预览(默认找index.html,其他请自行带上文件名空格后跟在后面),并且自动全局监听实时更新。安装:npm install live-server -g命令行常用配置表然后打开项目直接在命令行里面进行live-server更高阶请看链接https://github.com/tapio原创 2020-07-17 10:54:08 · 457 阅读 · 0 评论 -
原来让网站一键变成全灰色是这么的简单
html{ filter: grayscale(100%); }原创 2020-07-06 17:43:52 · 634 阅读 · 0 评论 -
修改原生的上传文件按钮「input type=“file“ /」
直接贴代码<!-- 上传按钮的div --> <span class="fileinput-button"> <span>点击上传</span> <input type="file" /> </span><!-- 上传按钮的div -->然后直接复制css即可.fileinput-button { position: relative; display: inli原创 2020-07-06 17:33:41 · 566 阅读 · 0 评论 -
Ant Design Vue的a-table怎样在操作里面添加多余的操作按钮
文档是这样的<template> <a-table :columns="columns" :data-source="data"></a-table></template><script>const columns = [ { title: 'Name', dataIndex: 'name', key: 'name', scopedSlots: { customRender: 'name' },原创 2020-07-06 14:27:07 · 5258 阅读 · 0 评论 -
Ant Design Vue 中 DatePicker 日期选择框 placeholder 改成中文设置
关于怎样让日期里面全是中文的操作<a-range-picker @change="onChange" />首先你要引入相关js然后改成中文的操作是在main.js里面这样写import moment from 'moment';import locale from 'ant-design-vue/lib/locale-provider/zh_CN';import 'moment/locale/zh-cn';moment.locale('zh-cn');这样你的日原创 2020-07-06 14:16:01 · 7777 阅读 · 4 评论 -
能用的vue-cli3关闭eslint语法检查
关闭方法,在根目录创建vue.config.js文件然后把下面的代码放进去,重启项目就ok了module.exports = { lintOnSave: false, devServer: { overlay: { warnings: true, errors: true } }}原创 2020-06-09 19:15:45 · 1770 阅读 · 0 评论 -
下载文件功能
npm i file-saver文档地址:https://www.npmjs.com/package/file-saver自己实现代码this.$api .download(item.downloadId) .then(data => { let userAgent = navigator.userAgent; ...原创 2020-03-26 17:55:11 · 171 阅读 · 0 评论 -
使用webpack打包单个js文件
一、基础打包1.1 创建项目目录,使用npm init初始化mkdir webpack-demo && cd webpack-demonpm init初始化完成后,目录下会生成package.json1.2 按照 webpack 4以上还需要安装webpack-clinpm install --save-dev webpack webpack-cl...原创 2020-01-06 18:16:01 · 2954 阅读 · 0 评论 -
echarts中国地图根据数据对省份渲染不同的颜色
完整代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>echarts中国地图</title> <style> .centerItem { width: 856px; ...原创 2020-01-06 18:04:18 · 6212 阅读 · 0 评论 -
我的nuxt服务端渲染历程
关于的vue框架的一个弊端就是不利于seo优化,不利于百度收录,基于这个问题vue官方也是出台了nuxt服务端渲染,上周公司让我用服务端对项目进行重构,事情来得比较突然,没办法只能硬着头皮边踩坑边实现了。现在我就把这一周来拆的坑肯大家说一遍,减少大家的踩坑时间,提高开发效率!万事开头难,先从文档开始说起!https://zh.nuxtjs.org/1、流程图下图阐述了 Nuxt.j...原创 2019-10-18 10:41:08 · 2877 阅读 · 1 评论 -
js的敏感词替换标红和提醒
js的敏感词替换标红和提醒原创 2019-09-07 17:35:34 · 5744 阅读 · 1 评论