前端 指示indicate swiper
vconsole 前端调试神器，h5页面调试工具
npm install vconsole 在需要的页面引入 ，并初始化 <script> import Vconsole from 'vconsole'; export default { created() { let vConsole = new Vconsole(); } } </script ......
前端讲义10_HTTP Request header
前端讲义10_HTTP Request header 把Request header 进行分类，比较清晰记忆。 监控打开 URL https://blog.csdn.net/msh2016 Cache 头域 If-Modified-Since 作用： 把浏览器端缓存页面的最后修改时间发送到服务器去， ......
前端网页sessionStorage对值的获取与传值
前端网页sessionStorage对值的获取与传值 sessionStorage主要在页面之间进行值得传输·允许跨页面。可以是单个值，以及JSON对象的传递，主要方法有这些sessionStorage[key]=val//保存一个数据sessionStorage.setItem(key,val)/ ......
前端大文件上传方法
最近遇见一个需要上传百兆大文件的需求，调研了七牛和腾讯云的切片分段上传功能，因此在此整理前端大文件上传相关功能的实现。 在某些业务中，大文件上传是一个比较重要的交互场景，如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大，或者网络条件不好时，上传的时间会比较长（要传输更多的报文 ......
vue前端项目配置，让他人可以访问前端本地启动的项目地址
vue.config.js文件配置 devServer: { host: '0.0.0.0', //运行dev服务器时绑定的IP地址,默认为localhost //配置开发服务器的外网地址 //本机IP地址通过ipconfig查看，要保证自己和访问者在同一个局域网内，比如同连一个VPN的局域网，或者 ......
前端面试八股文 JavaScript
前端面试八股文 JavaScript 谈谈对原型链的理解 在JavaScript中，每个对象都有一个原型对象proto，指向其构造函数的原型对象prototype。 当我们创建一个新的实例对象时，这个对象会从其构造函数的原型对象prototype中继承属性和方法。如果实例对象自身没有某个属性或方法， ......
前端面试八股文 Vue
前端面试八股文 Vue 讲一下Vue框架的原理？ 我们使用Vue开发应用，实际上是编写若干Vue组件，实现模板、data、生命周期钩子等，然后执行new Vue()，将根组件挂载到指定的DOM节点上面，当我们编写的组件中生命周期钩子里面的或者在模板的元素事件中改变数据时候，视图会响应地更新。这样就实 ......
前端面试八股文 工程化+性能优化+计算机基础
前端面试八股文 工程化+性能优化+计算机基础 前端页面性能如何优化？ 以下是一些前端性能优化的常用方法： 减少资源加载时间：这可以通过多种方式实现，比如压缩和合并CSS和JavaScript文件，使用CDN（内容分发网络）来快速传输资源，以及使用浏览器缓存来避免重复下载。 优化图片：图片通常是网页中 ......
我在前端写Java SpringBoot项目
本篇文章主要是使用 NestJs + Sequelize + MySQL 完成基础运行， 带大家了解 Node 服务端的基础搭建，也可以顺便看看 Java SpringBoot 项目的基础结构，它俩真的非常相似，不信你去问服务端开发同学。 ......
vue前端有数据，但是eharts图标不显示的问题（待解决）
问题描述 vue前端能够获取到array数据，模式如图： echarts图表不能显示数据； 问题解决 还没解决~ ......
luffy前端配置、跨域问题、后端数据库迁移、后台主页功能、轮播图表、后台管理
luffy前端配置 再在vue中使用时，就不需要导入，直接使用this.$，，，就可以了 1、跟后端交互：axios cnpm install -S axios 以后想发送ajax请求，必须导入，使用 可以把axios放到vue实例中，以后任意组件中 this.$axios.get() main.j ......
luffy前端配置、跨域问题、后端数据库迁移、后台主页功能、后台管理
luffy前端配置 # 1 跟后端交互：axios cnpm install -S axios 以后想发送ajax请求，必须导入，使用 可以把axios放到vue实例中，以后任意组件中 this.$axios.get() main.js中加入 import axios from 'axios' Vu ......
记录--前端换肤方案 - element+less无感换肤（无需页面刷新）
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前端换肤方案 - element+less无感换肤（无需页面刷新） 前言 前不久在改造一个迭代了一年多的项目时，增加了一个换肤功能。通过自己的探索，总结出了一套比较合适的改造方案供大家参考，如有更好的方案欢迎评论区踊跃评论😄 先上效果： ......
AP360X 多功能移动照明 拍拍 小夜灯 LED照明 手电筒指示灯 驱动IC
概述 AP360X 系列产品是一款多种模式可选 的单芯片 LED 手电筒控制芯片，集成了锂电 池充电管理模块、手电筒功能控制模块和保 护模块，关机待机电流仅 5uA。 AP360X 充电电流有 0.5A 和 1A 两个版 本，手电筒最大输出电流为 1.8A，也可以通 过外扩 PMOS 管实现大于 1 ......
后端结合前端 模板渲染 显示列表
最终效果 背景知识 将HTML文件放在"templates"文件夹中可以确保Flask能够自动找到和加载它们，我没建这个文件夹所以报错了，图中是查了资料改正后的 工程结构 python文件需要放到工程的子目录 html代码 <!DOCTYPE html> <html lang="en"> <head ......
9.前端初步设计
空了挺长时间没写了。一些琐事耽误，然后另一方面就是在写前端。因为我不是学前端出身，所以前端相对比较弱，一下子我也搞的不是很全面，最主要的是没法讲的很细致，前端这东西吧，都说简单，但是想做的很好看那还是需要一些深入学习的。上一篇的文章是邮箱发送，意在做注册的时候发送验证码。现在页面基本完成了，毕竟登录 ......
【前端开发】前端开发者谷歌浏览器操作技巧
谷歌浏览器技巧 $_ 上次执行结果 opt键 + click 展开最外层元素 ctr+ shift + p 执行Command命令输入Capture full size screenshot 按下回车 截图全屏网页 ......
前端处理分页
html页面结构 <div class="pagingInfo"> <span class="page pre">上一页</span> <span class="num"><em class="curPage">1</em>/<em class="totalPage">5</em></span> < ......
WebForm后端调用前端JS
/*注意：定义的js方法一定要放在head里面，不能放下面，否则不生效*/ <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebFormBackEndCallFrontJsD ......
前端判断视频格式（H264、H265，解决谷歌chrome浏览器无法播放mp4问题）
chrome浏览器对某些mp4文件不支持，播放时只有声音没有画面。 这种情况一般是因为视频文件为H265编码，而chrome浏览器只支持H264编码的文件（谷歌没买H265的使用专利）。 解决方法一： 使用软件（格式工厂或命令行库ffmpeg）对文件进行转换，将H265转换成H264。 格式工厂： ......
php 接口与前端数据交互实现
最近在做前后端数据交互的尝试，也跳了很多坑，使用的是php+bootstrap-table+js，把一些收获记录在这里，方便查询。 这个小项目，仅有3个文件，分别为： crud.html data.php crud.sql 数据交互实现1：查询 mysql 数据库建表 php查询接口 前端数据展现 ......
vue前端接收数组；
后端 $this->assign('info',$expert); 如果是数组/对象，需要在接收页面这样写： 在data内变量赋值： info： <?php echo json_encode($info);?> 另外有其他写法： $this->assign('info',1); 如果是单个值： 在d ......
AP2400 LED电源驱动 降压恒流IC 机场灯 指示灯 交通照明灯
产品描述 AP2400 是一款 PWM 工作模式,高效率、外围简单、外驱功率管，适用于 5-100V输入的高精度降压 LED 恒流驱动芯片。外驱 MOS，最大输出电流可达 6A。AP2400 可实现三段功能切换，通过MODE1/2/3 切换三种功能模式：全亮，半亮，爆闪，全亮/半亮/爆闪循环模式。A ......
微前端：乾坤 VS 无界
共同点： 当路由切换的时候，可以去加载对应应用的代码，让其跑在容器里。 具备加载和卸载子应用的能力，页面从一个子应用切换到另一个子应用时，能正常进行加载和渲染； 具有路由状态保持能力，激活子应用后，浏览器刷新、前进、后退子应用的路由都可以正常工作； 主应用和子应用、子应用和子应用之间可以相互进行通信 ......
第七章、web前端架构师
目录十四、服务端技术选型-磨刀不误砍柴工1、导学2、nodejs框架选型3、介绍koa2和express4、egg.js5、nest.js6、数据库7、复习数据结构设计8、Mysql和Sequelize9、Mongodb10、date和时区11、Mysql和Mongodb的区别12、介绍Redis1 ......
前端实现文件的断点续传 大文件上传
整体思路： 前端 前端大文件上传网上的大部分文章已经给出了解决方案，核心是利用 Blob.prototype.slice 方法，和数组的 slice 方法相似，调用的 slice 方法可以返回 原文件的某个切片 这样我们就可以根据预先设置好的切片最大数量将文件切分为一个个切片，然后借助 http 的 ......
Swiper横向循环焦点图片展示
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Swiper的切换</title> <link rel="stylesheet" href="css/swiper.min.css"> <link rel="s ......
前端项目异常监控-全局捕获Promise错误
1.核心 全局监听unhandledrejection，该事件为Promise被reject时但没有reject处理器时（没有被catch处理），则触发该事件。（ async 函数内部的异步任务一旦出现错误，那么就等同于 async 函数返回的 Promise 对象被 reject。） 2.编写辅助 ......
前端canvas实现签名功能，可以横屏/竖屏签名
页面展示效果，点保存后生成图片链接 图片链接展示效果 这里只展示了竖屏签名效果，横屏自己粘贴代码测试 css .box {width: 98%;display: flex;flex-direction: column;margin: auto;} .canvasbox {width: 100%;bo ......