WEB前端 软件列表

js实现图片的预加载
JavaScript

js实现图片的预加载

2023-12-26 标签:实现图片的懒加载,懒加载的实现,懒加载,如何实现懒加载,图片懒加载,预加载,懒加载和预加载,实现图片的预加载

在网站开发中,如何实现图片的预加载?使用 XMLRequest 请求图片资源,提供了 onprogress 函数能够很精细的获取到资源的信息。但可能会存在跨域问题。创建一个 image 的实例,给 src 的属性设置 url 。添加一个 image 节点,给 src 属性设置 url ,设置disp

js实现图片的懒加载
JavaScript

js实现图片的懒加载

2023-12-26 标签:实现图片的懒加载,懒加载的实现,懒加载,如何实现懒加载,图片懒加载,预加载,懒加载和预加载

在网站开发中,如何实现图片的懒加载?在可视化区域加载图片(解决如何判断图片已经在可视化区域)图片的加载第一种方案监听浏览器的 scroll 事件,通过调用getBoundingClientRect函数返回的值判断图片是否进入可视化区域。(function() {window.addEventList

关于CSS样式权重
CSS

关于CSS样式权重

2023-12-25 标签:css,样式,权重,css 样式,css权重,权重优先级,css 不生效,style,improtant,样式覆盖

日常开发中经常会遇到自己写的样式不生效问题,为了避免减少调试样式规则的时间,总结下样式权重。权重规则如图所示示例 1:都加了!important 的情况/* 权重值 10 */.box {margin: 20px auto;width: 100px;height: 100px;background-

了解 package-lock.json 的作用
JavaScript

了解 package-lock.json 的作用

2023-12-25 标签:package-lock,package,package.json,package-lock.json

package-lock.json 用于记录当前安装的依赖包的具体的版本号和来源信息。在 package.json 中只能锁定依赖包的大版本号,如果用户在一台新环境中安装依赖包容易因为版本号不一致导致的各种问题。如果存在 package-lock.json 文件,则会严格按照文件中标识的具体版本下载依赖包,确保不同环境安装的依赖包一致。

edge控制台不能粘贴,报错:Warning: Do not paste code you do not understand or have not checked yourself into the DevTools console
JavaScript

edge控制台不能粘贴,报错:Warning: Do not paste code you do not understand or have not checked yourself into the DevTools console

2023-12-19 标签:edge控制台禁止粘贴,edge控制台不能复制代码,edge控制台不能粘贴,Warning,Do,paste,code,understand,checked,DevTools,console,allow,rsquo,pasting,edge控制台粘贴要不了,Self-XSS,edge控制台不让粘贴

一如往学的用Microsoft edge调试web页面,F12打开DevTools,刚要粘贴信息却不能正常粘贴,报错:Warning: Dont paste code into the DevTools Console that you dont understand or havent

页面15分钟无操作自动退出登录(asp.net core/php/java/js/py)
JavaScript

页面15分钟无操作自动退出登录(asp.net core/php/java/js/py)

2022-03-22 标签:页面无操作自动登出,页面15分钟未操作自动退出,asp.net15分钟无操作自动退出,php30分钟无操作自动退出,java10分钟无操作自动退出,js无操作自动退出,页面长时间未操作自动登出,go无操作自动退出,python无操作自动退出

今天客户突然想让页面如果长时间未操作就自动退出登录,网站是用asp.net开发的,这个看似简单的问题其实说难也不难.主要是网站采用的sso登录,如果session过期则会跳转sso登录页面,而sso是第三方的,是以浏览器为生命周期的,如果没有访问sso退出页面,就会自动登录回来.

实现一个简单的Promise
JavaScript

实现一个简单的Promise

2020-07-22 标签:实现,简单,Promise,resolve,status,value,fn,reject,return,MyPromise,const,PENDING,pending,res,new,resolved,rejected,RESOLVED,REJECTED,null

Promise 可以理解为一个容器,保存着所有的异步操作。 将异步操作用同步的形式展现出来。 提供了统一的 API,保证各种一步操作使用统一的方法处理。对比旧式的回调函数的写法,避免重重嵌套各种回调函数,Promise 使用链式的方式处理异步操作更简洁明了。 Promise 的状态不会受

如何理解前端模块化
JavaScript

如何理解前端模块化

2020-07-22 标签:理解,前端,模块化,加载,模块,文件,js,请求,维护,打包,开发,代码,引入,命名,好处,增加,修改,兼容性问题,报错,JavaScript

在 JavaScript 发展初期,我们并没有前后端分离的说法。我刚开始做 asp.net 或者 jsp 开发的时候,基本就是我一个人承担了所有的开发任务:html 页面、简单的 js 交互逻辑、后端开发、数据库建表以及写文档等。这样做的好处就是我想修改哪就修改哪,不用通知任何人。可是随着前端的发展

vue.js组件基础用法详解
Vue.js

vue.js组件基础用法详解

2020-06-24 标签:vue,组件,基础,用法,详解,概述,component,js,最强,大的,功能,之一,扩展,html,元素,封装,重用,代码,根据,项目

Vue组件概述组件(Component)是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。根据项目需求,抽象出一些组件,每个组件里包含了展现、功能和样式。每个页面,根据自己所需,使用不同的组件来拼接页面。这种开发模式使前端页面易于扩展,且灵活性高,而且组件之间也实现了解耦。

vue.js组件传值的实现方式小结【三种方式】
Vue.js

vue.js组件传值的实现方式小结【三种方式】

2020-06-24 标签:vue,组件,值的,实现,方式,小结,三种,本文,实例,讲述,分享,大家,参考,具体,如下,前言,分为

本文实例讲述了vue组件传值的实现方式。分享给大家供大家参考,具体如下:前言vue的组件传值分为三种方式:父传子、子传父、非父子组件传值引用官网的一句话:父子组件的关系可以总结为 prop 向下传递,事件向上传递父组件通过 prop 给子组件下发数据,子组件通过事件给父组件发送消息,如下图所示:下面