SF
vipbic
vipbic
注册登录
关注博客
注册登录
主页
关于
RSS
开发UI组件库第一步,Vite如何把Markdown转换Vue组件
羊先生
3 月 2 日
阅读 3 分钟
179
开发一个 UI 组件库时,将 Markdown 转换成 Vue 组件是一个常见需求,特别是在创建文档或样例展示时,此时我们需要将它转换为组件
😄😄😄又一个管理端框架上线了,设计理念简单而不简约
羊先生
2023-09-18
阅读 1 分钟
651
vue-bag-admin,采用Vite4、Vue3、TypeScript、JavaScript构建,支持多种写法和调用,完整的框架体系,适合响应式中后台管理系统,支持现有业务各种扩展...
一份关于Vue-Cli5常用配置开发模板,可用作于PC网站开发、移动端网页,后台管理系统,开箱即用
羊先生
2023-02-23
阅读 9 分钟
2.7k
Vue-cli5Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供:通过 @vue/cli 实现的交互式的项目脚手架。通过 @vue/cli + @vue/cli-service-global 实现的零配置原型开发。一套完全图形化的创建和管理 Vue.js 项目的用户界面安装依赖 {代码...} 如果本地网络卡顿,使用临时镜像,当命令行窗口关闭即失效 {代码...}...
快速开发后台管理系统vue-bag-admin
羊先生
2022-04-24
阅读 1 分钟
2.6k
vue-bag-admin使用Vue3+Vite2.6+TypeScript+ant-design-vue构建,提供基础的框架,快速搭建企业级中后台产品,响应式管理后台系统,使用构建依赖包的形式,开发只需引入依赖即可
🎅 🎅 🎅 站在Vue3上-构建管理系统vue-vite-admin-ts
羊先生
2021-12-24
阅读 11 分钟
3.6k
出发点的本质是想学习下vue3、vite、typescript、以及在创建企业管理后台菜单权限控制、路由控制、组件设计、网络异步组件、hook意义、构建编译、设计模式的集合,对自己使用学习新技术的认知和见解,也是对自己在以往的知识点的掌握做出一个总结
vue-cli多页面history模式-问题解答
羊先生
2021-12-01
阅读 1 分钟
1.8k
简单配置 {代码...} main.js {代码...} history Uncaught SyntaxError: Unexpected token '<'遇到这种问题,是因为在vue.config.js中的publicPath没有设为 '/'无法定位我自己所配置的‘sysadmin’的页面在vue.config.js中configureWebpack添加配置 {代码...}
《全栈导航》网站挂掉-我是如何排查问题
羊先生
2021-08-14
阅读 6 分钟
1.3k
问题我突然发现,网站刷新的时候打不开了,如果是路由跳转进去,是正常的但是网站常常链接会被别人收藏,或者直接分享打开,直接打不开肯定不好问题分析:此网站我是采用的nuxt.js开发的,一般这种错误类型,通过网络请求的数据,然后在对象下的某属性丢失,造成错误类型排查通过检查,是在父级页面请求的数据,传到子组...
你真的会用devServer这个配置项嘛?
羊先生
2021-08-12
阅读 2 分钟
4.9k
通过 webpack-dev-server 的这些配置,能够以多种方式改变其行为。这是一个基本的示例,利用 gzips 压缩 dist/ 目录当中的所有内容并提供一个本地服务(serve):
Vue任意地方调用父级方法
羊先生
2021-05-23
阅读 3 分钟
2.4k
多数现代的 web UI 框架或库,比如 Vue、 React 和 Angular,它们利用组件来组织代码,通过传递必要的属性从父类调用组件的方法/函数是相当容易的。这意味着您可能需要调用布局中定义的方法,或者调用来自嵌套级别的组件的父组件调用该方法
一招解决Vue多页面路由history模式【开发到部署】
羊先生
2021-05-20
阅读 3 分钟
10.9k
开启多页面模式 {代码...} 官方文档-多页面配置路由模式 {代码...} 官方文档-vue-Router base开发模式vue.config.js添加以下配置 {代码...} 线上nginx模式打包目录配置nginx {代码...} 如果你的项目是二级目录,需要这样配置,对比看下不同店 {代码...} 解释关于alias可以这篇文章$uri 这个是nginx的一个变量,存放着用户...
Vue适配PC+大屏,手机+ipad适配
羊先生
2021-05-13
阅读 2 分钟
9.4k
PC+大屏适配可适配 1400px以上的屏幕查看演示项目地址设置设计稿-转换rem我们的设计稿是3840px宽度,所以widthOfDesignLayout设置3840 {代码...} 设置根节点字体在main.js下,保证在屏幕缩放的过程中也是16:9的比列,查看该插件 {代码...} 开发设计给出多少就是多少 {代码...} 手机+ipad适配可适配手机+ipad演示地址项目...
如何在Javascript中使用Object.freeze()
羊先生
2020-10-17
阅读 3 分钟
2.5k
Object.freeze() 方法可以冻结一个对象。一个被冻结的对象再也不能被修改;冻结了一个对象则不能向这个对象添加新的属性,不能删除已有属性,不能修改该对象已有属性的可枚举性、可配置性、可写性,以及不能修改已有属性的值。此外,冻结一个对象后该对象的原型也不能被修改。freeze() 返回和传入的参数相同的对象
用vue简单写一个音乐播放组件
羊先生
2020-06-20
阅读 8 分钟
5.6k
公司有个单位项目,需要读取语音文件并进行播放,其实用audio引入个播放链接即可,不需要太多功能后来想到网站是不是也可以放个小播放器插件,索性查了audio相关api,也学习其中相关技巧,分享给大家
关于vue-router可能需要注意到的事项
羊先生
2020-02-09
阅读 10 分钟
4.8k
现在的前端框架都会配备一个路由框架,vue有vue-router,react有react-router,angular也有angular-route,当然还有一些优秀插件来完善这些router的做更多的事情
Vue获取页面元素的相对位置
羊先生
2020-02-05
阅读 4 分钟
6.5k
今天在开发源码一处发现有一处需要获取元素的相对位置高度,发现getBoundingClientRect有一个问题,它是用于获取某个元素相对于视窗的位置集合,达不到我想要的要求,如是看到阮老师写的一篇文章,关于用Javascript获取页面元素的位置,很好解决了我的我问题
Vue如何使用混合Mixins和插件开发
羊先生
2020-02-03
阅读 8 分钟
2.3k
官网:混合 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混合对象可以包含任意组件选项。以组件使用混合对象时,所有混合对象的选项将被混入该组件本身的选项。个人:混入就是用来对vue组件中的公共部分,包括数据对象、钩子函数、方法等所有选项,进行提取封装,以达到代码的复用,混合用处挺大的,然...
网站接入QQ登录-腾讯开放平台
羊先生
2019-12-05
阅读 3 分钟
5.7k
完成开发者认证 申请腾讯开放平台 使用qq登录完成实名认证,点击创建应用 创建网站应用 填写相关信息 回调域填写很重要如果填写错误扫码会出现 100010【QQ登录】登录常见错误码 前端 这是目前网站接入的qq登录,注意点 {代码...} {代码...} 后端 服务端在获取时候到没有遇到什么多大问题,正常发起请求网络请求,都一切正...
vue-qr生成下载二维码
羊先生
2019-09-29
阅读 3 分钟
7.5k
安装vue-qr {代码...} 生成二维码实列 {代码...} 属性介绍 属性 描述 举列 text 要生成二维码的内容 [链接] size 设置二维码大小,宽高相等 200 margin 二维码与边框的距离,可以设置白边 20 colorDark 实点的颜色 #333 colorLight 空白区的颜色 #999 bgSrc 欲嵌入的背景图地址 [链接]**.jpg gifBgSrc 欲嵌入的背景图 gif ...
h5(vue)嵌套ios和android双向交互
羊先生
2019-09-18
阅读 2 分钟
4.1k
之前跟客户端联调可能没有注意到细节问题,这次开发又遇到联调,统一整理下,然后自己也封装一套基础代码注意android以下情况---安卓没带参数,h5端也需要不带参数 ,安卓需要参数,这边也需要携带参数 否则有bug注意ios情况下 就算ios不需要携带参数,也需要传空
基于Vuescroll.js封装上拉加载、下拉刷新组件实际应用开发
羊先生
2019-09-03
阅读 7 分钟
8.8k
摘自官网描述:vuescroll 是一款基于 Vue.js 自定义滚动条的插件,它有两种模式: native: 适用于 PC 端,支持基本的自定义滚动条。 slide: 适用于移动端, 支持下拉-加载,上拉刷新,轮播等。 但是,这并不意味着 slide模式只能用于移动端,只是因为移动端与 slide 模式更加契合而已。废话不多说,直接上代码
webpack4配置Vue多页面入口轻量级模板
羊先生
2019-03-01
阅读 4 分钟
4.7k
之前写过一次关于webpack配置多页面应用,写的不是很好,这次项目要用到多页面应用,于是重新基于webpack4构建了一套关于vue的多页面应用。我在网上搜索了一圈,发现vue多页面配置,大部分都是基于vue-cli配置的,很少是从基础开始配置,如是我通过webpack4,构建了一个提供多页面入口,打包,调试的轻量级的构建工具,不依...
vue+axios+promise实际开发用法
羊先生
2018-10-15
阅读 5 分钟
50.8k
axios它是基于promise的http库,可运行在浏览器端和node.js中,然后作者尤雨溪也是果断放弃了对其官方库vue-resource的维护,直接推荐axios库,小编我也是从vue-resource转换过来的,差别说不来,我们讲一下axios在实际开发中的用法