自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(37)
  • 资源 (3)
  • 收藏
  • 关注

原创 【vue-pdf】vue项目实现预览PDF文件(前端实现)

【代码】【vue-pdf】vue项目实现预览PDF文件(前端实现)

2023-04-04 21:45:35 789

原创 【Vue-Router】不跳转的情况下为路由(当前页面)添加query参数

【代码】【Vue-Router】不跳转的情况下为路由(当前页面)添加query参数。

2023-04-04 21:15:22 2244

原创 JavaScript实现调用摄像头完成拍照取图 重命名并下载或上传

JavaScript实现 调用摄像头完成拍照取图 重命名并保存到本地或上传到云端。

2022-07-22 15:49:27 918

原创 [axios]执行POST请求传输data无效 Java后端却只接受到URL地址参数的解决方法

近日遇到一个问题,Java后端的项目,再用Vue项目下axios进行post请求时,将参数放在data中传输无效,后端无法正常识别,反倒是直接像`?token=11111`这样的URL地址传参后端才能读取

2022-03-25 21:12:10 3948 1

原创 【uniapp】修复页面page设置高度背景色H5页面正常小程序异常问题

解决uniapp页面page设置高度与背景色H5正常小程序异常的问题1.先上问题H5WeApp可以看到同样的样式情况下,给page设置了高度100%的情况下,H5没有问题,但是小程序失效2.解决方法在style之外新建一个style标签,写入height:100%;<style> page{ height: 100%; }</style>如果对您有用 三连支持 下期再见...

2022-03-08 10:44:43 815

原创 【Node】使用工具导出表格node-xlsx

使用NodeJs与node-xlsx实现excel数据表格导出

2021-12-12 14:49:50 661

原创 uniapp网络异步请求封装

// const baseUrl = 'http://139.198.26.235';import baseUrl from './BaseUrl.js'function request(obj) { let url = baseUrl + obj.url; let method = obj.method || 'GET'; let data = obj.data || {} let success = obj.success || {}; //成功后的回调 // let header =

2021-09-19 18:23:17 373

原创 封装一套好用的http请求方法?逐步解析请求封装[根据Axios]

相信大家在组织大型项目的时候都不会直接去使用原生的请求,哪怕是axios,那样无论修改起来还是使用起来都不够方便在携带token 响应拦截 更换服务器地址等方面,封装请求具有明显优势话不多说 直接开写请求封装逐步分析版// 引入axiosimport axios from 'axios'const service = axios.create({ // 服务器地址 我的配置方式 可以在 .env.development(开发环境) .env.production(生产环境)两个文.

2021-09-09 15:25:54 168

原创 Vue管理系统根据响应数据进行二次登录鉴权(Vue-admin-template)(axios)

Vue管理系统根据请求数据进行二次登录鉴权演示项目:Vue-admin-Template个人理解 如有误多多批评进行一次登录鉴权是查看session或local里的存储数据,查询有没有账号数据,来进行基本的登录操作,防止没有进行登录的情况下直接访问系统主页进行二次登录鉴权的原因是,当现在处于登录状态时,另一用户也登录同账号的话,因为token会改变,服务端会返回没有登录的信息,导致系统无法使用,用户必须手动退出登录;而我们改变逻辑,收到服务端返回未登录逻辑,直接将其退出到登录页面提示请求封装

2021-09-08 20:15:17 636

原创 前端运行效率优化小指南

前端运行效率小指南近日,由于一老掉牙项目需求增多,而老旧的Jquery架构维护性差,结构性不好,遂产生将其Vue化重构的念头,但Vue化重构后的运行效率并不理想,虽然使得更可维护性变得更好,但低下的运行效率也是无法忍受的提示:本项目Vue化并非工程化,而是以引入vuejs文件的方式将其重构,jQuery操作得以保留,降低了重构成本,增加了重构效率,所以工程化(脚手架)项目并不适用于此方法工程化项目的打包工具多数情况下已经能够满足运行效率需求Tips1. 抛弃 Vue.js 使用 Vue.min.

2021-08-13 22:09:27 216

原创 PHP基础部分学习笔记整理[01]

PHP学习笔记1. PHP 基础PHP 语法初步PHP 代码标记PHP 注释PHP 语句分隔符2. PHP 变量PHP 预定义变量PHP 可变变量变量传值3. PHP常量常量定义形式常量使用方式系统常量4. 数据类型类型转换类型判断5. PHP 运算符连接运算符错误抑制符6. PHP 常用系统函数有关输出的函数有关时间的函数7. 文件加载文件加载含义文件加载语法文件加载的四种方式8. 错误处理错误分类常见错误代号错误触发错误显示设置错误日志设置自定义错误处理(重点)9. 字符串详解单引号字符串双引号字符串`

2021-03-31 20:53:30 198

原创 [前端]前端编辑器大推荐 你选什么样的编辑器?

提到前端编辑器,很多人不禁蹦出一句“什么?前端还需要编辑器?那不是有记事本就行吗?”开个玩笑,随着前端模块化、工程化的进程需要,前端编辑器的地位也是显得越来越重要那么究竟应该选择哪一款编辑器作为自己手上的工具呢?罗列本文并未列举全部编辑器,只是将目前主流编辑器做展示WebStormVsCodeHBuilderX(HBuilder)Sublime Text 3WebStorm当之无愧的前端IDE之王,也是一个当之无愧能被称之为IDE的前端编辑器智能程度令人发指,搜索引用、安全.

2021-02-28 21:49:11 808

原创 [JavaScript]JavaScript实战编写URL地址参数解析器[实现思路]

JavaScript实战编写URL地址参数解析器本工具类似NodeJs实现的一些Response对象解析功能,可以将URL地址参数解析成为对象或者JSON字符串进行保存或输出一、功能展示输入URL 按下第一个解析按钮 调试台输出组合好的结果对象输入URL 按下第二个JSON按钮 结果区输出JSON字符串 方便存储二、实现思路为了获取到用户输入的表单数据,以及输出结果,先行获取两个DOM对象,后续作用let p = document.querySelector("#res");le

2021-02-21 23:04:17 270 2

原创 [Laravel]Laravel从零到面向增删改查API工程师(RestFul Style)

[Laravel]Laravel从零到增删改查工程师(restful)准备工作详见我的这篇文章起始,本篇文章便不再讲解创建项目等事宜使用PHP Laravel框架编写restful风格API1. 数据库为student,数据表stu,数据为上2. 修改项目数据库配置打开根目录下的 .env 文件进行数据库配置DB_CONNECTION=mysqlDB_HOST=127.0.0.1DB_PORT=3306 DB_DATABASE=DB_USERNAME=mysql用户名DB_PAS

2021-02-20 23:21:45 305

原创 [Laravel]使用PHP Laravel框架编写restful风格API

使用PHP Laravel框架编写restful风格API准备工作创建laravel项目composer create-project --prefer-dist laravel/laravel myproject数据库准备数据(我的数据在student库的stu表)打开项目,修改项目数据库配置打开根目录下的 .env 文件进行数据库配置项目/.envDB_CONNECTION=mysqlDB_HOST=127.0.0.1DB_PORT=3306 DB_DA

2021-01-31 23:29:57 911

原创 [ECharts] 实现你的第一个可视化图表/常用图表配置

[ECharts] 实现你的第一个可视化图表/常用图表配置ECharts 是一个使用 JavaScript 实现的开源可视化库,涵盖各行业图表,满足各种需求。目录开始第一个ECharts实例多柱状图实例及优化折线图实例通用配置最终案例开始第一个ECharts实例准备好ECharts源码文件,这里我使用 echarts.min.js,可以到官方网站下载,也可以到github下载官方网站GitHub新建一个html文件,准备一个容器,将echarts源码引入其中(一定要为容器设

2021-01-14 20:56:42 556 1

原创 [Vue][transition]Vue中实现类似JQuery中slideUp slideDown的滑动显示隐藏过渡动画效果

Vue过渡实现 类似 jQuery slideUp slideDown显示隐藏效果jQuery流行库的显示隐藏等等过渡动画很美好,但是我们的Vue中并不是很建议使用jQuery,在不使用jQuery的情况下,有什么方法能够实现呢?如何使用 Vue过渡 与 css 实现类似jQuery的slide系列滑动显示隐藏动画?为了确保这是您需要的动画,先上动图和展示大小受限 清晰度不够静态收缩前收缩后使用 <transition> 标签将要执行过渡的DOM包裹起来使用 v-sh

2020-12-21 20:08:40 2865 2

原创 [PHP][Laravel]“Illuminate\Database\Eloquent\MassAssignmentException: Add ** to fillable **“入库报错问题解决

解决Laravel表单入库报错Illuminate\Database\Eloquent\MassAssignmentException: Add [name] to fillable property to allow massassignment on [App\api\User]. in fileC:\xampp\htdocs\laravel\vendor\laravel\framework\src\Illuminate\Database\Eloquent\Model.php on line 33

2020-12-21 19:23:59 2179

原创 [PHP]什么?学前端的你竟然不会写个简单的接口,快来瞅一瞅

[PHP]使用PHP来完成第一个前后端分离接口作为一个合格的前端,不会点后端怎么行?(-_-其实是前端不好独立做项目,简易的后端还是要一学的)目录实现第一个简易接口简易接口还不够,我要同文件多个接口多个接口算什么?我要传参!1. 实现第一个简易接口首先在能够运行php的环境目录下,创建第一个php文件,我们将此命名为 api.php,其代码如下<?phpecho "这是第一个API!"; // echo 之后的内容将会被返回建立html文件,我这里命名为index.

2020-11-07 21:35:50 307

原创 使用 jQuery + Ajax 完成前后端分离渲染页面

使用 jQuery + Ajax 完成前后端分离渲染页面技术点简单的 jQuery Ajax Get方法的使用将对象数组 渲染成 页面的DOM结构流程目前已知,通过 ajax访问接口 将获得如下格式数据此接口由我自己编写在本地运行,如果你没有接口的话,可以考虑学习nodejs来快速获得编写简单接口能力,或者留言告诉我,根据意见我会放出简单的后端代码或者出一篇文章供大家参考首先使用jquery ajax测试一下接口能不能正常访问到数据可以看到 console.log 出

2020-09-14 17:48:19 1843 1

原创 [jQuery] jQuery库学习完整笔记(三)

jQuery 03目录事件注册事件处理事件对象其他方法拷贝对象多库共存插件1. 事件注册单个事件注册element.事件(function() {} )$("div").click(function(){ 事件处理程序 })其他事件和原生基本一致。比如mouseover、mouseout blur focus change keydown resize scroll等2. 事件处理2.1 事件处理 on() 绑定事件on() 方法在匹配元素上绑定一个或多个事件

2020-09-01 20:40:31 206

原创 [jQuery] jQuery库学习完整笔记(二)

jQuery 02导读属性操作 prop attr datajQuery 内容文本值JQuery 元素操作 创建 遍历 添加 删除jQuery 尺寸、位置操作 尺寸 位置5. jQuery 属性操作5.1 设置或获取元素固有属性值 prop()所谓元素固有属性就是元素本身自带的属性,比如 <a> 里面的 href,比如 <input> 元素里面的 type获取语法prop("属性")设置属性语法prop("属性","属性值")案例$("inpu

2020-08-20 20:35:48 106

原创 [jQuery] jQuery库学习完整笔记(一)

jQuery 01导读概念 入口函数 顶级对象选择器 链式编程 样式操作 类操作显示隐藏 滑动 淡入淡出 自定义动画 效果jQuery 概述1.1 JavaScript 库javascript库:即library,是一个封装好的特定的集合(方法和函数),预先封装了很多定义好的函数。常见的js库JqueryPrototypeYUIDojoExtJS库是对原生js的封装,内部都是通过javascript实现的1.2 jquery概念jQuery是一个快速

2020-08-20 20:33:23 176

原创 [JavaScript][ES6] 之 箭头函数 详解

[JavaScript] ES6 之 箭头函数 详解时隔长达一个月,我又回来了,我胡汉三又回来了。见多了土木工程施工员提桶跑路去当程序员的,可曾见过程序员提桶跑路下工地。。。。废话不多说,切入正题ES6 箭头函数 () => {}箭头函数,即一个不用写function的,优雅的,简洁的······函数语法// 无参() => { }// 有参参数1 => { }// 多参(参数1,参数2) => { }// 直接返回值(a,b) =>

2020-07-20 21:22:38 179

原创 [NodeJs]如何用NodeJs查查谁没交作业

[NodeJs]查查谁没交作业?看看这里就够了网课大背景之下,很多作业都需要通过电子版交上,但有些时候,明明知道份数不对,却还要一份份去核查到底是谁没有交,十分繁琐;为什么不能运用一下NodeJs,来做一个查阅的小工具呢?废话不多说,进入正题适用范围电子版文件统一格式(姓名类的也要统一)将所有作业文件放在同一个文件夹之下目录设置适用范围正文试用代码全览正文因为基于nodejs,所以需要安装node运行环境。(如果您还没有安装,点击这里去Nodejs中文网)

2020-06-25 20:02:01 1034

原创 [NodeJs]拿不到mysql查询返回的数据?你可能还没试过这招

[NodeJs]拿不到mysql查询返回的数据?你可能还没试过这招解决 nodejs分离mysql模块后,能在模块内console.log出数据,主模块却拿不到的问题导读缘由解决方案缘由曾经在刚刚初学nodejs的时候,就想要把nodejs和mysql链接起来;于是便在网络上简单学习了nodejs链接mysql的教程,但当时所有代码都挤在一个 app.js 里面,但当我去将mysql的模块专门从app.js中抽离的时候,问题发生了。(今天拿一个简单的小项目来举例)这样的写法,虽

2020-06-12 13:50:19 3684 3

原创 [Deno] Deno 从 啥也没有 到 实现第一个API接口

[Deno] Deno 从啥也没有到实现第一个API接口一些废话Deno 1.0 的发布已经有了约一个月的时间,短时间内也惹来了相当大的争议,当然也早已经有不少目光看准了这个新平台。它具体能不能代替NodeJs,我觉得短期内还不能;NodeJs十余年的发展已经使得它有了比较庞大的生态,市场也愈发的接近成熟,而Deno的出现,很显然在这个后端语言百花齐放的时代并不是显得那么有竞争力。据悉 Deno 的特性使用 Ts 或 Js去中心化Packages (没有package.json)安全控制(权

2020-06-09 19:09:15 509

原创 [React] React实现简单的 输入框与state 的单向数据绑定

React 实现简单的 输入框与state 的单向数据绑定目录流程解析代码概览流程解析0. 创建一个React项目如果这一步不会的话,可以参考我的前两篇博客[webpack]搭建一个基本的webpack4.x项目(保姆级教程)[React][2020] webpack 4.x 项目中配置解析 jsx 语法的babel-loader全流程首先我们创建一个React组件,并将其渲染到页面上创建 state ,并在其中将 状态变量 声明好class InputData extends

2020-05-23 00:18:46 1164

原创 [webpack]搭建一个基本的webpack4.x项目(保姆级教程)

[webpack]搭建一个基本的webpack4项目(保姆级教程)目录创建项目目录,初始化项目创建目录 创建文件安装 webpack 和 webpack 脚手架 包创建 webpack 配置文件安装 webpack-dev-server在 package.json 中配置 scripts安装 html-webpack-plugin 实现自动打开 index.html配置 web...

2020-05-05 22:34:15 619 1

原创 [React][2020] webpack 4.x 项目中配置解析 jsx 语法的babel-loader全流程

[React][2020] webpack 4.x 项目中配置解析 jsx 语法的babel-loader全流程目录安装babel插件安装babel用于解析jsx语法的包配置 webpack.config.js配置 .babelrc 文件正文提示: 本文使用的babel及相关插件皆为最新版本,如果需要老版本切勿参考本文版本信息"babel-loader": "^8.1.0...

2020-05-05 21:24:07 2899 2

原创 [css]使用css实现鼠标悬停放大 鼠标离开缩小的缩放过渡效果图片(带文字)

[css]使用css实现鼠标悬停放大 鼠标离开缩小的缩放过渡效果图片(带文字)缩放过渡效果目录思路分析代码展示思路分析进行页面布局,需要一个 父容器(不一定要figure 几乎可以是任意块级元素) 与 img标签 长宽一致<figure> <img src="photo.jpg" alt=""> <p>这是一张图片</p&gt...

2020-04-23 20:23:54 9422 3

原创 [Vue]如何实现一个简单的表格数据筛选查找 (根据ElementUI表格展示)(数组筛选)

[Vue]如何实现一个简单的表格数据筛选查找 (根据ElementUI表格展示)(数组筛选)能够解决的问题在一个完整的数据数据渲染的 elementui 表格组件中,筛选输出数据目录布局代码 样式代码 vue代码布局展示功能实现逻辑解析布局代码<template> <div id="app"> <el-container>...

2020-04-09 23:25:12 14824 10

原创 [vue-cli]如何进入vue-cli图形化可视化管理(输入 vue ui 后没有响应的解决方案)

[vue-cli]如何进入vue-cli图形化可视化管理(输入 vue ui 后没有响应的解决方案)导读如何进入Vue脚手架(vue-cli)图形化管理界面?输入 vue ui 后没有响应怎么解决?为什么使用 npm 重新安装 vue-cli 后,版本依然没有超过3.0?1.如何进入 vue-cli 图形化管理界面在全局安装 vue-cli 版本大于3.0的状态下,在终端中输入v...

2020-04-04 19:37:10 5147 6

原创 Vue Element UI 表格组件 利用插槽实现按下按钮后获得本行数据(内容)

Vue Element UI 表格组件 利用插槽实现按下按钮后获得本行数据(内容)能够解决的问题需要在表格中添加一个类似修改或编辑的按钮,按下按钮,弹出的窗口需要本行的渲染数据需要向服务端提交一串含有 本行内容文本 的操作效果代码总览<template> <div id="app"> <el-table :data="stu...

2020-03-23 20:22:02 2346

原创 如何给Vue v-for循环渲染出的元素(导航栏) 批量添加点击事件 及 点击后添加css类样式 及 点击后路由跳转切换

如何给Vue v-for循环渲染出的元素 批量添加点击事件 及 点击后添加css类样式 及 点击后路由跳转切换能够实现或解决的问题给Vue v-for循环出的元素批量添加点击事件,并以自己在数组中的下标为参数给Vue v-for循环出的元素批量添加点击后激活的css类(三元运算符方式),且在点击其他同列元素的时候自动取消该类给Vue v-for循环出的元素添加 切换路由 的事件正文...

2020-03-17 20:31:06 7039 8

原创 [webpack]webpack打包文件出现 ERROR in multi ./src/main.js ./dist/bundle.js 错误的解决

[webpack]webpack打包文件出现 ERROR in multi ./src/main.js ./dist/bundle.js 错误的解决错误问题某日,正兴致勃勃地跟着webpack视频进行打包操作的时候,视频上的操作成功了,而我却报了错误: ERROR in multi ./src/main.js ./dist/bundle.js Module not found: Error...

2020-03-09 20:32:37 1008 1

原创 [css+原生js]使用css3+原生js实现简单的仿哔哩哔哩弹幕按钮过渡效果

[css+原生js]使用css3+原生js实现简单的弹幕按钮过渡效果导读使用技术 : HTML CSS3 JavaScript基础测试环境 : Mac os Catalina 10.15.2测试浏览器 : Safari GoogleChrome Firefox编辑工具 : HBuiler X正文疫情当前,闲的无事可做,一日在哔哩哔哩网站学习时(众所周知哔哩哔哩是一个学习平台),突...

2020-03-04 13:48:36 994 1

北京现代领动16-18款车机系统升级程序20180314

北京现代领动16-18款车机系统升级程序20180314 ADc PIO 升级程序(时钟改善)20180314领动

2020-12-24

oCam495.0.zip

ocam屏幕录像工具是一款好用的屏幕录像软件!ocam屏幕录像工具的功能十分强大,不仅仅能进行屏幕的录制,还能够进行屏幕的截图。在使用ocam屏幕录像工具的时候,你可以选择全屏模式截图也可以选择自定义区域截图

2020-05-05

chrome Momentum 谷歌浏览器新标签页美化插件

Momentum是一款可以将chrome浏览器默认的新标签页替换成有显示时间、天气、美丽背景及待办事项提醒的多功能页面的谷歌浏览器插件

2020-05-05

空空如也

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

TA关注的人

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