前端框架
关注
分享
扫一扫
文章平均质量分 54
BLUESKYHOST
这个作者很懒，什么都没留下…
展开
-
vue3.0国际化
安装npm install vue-i18n@next 快速使用封装组件前提准备创建 /@ts/language/index.ts 文件夹import {createI18n} from 'vue-i18n';import { App } from 'vue';import zh from '/@ts/language/lang/zh';import en from '/@ts/language/lang/en';export const i18n = createI18n({原创 2021-08-17 13:49:58 · 476 阅读 · 0 评论 -
vue script setup语法糖
创建项目yarn 安装的 vue3.0+vite+tsyarn create @vitejs/app my-vue-ts-vite --template vue-ts示例这个时候你在App.vue发现这个 script setup语法糖<template> <h1><a href="">{{ count }}</a></h1> <h1>{{state.data.a}}</h1> <button原创 2021-05-22 11:06:40 · 1934 阅读 · 1 评论 -
vite与Webpack对比
vite优点这里的基础只是功能 不是代码别误解vite在webpack提供的功能基础上，真正实现按需加载的一款打包工具无需配置即可使用案例环境是vue3.0+ts+vite安装后无需配置即可使用sassyarn add -D sass在项目越写越大的适合vite的速度优势更加明显速度能达到20多倍，当你写完一个功能保存的时候webpack在等待中 vite就已经热编译好了，最明显的区别就是快的让你感觉意外由于是中国人写的文档 中国人看的时候也符合中国人的思维官方中文文档地原创 2021-05-21 16:44:36 · 1163 阅读 · 0 评论 -
VueUse中文文档/Vue官方工具库
VueUse官网地址https://vueuse.org/这里就列举常用工具详情请去官网 查看所有API浏览器useFullscreen全屏展示//isFullscreen 当前是否是全屏//toggle 是函数直接调用即可const { isFullscreen, toggle } = useFullscreen();useClipboard粘贴功能//text 粘贴的内容//copy 是粘贴函数const { text, copy, isSupported } = useCli原创 2021-05-20 16:58:38 · 35634 阅读 · 0 评论 -
好用的VUE后台管理框架/vueUI框架
VueRuoYi官方演示地址vue2.0、element-uiAnt Design Vue官方演示地址个人项目演示地址Vue3.0、Vite、 Ant-Design-Vuehttps://github.com/anncwb/vue-vben-admin 私人项目地址iView官方演示地址vue2.0Reactant.design官方演示地址react 16.12.0 以上。目前是全球第一的开源UI项目...原创 2021-05-20 12:01:48 · 691 阅读 · 0 评论 -
sku无线层级算法/订单sku规格选择JS/
订单sku规格选择参考 https://juejin.cn/post/6914163217124032525/* 重新实现笛卡尔积 传入的数组 '为空', '长度为1', '长度大于1' 三种情况 分别处理入参数组格式: [ { attr:"颜色", valueList:["黑","白"] }, { attr:"尺寸", valueList:["大","中"] } ] 返回的数组格式：[ {"颜色":"黑"原创 2021-05-08 13:54:48 · 636 阅读 · 0 评论 -
vue3.0+typescript+极验
案例sdk下载后保存到本地引入到html文件里面https://github.com/GeeTeam/gt3-node-sdk/blob/master/demo/static/libs/gt.js登录界面<template> <div> <common-layout> <div> <a-row> <a-col :span="9"> </a-col>原创 2021-02-02 14:25:01 · 816 阅读 · 0 评论 -
flutter防微信目录结构篇
下图所示cofnig项目配置文件 具体内容持续更新model数据模型文件pages项目页面文件routers项目路由控制中心provide项目状态管理配置中心service项目http请求处理中心unit项目自定义工具中心...原创 2020-04-30 09:26:58 · 239 阅读 · 0 评论 -
vuex
vuex 的基本操作import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { count:1 }, //计算属性 getters:{ getadd(state) { return state.count...原创 2019-10-15 21:50:00 · 163 阅读 · 0 评论 -
vue路由传值
1）通过动态路由方式 //路由配置文件中 配置动态路由 { path: '/detail/:id', name: 'Detail', component: Detail } //跳转时页面 var id = 1; this.$router.push('/detail/' + id) ...原创 2019-08-21 16:32:31 · 143 阅读 · 0 评论 -
小程序ui指南
移动端、PC端（前后台）、小程序常用的UI框架1.移动端UI库①.Vant UI官方地址：https://youzan.github.io/vant/#/zh-CN/introgithub地址：https://github.com/youzan/vant优点：用来做移动端商城很不错，支持定制主题，社区还算活跃②.Mint UI官方地址：http://mint-ui.github.io...原创 2019-07-06 07:44:30 · 823 阅读 · 0 评论 -
学习指南
vux github ui demo:https://github.com/airyland/vuxMint UI项目主页:http://mint-ui.github.io/#!/zh-cndemo:http://elemefe.github.io/mint-ui/#/github地址:https://github.com/ElemeFE/mint-ui中文文档地址:http://min...原创 2019-07-05 15:25:01 · 202 阅读 · 0 评论 -
小程序的本地存储，音乐播放器的使用，以及组件传值的案例
如果不懂私聊我因为这个只是让我看 所以你们看着会比较懵逼小程序背景音乐播放器的案例组件传值的问题 实在不理解那就别向他他就是格式化用的方法Vue.filter('dateFormat',function (datastr,patten = 'YYYY-MM-DD HH:mm:ss') { moment(datastr).format(patten)})...原创 2019-05-25 16:35:49 · 196 阅读 · 0 评论 -
webpack-vue-node-Express-MongDB
webpack基本安装mkdir webpack-demo && cd webpack-demo npm init -y npm install webpack webpack-cli --save-dev // 手脚架 注意事项全局安装还需要本地安装webpack4.*必须安装webpack-cli入口文件index.js必须是这个打包文件必须是...原创 2019-05-26 22:52:54 · 291 阅读 · 0 评论 -
Vue手脚架的配置以及使用
安装-使用安装注意事项下面两个方法都可以npm install -g vue-clinpm install –global vue-cli安装完查看是否安装成功 vue --version//必须这样子查看不能省略，具体可以百度因为可以很快查到Vue手脚架创建Webpack项目 vue init webpack test //test 创建项目的名字· vu...原创 2019-05-26 22:52:25 · 542 阅读 · 0 评论 -
express框架的使用
Express 框架的使用这个可以创建路由、服务器。。。安装express$ npm install express --save安装express-generator 应用程序生成器配置$ npm install express-generator -g//-h参数可以列出所有命令参数$ express -h Usage: express [options] [dir...原创 2019-05-28 07:58:50 · 254 阅读 · 0 评论 -
vue-cli打包白色页面不显示的问题
我当时不显示的原因是文件请求202**network**都正常就是白色页面无法显示mode:"history"这个参数引起的下面是官方的说法HTML5 History 模式vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。如果不想要很丑的 hash，我们可以用路由的 history 模式，这...原创 2019-06-05 17:03:10 · 410 阅读 · 0 评论 -
v-model数据双向数据绑定原理
vue中实现数据双向绑定<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><div id="app"> <input type="text...原创 2019-06-01 16:49:19 · 704 阅读 · 0 评论 -
swiper
第一步安装npm install swiper //这个是在别的情况下载的文件npm install vue-awesome-swiper --savenpm install vue-awesome-swiper -Dswiper4.0,一定要引用到公共样式里否则会报错这里讲解的是用模板来使用swiperhtml部分 <div class="swipe...原创 2019-06-01 17:26:05 · 244 阅读 · 0 评论 -
Vue解决跨域问题
在config文件夹下面的index.js里面进行修改 这个是3*版本其他版本不一定是这个文件夹module.exports = { dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { '/api': {// /api替换http...原创 2019-06-08 16:07:44 · 382 阅读 · 0 评论 -
node-vue-mongodb,（需要的插件）简单的登录
node 所需插件如下express安装express-generator 应用程序生成器mongoosevue 所需插件{ "name": "demo", "version": "1.0.0", "description": "biyesheji", "author": "blue", "private": true, "scripts": { "d...原创 2019-06-18 09:55:16 · 189 阅读 · 0 评论 -
axios 超级小白使用模板
axios 使用流程安装方法npm i axios -Sget请求欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增...原创 2019-05-25 15:24:48 · 875 阅读 · 0 评论