网站定制开发--网站定制公司官网 - 高端网站建设

原生的JavaScript来复制文本内容

在HTML中使用原生的JavaScript来复制文本，通常会涉及到创建一个临时的 `textarea` 或者 `input` 元素，将需要复制的文本设置到该元素的 `value` 属性中，然后执行复制命令。关于...

admin 2024-01-10 76 0

vue的路由传参有那些方法

Vue的路由传参大致上有三种方法：Query参数：也就是我们最常见的在网址后面加上?key=value的方法。比如说你要去一个页面，你要带上一些信息，就像朋友家里做客带上一瓶饮料。在Vue...

admin 2024-01-07 134 0

js-cookie的使用

js-cookie 是一个简单、轻量级的JavaScript API，用于处理cookie。如果您希望使用 js-cookie 来设置带有过期时间的token，您可以按照以下步骤进行：首先确保您的项目中已经包含了...

admin 2024-01-02 159 0

vuex 在组件中怎么触发vuex中的mutation

在 Vue.js 应用程序中，Vuex 用于集中管理共享的应用程序状态。在组件中触发 Vuex 中的 mutations 是一个简单的过程。以下是在 Vue 组件内触发 Vuex 中的 mutation 的基本步...

admin 2024-01-01 100 0

vue-router执行路由跳转传参

如果你要传递一个名为userId的参数到/home页面，你可以这样做：通过查询参数：this.$router.push({ path: '/home', query: { userId: '123' } });在home页面的组...

admin 2023-12-31 229 0

vue中打包分析代码大小

npm run preview -- --report将几个比较大的多在打包时排除，这样可以缩小整体打包的大小，保证js的加载速度，排除的包采用cdn的方式用外链去引入，cdn本名为分发服务器，意为更近的...

admin 2023-12-29 141 0

localstorang怎么设置过期时间

LocalStorage 本身并不支持设置过期时间。它是一种在客户端存储数据且没有到期时间的机制，存储的数据会一直存在，除非用户清除浏览器的数据或者通过代码进行删除。如果你想要...

admin 2023-12-28 111 0

vue中hash模式和history的区别

hash模式带#，#后面的地址变化不会引起页面的刷新history没有#，地址变化会引起页面刷新，更符合页面地址的规范（开发环境不刷新-webpack配置）将路由模式修改成history模式const cre...

admin 2023-12-28 255 0

vue中echarts图表的基本使用

安装echarts包$ npm i echarts $ yarn add echarts放置两个图表的div...

admin 2023-12-27 97 0

无头像时，显示名字第一个字

如果我们有头像的时候可以调用后端给我们的头像地址，如果没有可以这样写<span v-else class="username" > {{name?.charAt(0)}}</span>显示效果css如下.username {...

admin 2023-12-27 243 0

vue2中的mixin的使用方法

// mixin.jsexport const myMixin = { created() { console.log('Mixin hook called'); }, methods: { foo() { console.log('foo'); },...

admin 2023-12-27 214 0

vue数字滚动插件

$ npm i vue-count-to引入注册import CountTo from 'vue-count-to'export default { components: { CountTo }}使用<count-to :start-val="0" :end-va...

admin 2023-12-27 154 0

网站怎么设置第三方字体库（含有vue项目）

将第三方字体库应用于你的网站通常包括以下几个步骤：1. 选择字体库首先，你需要选择适合自己需求的第三方字体库。一些常见的字体库包括谷歌字体（Google Fonts）、Typekit、Font S...

admin 2023-12-25 198 0

css的box-shadow详解

这里我提供一个例子box-shadow: 0px 0px 20px 3px #444 inset;这个CSS代码片段，用于添加 "box-shadow" 或 "盒子阴影" 效果到一个HTML元素。让我们逐部分解析这个代码：box-sha...

admin 2023-12-24 167 0

弹性(flex)布局_弹性布局有那些属性

Flexbox弹性(flex)布局提供了一套强大的工具集以供我们进行布局设计。您可以在容器（父元素）上使用一些Flexbox属性，也可以在项目（子元素）上使用一些Flexbox属性。下面就列举一些...

admin 2023-12-23 248 0

css的[class*=xxx] 属性选择器的写法

[class*=mimiwuqi-com] { margin-left: 72px !important; padding-left: 0 !important;}这段代码是CSS（层叠样式表）的写法，它是用来给HTML（超文本标记语言）文档添加样式的...

admin 2023-12-22 87 0

js全选复制到剪贴板

在JavaScript中，您有多种方式来将文本复制到剪贴板。以下是一个可行的例子，此例子使用了`document.execCommand("copy")`方法：<input type="text" value="要复制的文本" id="my...

admin 2023-12-21 146 0

css换装原理

css换装修改局部颜色咱们来看一下一个非好玩的效果啊，是给这个换装的效果，你可以调整这里的颜色，调整之后呢，它就会应用到这个图片的相应区域，叭方说调成一个蓝色啊，你看一下啊，衣...

admin 2023-12-19 111 0

css常用的tag文字颜色和背景颜色

今天咱们要聊一聊那些我们经常遇到的，又如何给它们穿上色彩斑斓外衣的小家伙们：CSS的tag文字颜色和背景颜色！想象一下，你正在看的这个页面，若是一片毫无色彩的均一，你愿意停留吗？我...

admin 2023-12-19 171 0

js获取浏览器ua信息

你知道我们的浏览器是个什么样的家伙吗？就像一个特工，每次它去访问一个网站的时候，都会悄悄地留下一张他的名片，这就是所谓的"User Agent"，或者我们可以把它叫做用户代理。这个"U...

admin 2023-12-18 128 0

vue页面白屏的优化

白屏出现的原因大部分是网络问题，我们的html文件都是依靠js生成了，所以就会出现一些白屏问题解决办法路由的懒加载和组件懒加载1、路由懒加载简单的说就是当我们需要这个路由...

admin 2023-12-17 117 0

vuejs 出现白屏的原因，和一些解决办法

Vue.js白屏可能由一系列的问题导致，包括但不限于加载错误、代码错误、渲染问题或者配置错误。下面是一些可能的原因和相应的解决方法。1. 代码错误: JavaScript代码中的错误...

admin 2023-12-16 112 0

网站前端开发设置console.log个性化输出

我们在浏览一些博客的时候f12查看往往会看见好多做前端开发的博客设置了一些个性化的输出，感觉非常好看，我自己也设置了一些，感觉比较好看，供大家参考...

admin 2023-12-15 182 0

css鼠标样式大全一览表

在要设置鼠标指针在特定元素上显示不同的样式，可以使用 CSS 属性 cursor。下面是一些常见的鼠标样式及其对应的 CSS 值： auto：默认光标样式； pointer：手型光标text：文本输入光标m...

admin 2023-12-11 228 0

display:inline-block内联块元素4px间隙的问题

解决display:inline-block内联块元素间隙问题，首先要弄清楚display:inline-block属性的含义，以及产生间隙的原因什么是display:inline-block属性display:inline-block是将内容...

admin 2023-11-29 118 0

网站建设

标签列表