logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

前端 JS 经典:数字变化动画

给你一个数字,当这个数字变化时,有一个动画的过渡效果。

文章图片
#前端#javascript#开发语言
前端 CSS 经典:边框转圈动画效果

前言:首先我们要知道 css 动画只对数值类的 CSS 属性起作用。要实现边框转圈动画效果,实际就是渐变背景的旋转。但是在以前,渐变背景是不支持动画的。现在我们可以利用浏览器新出的。特别强大,允许开发者干扰浏览器渲染过程。允许开发者在样式代码里面,自己定义样式属性。来实现这个动画效果。

文章图片
#前端#css
前端 JS 经典:vue 开发中的 base 和 publicPath

不知各位小伙伴有没有遇到过这样的问题,就是本地开发的好好的,结果打包后自信满满的交给运维部署,一上线,就是页面资源找不到了,跳转页面白屏了。等各种问题,这大概率就是配置问题。有这么两个配置 base 和 publicPath, 这个两个配置在 vue2 和 vue3 的表现形式不同,下面会详细介绍。这两个配置一般影响的是生成环境,对本地开发没啥影响。

文章图片
#javascript#前端#vue.js
前端 CSS 经典:在 Vue3 中使用渐进式图片

当我们网站会加载很多图片的时候,有些图片尺寸很大,加载就会很慢,会导致页面长时间陷入白屏状态,用户体验很不好。所以可以使用渐进式图片,先给用户展示模糊图,这些图尺寸小,加载快,可以快速显现出来。然后再逐步传输大图,大图传输完成之后替换模糊图。这就是渐进式图片。

文章图片
#前端#vue.js#javascript +1
element-ui 表格固定头和固定列表格错位

当 el-table 组件固定了表头和列时,列表数据触发滚动条,列表滚动到底,会有错位。因为固定列和固定表头产生的滚动条宽度不一致,导致有轻微误差。自定义滚动条高度,将滚动条高度设置小一点且一致。

文章图片
#vue.js#前端#javascript
前端 JS 经典:vue 开发中的 base 和 publicPath

不知各位小伙伴有没有遇到过这样的问题,就是本地开发的好好的,结果打包后自信满满的交给运维部署,一上线,就是页面资源找不到了,跳转页面白屏了。等各种问题,这大概率就是配置问题。有这么两个配置 base 和 publicPath, 这个两个配置在 vue2 和 vue3 的表现形式不同,下面会详细介绍。这两个配置一般影响的是生成环境,对本地开发没啥影响。

文章图片
#javascript#前端#vue.js
前端 CSS 经典:省略号

单行省略,双行省略,通用省略

文章图片
#前端#css
在 vue3 中使用高德地图

自定义 Marker 内容可以是字符串拼接的 DOM 元素。可以根据 class 名去定义样式。//点标记显示内容`;如果不想使用 JS API 的结果面板,panel 可以缺省或者赋值 false,然后在 search()的回调中处理自己的逻辑,自定义搜索教程前往 输入提示与 POI 搜索。//在回调函数中使用插件功能placeSearch.search("北京大学", function (st

文章图片
#前端#javascript
Vue2 系列:vue.config.js 参数配置

注意:其值应该是一个对象,对象的 key 是入口的名字,value 是:1.一个指定了 entry, template, filename, title 和 chunks 的对象 (除了 entry 之外都是可选的);说明:部署应用包时的基本 URL,例:https://www.my-app.com/my-app/,则设置 publicPath 为 /my-app/说明:放置生成的静态资源 (js

文章图片
#javascript#vue.js#前端
    共 12 条
  • 1
  • 2
  • 请选择