Web前端

vue-cli3全局使用less变量报错Variable @primary-color is undefined

vue-cli3全局使用less变量报错Variable @primary-color is undefined

在 vue-cli3 项目中如何使用 less 全局变量,并解决 Variable @primary-color is undefined 错误。

Web前端 01/03

pinia状态管理自动持久化

pinia状态管理自动持久化

Pinia 是 Vue3 推荐的替代 Vuex 的状态管理存储库,它允许您跨组件/页面共享状态,以往实现持久化需要手动 localStorage ,这次借助 pinia 的一个插件 pinia-plugin-persistedstate 实现状态自动持久化。

Web前端 09/22,2023

新型web框架Astro快速构建内容网站

新型web框架Astro快速构建内容网站

Astro 是集多功能于一体的 Web 框架,用于构建快速、以内容为中心的网站,可集成Vue、React、Tailwind、Svelte等多种前端框架,可快速构建个人博客、文档网站和公司官网等内容网站。

Web前端 03/29,2023

解决Vue跨域的问题

解决Vue跨域的问题

如果你的前端应用和后端 API 服务器没有运行在同一个主机上,你需要在开发环境下将 API 请求代理到 API 服务器。这个问题可以通过 vue.config.js 中的 devServer.proxy 选项来配置。`vue` 请求后端,涉及到跨域问题,vue按照官方文档正确设置了代理,axios请求中地址也正确配置,但发现报了一个错:Proxy error: Could not proxy request

Web前端 03/08,2020

Vue.js实现百度地图定位、搜索及获取经纬度

Vue.js实现百度地图定位、搜索及获取经纬度

百度地图官方给出的SDK没有vue版本,我们可以引入百度地图的js,去实现百度地图定位,并实现搜索、以及获取经纬度,其实现方法和纯html+js是一样的,只不过是多了一层vue的方法(methods)。当打开页面的时候,百度地图自动定位当前位置,给出一个搜索框,搜索我们所想要寻找的目标地址,百度地图会列出相关检索结果,点击检索结果,并在地图上定位,然后获取到经纬度。1.在 public/index

Web前端 07/20,2019

iView日期时间组件传值的问题

iView日期时间组件传值的问题

在使用iview的日期时间组件,传值到服务器端的时候,发现组件的值和格式不对,在后端很不好处理,代码: <Date-picker type="date" v-model="searchForm.created" placeholder="选择日期"></Date-picker> 当我选择 2019-03-22 时,发送到服务器的数据是 2019-

Web前端 03/20,2019

Vue解决audio音乐不能播放的问题

Vue解决audio音乐不能播放的问题

最近刚开始学Vue.js,感觉上手挺容易的,就用Vue写了个小demo---音乐播放器,代码量比js少了好多。 Html: <audio :src="'./music/'+music_src" id="audio"></audio> audio标签的src是用vue动态绑定的: var audio = document.getEleme

Web前端 09/13,2018

微信小程序插件wxParse解析处理HTML代码

微信小程序插件wxParse解析处理HTML代码

由于微信小程序不支持HTML代码,但我们存在服务器中的文章内容的代码都是HTML的,当我们在微信小程序上,从服务器取出的HTML数据,又如何在小程序中显示呢?这需要一个插件wxParse。 使用方法: 1.下载wxParse插件:https://github.com/icindy/wxParse,下载后解压到小程序根目录。 2.在需要显示文章内容的wxml

Web前端 10/23,2017

微信小程序实现上拉加载更多

微信小程序实现上拉加载更多

微信小程序当页面滑到底部,如何上拉加载更多数据,我们需要用onReachBottom方法实现,当滑动到底部,页码+1请求服务器,并设置数据。 var pageNum = 1;//页码 Page({ data:{ loadMoreText: '加载更多',//底部文字 list: [] }, onLoad:funct

Web前端 10/23,2017

Html5 Canvas绘制时钟

Html5 Canvas绘制时钟

用H5绘制一个模拟时钟,效果图: html <canvas id="clock" width="500px" height="500px" style="background-color:#fff">您的浏览器版本不支持!</canvas> javascript <script> var clock=

Web前端 09/24,2017

表格头部固定和表格列固定

表格头部固定和表格列固定

我不是前端大神,只是偶尔在开发系统时,需要用到表格。如果表格只需要单独的用来展现数据,那就很简单了,那如果需要实现复杂的样式呢?比如说表头固定,当网页滚动的时候,表头自动固定到网页顶部,这样很客观的展现了每列的内容。 表头固定和列固定,需要用到jQuery DataTables(我不是前端大神,就懒一点,用下框架,偶尔用下框架,开发时间也节省了嘛,嘿嘿 ^_^),没错,又是我前面

Web前端 09/24,2017

javascript禁用链接跳转等默认动作

javascript禁用链接跳转等默认动作

举一个简单的例子。 比如,有一个链接,你要在这个链接跳转前执行一些其他操作,显然,我们能想到给它添加一个单击(onclick)事件,然后执行其他的一些操作,但是你会发现,你所定义的单击事件里的操作并没有执行,而直接进行了页面跳转。那这样,我们就应该先要禁用它的链接,然后执行自定义的操作,再进行跳转或执行其他操作,那么,我们该如何禁用链接,禁用它的默认动作呢?这个问题,我们在开发中

Web前端 08/22,2017