前端专题
2019年长沙前端技术分享大会圆满成功
做一个积极的人 编码、改bug、提升自己 我有一个乐园，面向编程，春暖花开！ 本文首发: 唐胡子俱乐部，授权发布！ 摘要 长沙百名互联网前端程序员齐聚长沙互联网活动基地（唐胡子俱乐部）。 主办单位：唐胡子俱乐部 支持单位：芒果TV，拓维，湘邮，58到家，御泥坊，兴盛优选，中软国际，长海科技，长沙联通 时 间：2019年5月19日 ----------------------
前端JS必用工具【js-tool-big-box】学习，检测当前是否为手机端浏览器，检测某元素是否处于当前可视范围内
这一小节，js-tool-big-box工具库又迎来了两个非常实用功能成员，分别是检测当前浏览器是否为手机端浏览器，还有检测某元素当前是否处于可视范围内。 1 安装引入 通过npm安装，执行以下命令 npm i js-tool-big-box 这两个功能，工具库提供了一个叫browserBox的对象，所以代码中需要引入这个对象 import { browserBox } from
同一个局域网前端访问不了我的接口
之前联调接口，跟前端都是用的公司有线网，没有出啥幺蛾子。 这次这个同事用的MAC，要连无线网，然后接口就怎么都不通了。 查了网上的解决方案，归纳一下。 （1）开放本机的接口访问。 防火墙→高级设置 入站规则→新建规则 选择端口，下一步 TCP，端口号写8080（自己要开放的端口），下一步 允许连接，接下来都是下一步就行了。 把出站规则也按相同的方法配置一下。
php 解决前端跨域访问
<?php //解决前端跨域访问 header("access-control-allow-headers: Accept,Authorization,Cache-Control,Content-Type,DNT,If-Modified-Since,Keep-Alive,Origin,User-Agent,X-Mx-ReqToken,X-Requested-With"); header("acce
前端性能监控：从Lighthouse到Real User Monitoring
前端性能监控是确保Web应用程序提供良好用户体验的关键组成部分。Lighthouse 和 Real User Monitoring (RUM) 是两种不同的工具和技术，它们关注的焦点不同，但都对优化前端性能至关重要。 2500G计算机入门到高级架构师开发资料超级大礼包免费送！ Lighthouse Lighthouse 是一个自动化工具，主要用于离线评估网页性能和质量。它通过模拟真实用户的行
【前端】利用canvas实现图片压缩（附demo源码）
简言 记录下使用canvas来压缩图片的实现方式。 图片压缩 有的时候会遇到图片压缩的场景，我们可以使用canvas重新绘制图片，然后利用canvas的toDataURL()API导出base64数据实现图片压缩。 canvas图片压缩原理： canvas重新绘制图片可以控制绘制图片的大小，进而改变绘制图片的像素数据。canvas的toDataURL()API可以控制导出图片质量，改变图片
easyui组件中文乱码、easyui-lang-zh_CN.js乱码、前端页面框架乱码
easyui组件乱码easyui-lang-zh_CN.js乱码前端页面框架乱码 又是一个乱码问题，easyui框架的下一页、上一页、确定、取消等等这种组件中的中文乱码，开始完全无头绪，因为Tomcat、MySQL、过滤器、JSP页面编码都设置成UTF-8的，上次我解决过一次类似的乱码问题，也写了CSDN博客，那个总结了一下乱码处理问题，所以这次我首先采取下列措施： 一·、 将easyui-l
前端并发请求的优化处理
优化处理：图片或文件批量下载 import axios from 'axios'export const handQueue = (reqs // 请求总数) => {reqs = reqs || []const requestQueue = (concurrency) => {concurrency = concurrency || 6 // 最大并发数const queue = [] /
workerman 实现推送实时数据到前端
首先要说明一下，实时推送是有两个socket服务端和两个socket的客户端 我们分别起名叫做 外层服务端 （开启服务主进程 创建一个 websoket 连接）ws:// 内层服务端 （在开户主进程的时候，内部又创建的一个 socket）text:// 外层客户端 (这是由前端的用户端 使用js 创建的一个 websocket 客户端) 内层客户端 （这是php 使用 stream_socket_
web前端框架设计第十课-自定义指令
web前端框架设计第十课-自定义指令 一.预习笔记 1.注册全局指令（先注册在使用） 2.注册局部指令（要找标签有的属性） 3.钩子函数 4.binding对象参数 二.课堂笔记 三.课后回顾 –行动是治愈恐惧的良药，犹豫拖延将不断滋养恐惧
PHP定时更新数据库，定时器，定时任务详细讲解（通过前端触发）
前端代码：index.html <script src=" http://libs.baidu.com/jquery/1.11.1/jquery.min.js" type="text/javascript"></script> <script> setInterval("wlphp()",1000); //每隔一秒去post给服务端 function wlphp(){ $.post("cor
【前端】CSS基础（4）
文章目录 前言1、CSS常用属性1.1 文本属性1.1.1 文本对齐1.1.2 文本装饰1.1.3 文本缩进1.1.5 行高 前言 这篇博客仅仅是对CSS的基本结构进行了一些说明，关于CSS的更多讲解以及HTML、Javascript部分的讲解可以关注一下下面的专栏，会持续更新的。 链接： Web前端学习专栏 下面我对这个专栏的内容进行几点说明： 适合每一个前端0基础的小
前端jquery解决安卓手机端底部菜单栏被输入法顶上去的方案
var oHeight = $(document).height(); //屏幕当前的高度 $(window).resize(function(){ if($(document).height() < oHeight){ $(".footer").attr("hidden","hidden"); }else{
前端面试题日常练-day13 【面试题】
题目 希望这些选择题能够帮助您进行前端面试的准备，答案在文末。 1. 下面哪个方法可以用于获取数组的长度？ a) lengthOf()b) sizeOf()c) count()d) length() 2. JavaScript中的NaN表示什么意思？ a) 未定义b) 无效数字c) 零d) 负无穷大 3. 使用哪个关键字可以创建JavaScript对象？ a) objec
aigc在前端中的应用-CodeGeex
前言：目前市场上优秀的智能编程助手有很多，其中以GitHub Copilot，Tabnine为最，但是目前这两款优质的智能编程助手都是需要付费的。如果不选择花费的话，在这里我们向小伙伴推荐免费的智能编程助手codegeex，性价比也是相对不错的。 CodeGeeX是一款基于大模型的智能编程助手，它可以实现代码的生成与补全，自动为代码添加注释，不同编程语言的代码间实现互译，针对技术和代码问题的
与禹老师学前端vue3学习汇总
24.5.15： 创建Vue3工程 1.确定自己电脑有没有nodejs环境，在cmd中输入node，如果出现Node.js的版本号说明已经有这个环境了，否则搜索Node.js安装 2.先在D盘创建一个文件夹Vue3_Study，然后在这个空文件夹中右键选择终端打开。 3.输入npm create vue@latest 4.输入项目名称 hello_vue3,然后下面的选项除了第一个选
【前端每日基础】day20 link与@import
< link>标签和@import指令都是用于在CSS文件中引入外部样式表，但它们之间有一些重要的区别。 引入方式： < link>标签是HTML标签，用于在HTML文件中引入外部资源，例如CSS文件、favicon、关联文件等。它在HTML的< head>部分中使用，并且可以同时引入多个外部资源。 <link rel="stylesheet" type="text/css" href="s
【前端】CSS基础（3）
文章目录 前言1. CSS常用元素属性1.1 字体属性1.1.1 字体1.1.2 字体大小1.1.3 字体颜色1.1.4 字体粗细1.1.5 文字样式 前言 这篇博客仅仅是对CSS的基本结构进行了一些说明，关于CSS的更多讲解以及HTML、Javascript部分的讲解可以关注一下下面的专栏，会持续更新的。 链接： Web前端学习专栏 下面我对这个专栏的内容进行几点说明：
C#后台拼接复杂json,并返回前端。
废话不多说，直接上代码 C#code if (requestType == "请求的条件"){MySqlDataReader reader = MysqlHelper.ExecuteReader(" SELECT* FROM table where 条件='条件'");//数据库查询语句在这里char[] specialChars = new char[] { ',' };//拼接j
layui+java前端传json后端接收
项目场景： layui前端使用复选框选择Table的数据传到java后端进行业务操作 问题描述 报错类型错误JSON转换接收失败的类型错误 解决方案： 分为前后端两种情况 先说前端的: 前端需要是集合转json下面是代码案例 var cols=[[ //表头{ type: 'numbers' }, //自动序号列{ field: 'fanCoilManufa
学前端网络安全这块还不懂？细说CSRF
什么是CSRF？ 举个栗子，比如我们需要在某个博客上删除一个文章，攻击者首先在自己的域构造一个页面，使用了一个img标签，其地址指向了删除博客的链接。攻击者诱使目标用户，也就是博客主访问这个页面，该用户看到了一张无法显示的一张图片，这时候在回头看看该博客的这篇文章，发现文章已经被删除了，原来刚才的图片链接香博客服务器发送了一个get请求，而这次请求，导致了博客上的一边文章被删除了。在整个攻击过成
web前端--图片优化
如何解决大量图片被阻塞问题 重新认知图片： https://www.cnblogs.com/xiangism/p/5311314.htmlhttps://www.cnblogs.com/pqjzxq/p/5749304.html web前端优化问题 https://www.cnblogs.com/liuli
第一次前端面试经历分享
感想：要不断的面对失败和否定，珍惜每一次面试机会。 时间2024-05-15 公司：腾讯云智研发 方式：BOSS直聘 投递简历日期：2024-05-07 笔试日期：2024-05-08 其实这是一场我没有想到的面试，因为几天前的笔试做的不好，以为自己没有过笔试，没想到周一接到面试邀请。 我题目回答的可以说是一塌糊涂，但是面试官人很好，最后给了我一些指导性建议。 问的题目我忘了当时手动记一下
前端铺子后台管理系统：基于Vue3与Ant Design Vue的轻量级解决方案
一、引言 随着前端技术的飞速发展，构建高效、轻量且易于维护的后台管理系统成为了企业信息化建设的重要一环。前端铺子后台管理系统，作为一款基于Vue的前端框架，结合Ant Design Vue的UI组件库，为企业提供了一个高效、灵活的后台管理解决方案。本文将详细介绍前端铺子后台管理系统的技术架构、特性以及使用体验。 二、技术架构 前端铺子后台管理系统采用前后端分离的开发模式，前端基于