前端html css
干货：如何在前端统计用户访问来源？
在前端统计用户访问来源是一个常见的需求，通过获取访问来源信息，我们可以了解用户是通过直接访问、搜索引擎、外部链接等途径进入我们的网站或应用。下面是一个详细的介绍，包括方法和实现步骤。 一、获取HTTP Referer HTTP Referer是HTTP请求头的一部分，它记录了用户从哪个页面跳转而来。 ......
解决前端传递Date类型时自动转换为国际时间的问题
本质原因是前端对象中使用了Data类型的属性字段，在向后端传递时会自动将JSON对象转换为JSON字符串进行传递 Date类型的属性在进行转换时会调用自身的toJSON方法，转换为国际时间的字符串表达形式 let date = new Date(); console.log(date); conso ......
threejs CSS2DObject点击事件触发不了
原因：在three.js 0.13X版本后,上面dom的onclick 不会触发，原因是控制器Controls，可以尝试一下去掉控制器，看看dom上的点击事件是否ok let obtControls = new OrbitControls(camera, container); // OrbitCo ......
前端到后端的流程
2023.10.10 1.可以从架构模式着手 最基础的，前后端分离，后面就是前端是什么技术，比如Vue，后端是什么，可能是java、php什么的 然后后端一般会提供接口文档，常用的比如swagger 2.这里先明晰一下概念 动静分离 动态资源：servlet、接口等 静态资源：image、js、cs ......
css_扩散动效
html <div id="modelContainer" class="init"> <div class="mask"></div> <div class="model_content"> <div class="attention_container"> <div class="dot"> < ......
css布局
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
html引用远程js脚本
# html引用远程js脚本 ```js var script = document.createElement('script'); script.src = 'https://example.com/remote-script.js'; document.head.appendChild(scr ......
前端如何实现大文件上传
在开发过程中，经常会遇到一些较大文件上传，如果只使用一次请求去上传文件，一旦这次请求中出现什么问题，那么无论这次上传了多少文件，都会失去效果，用户则需要重新上传所有资源。所以就想到一种方式，将一个大文件分成多个小文件，这样通过多个请求实现大文件上传。 接下来我们就来看看具体是怎么实现的~ <inpu ......
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)/ ......
JS打印HTML
doPrint (printHtml) { // 判断iframe是否存在，不存在则创建iframe let iframe = document.getElementById('print-iframe') if (!iframe) { iframe = document.createElement ......
前端大文件上传方法
最近遇见一个需要上传百兆大文件的需求，调研了七牛和腾讯云的切片分段上传功能，因此在此整理前端大文件上传相关功能的实现。 在某些业务中，大文件上传是一个比较重要的交互场景，如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大，或者网络条件不好时，上传的时间会比较长（要传输更多的报文 ......
HTML中form表单隐藏input的两种方式
以下是两种常用的隐藏元素的方法：第一种： 使用内联样式：在 input 元素上添加 style="display: none;" 属性。 html <form action="/upload" method="post" enctype="multipart/form-data"> <input t ......
css样式对单行和多行文本的隐藏
在我们日常的网页中，尤其是新闻类的网页会遇到许多类似于这样的样式 多行甚至单行的文本隐藏+上省略号标题。 解决这一办法，需要利用css的样式进行改变 如下代码的演示： 单行文本隐藏: 多行文本隐藏： 主要知识点： 1、单行文本隐藏省略：文本不能换行、超出部分隐藏、超出部分省略 2、多行文本隐藏省略： ......
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（内容分发网络）来快速传输资源，以及使用浏览器缓存来避免重复下载。 优化图片：图片通常是网页中 ......
每日一题：通过css变量来控制主题
1、定义不同主题颜色 :root{ --theme-color: blue; --font-size: 18px;; } html[theme="dark"]{ --theme-color: #000; 2、通过切换html自定义属性来控制主题 <!DOCTYPE html> <html lang= ......
我在前端写Java SpringBoot项目
本篇文章主要是使用 NestJs + Sequelize + MySQL 完成基础运行， 带大家了解 Node 服务端的基础搭建，也可以顺便看看 Java SpringBoot 项目的基础结构，它俩真的非常相似，不信你去问服务端开发同学。 ......
CSS 将div撑满body
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>测试</title> <style> html, body { height: 100%; margin: 0; overflow: hidden; } .co ......
Spring Boot 访问静态资源css/js
一、前言 我们用 Spring Boot 搭建 Web 应用时（如搭建一个博客），经常需要在 Html 中访问一些静态资源，比如： css 样式； js 脚本； favicon.ico 图标等； 而在 Spring Boot 中如果没有做任何配置，是无法直接访问静态资源的，通常会报 404 错误 二 ......
vue前端有数据，但是eharts图标不显示的问题（待解决）
问题描述 vue前端能够获取到array数据，模式如图： echarts图表不能显示数据； 问题解决 还没解决~ ......
HTML 多主题的探索
如果主题只是一些样式不一样为了方便使用可以定义一些变量 和 一些class 比如这样 白天主题 :root { --status-colors-error: #C72929; --input-label-color: #8E8F90; --input-border-color-focus: #075 ......
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 ......
css的样式
一,css的文本样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl ......