- 博客(114)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 非常适合vue新手练手的网易云音乐项目
模仿网易云的练手项目就不全部截取图片了，视频地址可以看下优酷 页面展示如下本demo使用vue进行开发，涉及知识点，路由守卫，路由动画，axiso,vuex, axiso封装，组件引用，路由跳转传参，缓存，各种UI组件使用的是vant ，非常适合新手练手写一遍基本可以做前端的活了如果需要源码请加入QQ158478994群进行下载QQ群158478994...
2020-06-28 12:06:15
4831
12
原创 Vue3(setup) 中集成tinymce富文本编辑器，复制代码直接可用
Vue3(setup) 中集成tinymce富文本编辑器，复制代码直接可用如果项目跑不起来 ，直接修改依赖对应的版本 在。帮下载下来的文件 解压拷贝到你的项目。安装按成后检查一下 安装依赖版本。4.在页面中直接使用 例如。
2023-11-24 11:30:25
619
原创 Vue3(setup)中使用vue-cropper图片上传裁剪插件，复制代码直接使用
Vue3(setup)中使用vue-cropper图片上传裁剪插件，复制代码直接使用
2023-11-23 16:59:57
800
原创 vue3简易文字验证码
赋值 灵活点直接父组件传过去，可以自己改造。大神勿喷，简易版本，demo中可以用一下。首先创建一个生成数字的js。使用方式在页面中引入。
2023-10-01 19:08:15
471
原创 Vue中使用quillEditor编辑器使用粘贴可用，小坑讲解，回显空格丢失等问题。
Vue中Vue-Quill-Editor富文本编辑器的使用，后端返回数据回显空格问题
2022-10-17 15:31:05
2734
原创 vue3 setup语法糖中组件之间通讯以及vuex的使用以及数据监听，路由跳转传参等基础知识点
vue3 setup语法糖中组件之间通讯以及vuex的使用以及数据监听，路由跳转传参等基础知识点
2022-03-04 11:40:53
1862
2
原创 （史上最详细）使用vite搭建vue3.2项目，路由以及状态管理,UI库整合,附带每一步，
（史上最详细）使用vite搭建vue3.2项目，路由以及状态管理,UI库整合,附带每一步，
2022-03-03 10:04:19
5569
8
原创 js数据类型的检测，看完就够用
js数据类型的检测，在日常开发中我们经常会用到数据类型的检测，不过我们一般使用typeof 就够用，但是也不排除一些typeof却分不了的var a = undefined;console.log(typeof a) //undefinedvar b = null;console.log(typeof b) //objectvar c = true ;console.log(typeof c) //booleanvar d = "asdjkasd" ;console.log(type
2022-02-23 10:58:50
340
原创 原型原型链的了解（通俗易懂版本）
说实话 看了很多文章，相信你跟我一样，懂，但是仔细一说说不出一个所以然，按照个人的了解 分析一下首先来说，什么是原型，其实这个问题没有很标准的回答，如果别人问你，你就说，1.其实原型，首先要从原型对象可构造函数两个方面来说，1.那什么是原型对象呢，在声明了一个函数之后，浏览器会自动按照一定的规则创建一个对象，这个对象就叫做原型对象。这个原型对象其实是储存在了内存当中。2.那构造函数呢，可能有的小伙伴还不知道什么是构造函数，这里说一下 jAVAscript中其实 function 后面用大写字母
2022-02-21 11:34:41
689
原创 echares地图单独省份实现，以及tooltip自定义提示框，散点标注，散点发光实现详解
echares地图单独省份实现，以及tooltip自定义提示框，散点标注，散点发光实现详解需求，实现一个省地图，提示框自定义样式，鼠标经过高亮显示，离开，自动轮播各个区域的信息。在每个区域标注散点，带有发光动画效果。各种依赖安装，配置略过，当你项目能正常跑起一个简单的demo，那请继续看获取对应省份的json数据，前面有一篇文章提到过；有简易的UI设计图，看上去会更高端大气先看看效果图吧，没效果看代码过于单调。 .
2022-02-15 15:27:32
2169
2
原创 怪兽充电小程序
第一首先看中心点上有个小图标实现方式，我们可以使用map 结合一个图片覆盖物实现，在结合定位 <map id="myMap" show-location enable-poi enable-building :latitude="latitude" :longitude="longitude" :markers="markers" @regionchange="anchorpointtapmap"...
2022-02-10 11:23:52
4015
5
原创 Math.random详解
Math.random名词解释：返回介于 0（包含） ~ 1（不包含） 之间的一个随机数：大概这个样子0.5249740085825174 0.13858470029192027 0.1706001230974914常见用法：1生成指定范围的随机数2.例如：一周掌握 Java 入门知识万能公式function matnStr(min,max){ return Math.floor(Math.random()* (max-min) +min ); }隨便几个例子
2022-01-13 10:13:12
1467
原创 echars大屏开发案例
在大屏开发项目中DataV我觉得是不可缺少的东西，我建议UI在设计大屏的时候时候首先先看echars在结合DataV来设计，请不要天马行空的去设计，有的UI真的很菜，天马行空真的。废话不多说，我也不懂设计，直接自己按照自己的感觉写一个静态。...
2022-01-04 15:55:10
225
原创 彻底清楚搞懂toRef和toRefs是什么，也许你知道toRef和toRefs，一直有点蒙蔽，一直没搞懂它，看完这篇文章你彻底清楚
首先我们知道为什么要用toRef和toRefs，这篇文章让你彻底搞懂比如我们使用 reactive来创建一个对象<script>import {reactive} from "vue";export default { name: 'Toreftemp', components: { }, setup(){ let listData = reactive({ title: '2021年vue3你还不会吗，那你Out了', content:
2021-12-24 11:27:08
6670
9
原创 nuxt.js核心讲解，看完即可上手真实项目
首先按照文档创建好项目 我一般喜欢旋转vantui这个UI，不得不说这个UI库真的太好用了。直接说重点，项目中最常用的1. 关于css 的引用，比如我们使用animate.css这是一个特别好的动画css.根据自己的爱好，我一般喜欢在跟目录建立assets文件夹 里面建立一个css 如下然后直接在nuxt.config.js的css中引用 // Global CSS: https://go.nuxtjs.dev/config-css css: [ 'vant/lib/index.
2021-12-22 17:16:39
1283
原创 nuxt.js项目打包上传服务器pm2启动各种问题
关于nuxt 项目，我们使用npm run build 打包后，我们只需要将打包后的以下目录上传服务上 npm install 安装依赖 ecosystem.config.js 这个文件默认是没有的 ，这里很关键，你的服务器默认端口3000可能被占用，我们在项目中修改一下端口在 nuxt.config.js 中跟head平级添加 比如我们启动3003端口server: { port: 3003, host: '0.0.0.0', },在package.json中
2021-12-22 11:23:19
2456
1
原创 vue暴露一个就js 以及引入详解
方式1常规操作在根目录下建立units文件夹比如我们封装一个加密解密的jsmt.jsexport default { jiami(code){ var c=String.fromCharCode(code.charCodeAt(0)+code.length); for(var i=1;i<code.length;i++){ c+=String.fromCharCode(code.charCodeAt(i)+
2021-12-09 14:29:43
835
原创 vue3 实现数据请求渲染列表，以及分页的实现，项目中必用的基础技能
阅读必看本文章是使用于 刚入门vue3版本的新手参考。虽然这个东西出来又一段时间了，但是一直没有事件去研究， 网上虽然各种文章写的都相当精辟，详解onBeforeMount, reactive, ref, toRefs 什么什么的 ，当你作为一个新手看完，似曾有点那种带懂不懂的感觉，于是你心里就会有个想法，我拿一个接口来试试，像以前vue2一样尝试一下，我靠，结果没有那么顺利，简单的一个数据列表居然出不来，然后百思不得其解，找到了这篇文章，当你看完，我操，原来就就，是的就这废话少说，直接说嘴常用的例子，
2021-11-17 16:51:33
10642
1
原创 vue实现单选做题根据对错标色，作对跳转下一题，实现思路详解
vue实现单选做题效果详解最近在做一个答题项目，废了好多时间，经过折腾和在大佬的指导下，终于清晰的了解逻辑，如果你也遇到此类问题，不妨先看看我的思路，看完点个赞，那是继续跟新的动力此案例是使用swiper以及vue来完成的。需求分析，当点击了正确答案，选项背景色成指定的颜色，并且有一个打勾的效果，不能在选择其他选项，错误选项背景色改成对应的颜色，打上一个小叉，答对了自动切换到下一个题目，点击选项显示对应的答案及其解析。主要涉及的知识点，vue 动态绑定class ,条件渲染，话不多说，首先先来看
2021-10-29 15:47:02
5394
原创 关于vux 进阶模块拆分详解
关于vux 进阶模块拆分详解如果我们是使用脚手架搭建地vue项目，默认目录下都有一个store文件夹，下面只有一个index.js,如果是小项目，我们不需要拆分模块，直接在里面写就完事2。如果是稍微大一点地项目，我们帮vux按模块拆分开来，便于后期维护直接上代码，简洁明了。在store下面建立modules文件夹，modules文件夹下面放的就是你需要拆分出来的模块，这里我例举一个user模块，用户登录的模块，根据自己的业务建立需要的js在store下面建立getters.js
2021-10-22 18:18:33
588
原创 elementui-amin动态路由权限详解
开始使用的elementui-amin是下载带所有组建的版本，代码太乱直接看不明白，直接放弃，后来下载了纯净版，但是一开始动态路由还是没高明白后来才发现他是使用用户信息里面的roles这个数组来判断的可以看看mock 文件夹下的login.jsadmin: {roles: [‘admin’],token: ‘admin’,introduction: ‘我是超级管理员’,avatar: ‘https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56
2021-10-15 17:39:16
837
原创 Vue双向绑定实现
说实话走了一遍其实有的地方还是不太懂有1说1index.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="./Vue.js" type="text/javascript" charset="utf-8"></script> </head> <body&
2021-09-14 12:25:23
83
原创 vue2.0中报错 Cannot read property ‘call‘ of undefined
vue2.0在本地运行没错，打包出来正正常，放在服务器上报错这个问题搞了我一会，其实你只要ctrl+f5刷新一下就好了
2021-08-03 09:21:34
409
原创 采坑小程序中使用vant ui，网上好多说的都乱七八遭的，
1.创建项目如果你的小程序中使用过云开发也不要紧，自动创建的时候他会自动创建带云函数的工程，把项目中不必要的目录删除 删除前，删除后app.js 初始化的函数删了，app.json中只留一个Index就行2.正式开始 了，上面都是创建项目在项目中右键点击page文件夹 在资源管理器中打开 然后 打开命令行窗口npm init -ynpm i @vant/weapp -S --production3.安全完成后点击工具 ，在点击下面的 npm 构建构建完成后按照
2021-03-11 11:01:16
408
4
原创 网易云项目再次跟新源码公开
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JetTHnCZ-1614225471409)(http://49.233.42.29/myTestImg/wyy.gif#pic_center)]项目预览地址
2021-02-25 11:59:09
248
原创 滚动吸顶加锚点跳转及其滚动穿透案例
主要用到两个知识点position: sticky; a标签的描点index.html<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatibl.
2020-10-10 09:47:34
441
原创 php实现百度AI人脸分割，
这里是抠出文物的前景，背景为透明前提条件，你已经搭建好php环境access_token：必须参数，参考“Access Token获取”。这个就在讲解 ，最简单的方式 在浏览器输入接口地址https://aip.baidubce.com/rest/2.0/image-classify/v1/body_analysis?access_token=24.f9ba9c5241b67688bb4adbed8bc91dec.2592000.1485570332.282335-8574074向授权服务地址
2020-09-07 17:52:20
1870
原创 vue中过滤器的使用
vue中过滤器的使用直接说是用场景，比如后台返回一个时间戳，前台要显示成年月日的形式，或者返回一段文本，我们只需要截取部分文字，在data中定义两个变量 data: { msg1:"字数不足十个字", msg2:"字数超过10次对方是否额外若翁绕弯儿无二" },写过滤方法 ，(注意filters与data是平级)filters: { subStr: function(value) { let strlen = value.length; if
2020-07-13 14:58:26
259
原创 vue中组件中需要引用一个不暴露的js，比如alplay.js.md5.js等等，也就是非标准的es6，全网说的最简单的易懂的
网上看了很多，写的都很不清晰。直接上代码首先我们脚手架创建项目 在文件中自己写两个jslib/index.js 如下/*原始的方法如下*/// function fun_one(){// addEven();// }// function addEven(){// alert('11111')// }//改造后的方法export default function fun_one(){ addEven();}function addEven(
2020-06-03 09:48:26
703
原创 vue SSR服务端渲染首屏就有分页怎么办呢
会遇到这样的情况，如果进来的第一个页面，就需要分页，那怎么办，因为首页连接中是没有任何参数的，asyncData上下文中拿到的query里面是空的，这个问题首次遇到的时候，找不到好的处理方法，后来问了一下同时，解决了，直接上代码吧 。自己脚手架创建一个项目，在pages 的index 页面<template> <div class="container"> <div> <Card style="width:320px" v-f
2020-06-01 09:06:59
595
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人