橙之殇-优快云博客

原创 ref 和 reactive 的使用场景和差异

vue3 ref 与 reactive

2024-10-27 19:35:56 568 1

原创通过 Lighthouse 和 speed-measure-webpack 插件分析优化构建速度与体积

lighthouse 、speed-measure-webpack-plugin、webpack-bundle-analyzer、cdn、splitChunks

2024-10-24 17:50:07 1240

原创针对 el-date picker pickerOptions 快捷选项的超级方法

el-date 快捷选项 pickerOptions 配置话

2024-10-23 19:22:11 521

原创从vue2.6.11源码解读vue实例化过程

vue(2.9.6)，源码，文件结构，实例化过程

2022-08-01 19:29:57 1287

转载在谷歌Chrome浏览器中添加vue.js扩展组件

在谷歌Chrome浏览器中添加vue.js扩展组件1.下载插件链接: https://pan.baidu.com/s/1c-ZjWP7eIqLbDzkm-v9yAw?pwd=b9rh 提取码: b9rh2.解压3.进入chrome的更多工具中的扩展程序并拖入解压的文件

2022-05-13 17:55:22 1063

原创 vue2.0支持compiler

You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.

2022-02-15 09:31:27 498

**企业微信第三方应用开发–回调配置**前言：经过一段时间的研究，终于把相关配置成功实现。在这个过程中遇到各种坑，也查阅了不少的博客都未能解决问题，最后研究官方的java事例demo加已实现。下面会将流程和踩过的坑周一阐述，感谢浏览。1.下载官方样例demo1.1入口1.2选择连接下载1.3解压后的demo结构会发现，我们无法直接验证；要对其进行改造2对demo进行改造2.1新建一个spring-boot项目，并将刚刚下载的demo移植过来，项目结构如下：当然，根据个人需要对原有

2021-07-20 17:43:07 3795 5

原创后台管理前端框架-----vue-element-admin

1.采用的是I18n资源链接：https://pan.baidu.com/s/1aCxW381ZfA8lAud9r5knWQ提取码：5tz22.项目精简参考链接4.官方指导地址https://panjiachen.github.io/vue-element-admin-site/guide/3.私密改造（需要可留言）

2020-11-25 11:02:24 289

原创 vue-cli3.0以上build项目打包配置层级

**vue-cli3.0以上build项目打包配置层级**1.新建一个vue.config.js文件，并配置如下：module.exports = { publicPath: './', outputDir: "dist", // 输出文件目录 lintOnSave: false, // eslint 是否在保存时检查 assetsDir: 'static', // 配置js、css静态资源二级目录的位置 }2.结果...

2020-11-18 10:38:04 654

转载常见图片格式及使用场景

常见图片格式及使用场景

2020-09-25 11:38:13 1237 1

原创基于jigsaw的vue项目滑动图片验证

1.jigsaw参考样例2.vue项目（改造基于jigsaw滑动图片验证，因为图片访问过慢，图片保留到本地）1）index.html引入2）链接自己网盘（web/图片滑动验证），需要请留言（仅作部分讨论）

2020-09-23 19:02:04 827

原创 vue项目引入微信sdk

1.npm 安装npm install weixin-js-sdk --save2.man.js 引入，并设置成全局属性import wx from 'weixin-js-sdk'Vue.prototype.$wx = wx

2020-09-23 18:36:32 2024

原创背景色渐变生成网址

css背景色渐变生成网址

2020-09-23 18:27:49 333

转载 js日常参考（常见事项）

js日常参考（常见事项）

2020-09-23 18:21:47 121

转载 js引用类型值赋值后在重新赋值后不影响之前已经赋值的

引用类型赋值后，改变其中一个会影响其他的，如下：var obj1 = { name: 'web' };var obj2 = obj1;obj2.name = 'hello';console.log(obj1); // {name: "hello"}console.log(obj2); // {name: "hello"}解决方案:深拷贝var obj2 = JSON.parse(JSON.strignfy(obj1));参考链接...

2020-09-23 18:20:01 1044

原创 Element ui表格组件+sortablejs实现行列拖拽排序使用样例demo

Element ui表格组件+sortablejs实现行列拖拽排序使用样例demo1.npm引入sortablejsnpm install sortablejs --save2.demo<template> <div class="home"> <div> <h1>Element ui表格组件+sortablejs实现行列拖拽排序使用样例demo</h1> <el-table st

2020-09-23 18:13:33 1388

原创 vue 项目生成二维码

1 下载安装npm install qrcodejs22 将qrcodejs2依赖注册import QRCode from 'qrcodejs2'3 使用html:<el-dialog class="dialogStyle payDialogStyle" v-dialogDrag title="扫码支付" :visible.sync="dialogVisiblePay" :before-close="closeDialogPay" center width="400px">

2020-08-21 15:00:47 269

转载 Web开发====W3C标准

Web开发====W3C标准一目的让页面、程序能够支持所有的浏览器、能够满足尽可能多的用户。要满足所有的客户，即使做不到，也要满足我们技术范围之内的所有用户。二标准规范1.页面头声明（DOCTYPE）DOCTYPE是document type(文档类型)的简写，用来说明你用的XHTML或者HTML是什么版本。其中的DTD(例如xhtml1-transitional.dtd)叫文档类型定义，里面包含了文档的规则，浏览器就根据你定义的DTD来解释你页面的标识，并展现出来。要建立符合标准的网页，DO

2020-08-21 11:16:53 220

原创 web 安全====禁止修改localStorage

解决方案：给window添加监听事件（监听storage）window.addEventListener('storage', (e) => {console.log('e:', e) localStorage.setItem(e.key, e.oldValue) //重新赋值修改前的值})

2020-08-21 10:39:16 835

原创 git 初次提交403报错

解决：先克隆仓库：2）git status查看3）若还是403，则查看git文件夹里的config配置里url是否缺少用户信息

2020-08-12 11:46:57 240

原创 Vue 导航切换页面过渡

1.代码<template> <div id="app"> <Header v-if="this.$route.path!=='/'"></Header> <transition name="fade-transform" mode="out-in"> <router-view></router-view> </transition> </div>&lt

2020-08-03 15:09:15 347

原创 vue+elementUI实现（带复制的）IP组件开发

1.组件文件 ipInput.vue代码：<template> <div class="ipDiv"> <el-input ref=

2020-08-03 14:22:07 2191 4

转载 vue之router钩子函数

vue之router钩子函数

2020-07-31 18:14:36 132

原创 vue全（不）选的实现------批量操作和单个操作

vue全（不）选的实现------批量操作和单个操作<template> <div class="severContent"> <table class="table text-center"> <thead> <tr> <th style="width:5%;"> <input class="itemCheckboxInput" type=

2020-07-29 14:14:24 633

原创 axios封装（通用）

axios封装封装目的：避免重复设置超时时间，请求头，错误处理；提高代码质量主要文件目录：post/index.js/* * @Descripttion: axios 封装 * @version: 1.0.0 * @Author: hanjg * @Date: 2020-07-24 10:23:06 * @LastEditors: hanjg * @LastEditTime: 2020-07-27 17:04:07 */import axios from 'axios'impo

2020-07-28 10:08:29 8457

转载前端清理浏览器缓存

前端清理浏览器缓存转载地址：前端清理浏览器缓存

2020-07-23 17:10:43 944

原创 vscode 搭建Vue项目及引入elementUI

vscode 搭建Vue项目及引入elementUI1.全局安装vue-cli(快速构建Vue项目)命令：npm install -g vue-cli2.安装webpack（打包）命令：npm install -g webpack3.创建文件夹存放项目命令：vue init webpack myVueProject（文件夹的名字）4.注意继3之后会出现一些配置根据提示和自己的需要来进行相关配置5.引入elementUI命令：npm i element-ui -S安装好了之后，在man.

2020-07-23 11:28:56 3224

原创 elementUI(或div)模态框动态刷新和刷新一次

elementUI（或div）模态框动态刷新和刷新一次1）刷新一次（再打开模态框的函数中写一行代码）dialogthis.refreshTime = new Date().getTime()div2）动态刷新dialogdiv原理同上

2020-07-11 16:02:02 1433

原创 elementUI----导航栏（NavMenu）选中样式不发生变化

elementUI----导航栏（NavMenu）选中样式不发生变化解决办法发：1）所有的index属性不能缺少2)所有的index的值是字符串型，也就是说结合Vue的for使用的话要index.toString()或者(index+1).toString()

2020-06-27 21:00:13 2390

转载（史上最全）Web前端面试试题大全及答案汇总（之篇二JavaScript基础笔试面试题）

（史上最全）Web前端面试试题大全及答案汇总（之篇二JavaScript基础笔试面试题）https://blog.youkuaiyun.com/qq_36595013/article/details/82428441

2019-12-18 14:36:24 259

Java学习部分代码

空空如也