logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

前端js浏览器打印

window.print()是调用浏览器打印的方法。但默认是打印window当前所在页的整个页面,那有没有办法,只打印某一块区域,或者说,只打印某一个Dom元素内的元素呢。function BrowserPrint (Dom){window.document.body.innerHTML = Dom.innerHTML;window.print();// 打印完成以后一定要重新刷新页面,因为win

文章图片
前端 性能优化 (图片与样式篇)

懒加载会等到图片在视窗中出现时才开始加载,减少初始页面加载的资源量,占位图则在图片未加载完成前提供一个小尺寸、模糊的占位图,让页面看起来更平滑。通过配置缓存策略,浏览器可以在多次访问时直接加载缓存中的 CSS 文件,避免重新请求 (前端的缓存策略,无非就是 Localstorage,service work)假设你有多个图片,添加 data-src 属性存储图片的实际 URL,src 属性设置为占

文章图片
#前端#性能优化
微前端 qiankun vite vue3

主要介绍以qiankun框架为基础,vite 搭建vue3 项目为主应用,wepack vue2 和 webpack react 搭建的子应用,形成的一个微前端框架。

文章图片
#前端
微前端 无界wujie

安装完成以后,分别单独启动wujie的主应用,和子应用,记得将node的版本都统一设置为 16 这样就可以正常体验wujie官方提供的demo。如果您的当前环境中需要切换 node.js 版本, 可以使用 nvm or fnm 进行安装.pnpm 脚手架示例模版基于 pnpm + turborepo 管理项目。vue2主应用vue.config 配置。非保活模式的子应用在主应用中的配置。react

文章图片
#前端
前端动画的另一种方式 json动画

由设计师将动画设计好,形成json文件,前端直接渲染的动画。当然gif也可以,但json相对来说体积更好,更不容易失真。

文章图片
#前端#json#javascript
chatgpt教你练习前端算法

今天想试试chatgpt关于代码算法这一块儿是否好用。

文章图片
前端注释规范

单行注释用//单行注释,要单起一行,放在要注释代码的上方。如果单行注释不是代码块的首行,那么注释前面需要空出一行注释前要带一个空格便于阅读多行注释用/** …/和//…多行注释/** …/用在文件说明,类型说明,参数说明//…用在代码多行注释//TODO : 来标记即将处理的问题//FIXME: 来标记需要解决的问题...

文章图片
#前端
vue3.0比vue2.0更快的原因

一.vue3.0的亮点1.性能比vue2.x快1.2~2倍①diff方法优化②静态提升③事件侦听器缓存④ssr渲染1. diff方法优化vue2.0中的虚拟dom是进行全量的对比vue3.0新增了静态标记(PatchFlag),在于上次虚拟节点进行对比的时候,只对比带有patch flag的节点。并且可以通过flag的信息得知当前节点要对比的具体内容。静态标记枚举类:2.静态提升vue2.0无论元

文章图片
(03)vite 处理 css

css开启 devSourcemap 后,能够快速找到每一个样式对应的文件名,但最好只在开发环境中使用,不开启devSourcemap 时,一般是上生产环境,默认情况下也是不开启的。启动服务器之后,发现css module的类名都被替换了,加了hash。componentAindex.module.css 配置。vite 天生就支持对css文件的处理,主要的处理流程如下。componentB in

文章图片
#css#前端
React的props基本使用及注意事项

props的基本使用import React from 'react';/** 子组件 */class Person extends React.Component {render() {{/** 在this.props中接收来自父组件的参数 */}const { name, age, sex } = this.propsreturn (<ul><li>姓

文章图片
    共 57 条
  • 1
  • 2
  • 3
  • 6
  • 请选择