前端 终端 实战vue
【前端】-近期面试题
setup setup 中的代码与普通的 <script> 只在组件被首次引入的时候执行一次不同，<script setup> 中的代码会在每次组件实例被创建的时候执行。 所以，任何在 <script setup> 声明的顶层的绑定 (包括变量，函数声明，以及 import 导入的内容) 都能在模板 ......
前端项目开发中如何统一代码风格？
一、问题 平时开发前端项目的时候，发现大家所用的编辑器都有所不同，编辑器中很多人喜欢制定自己的代码风格，这就导致协作的时候，大家的代码风格不统一。提交代码的时候会发现修改了大量的代码格式。 二、解决方案 使用eslint 和 Prettier 来统一代码风格并提高代码质量 三、解决步骤 在本文中，我 ......
深入理解前端字节二进制知识以及相关API
当前，前端对二进制数据有许多的API可以使用，这丰富了前端对文件数据的处理能力，有了这些能力，就能够对图片等文件的数据进行各种处理。 本文将着重介绍一些前端二进制数据处理相关的API知识，如Blob、File、FileReader、ArrayBuffer、TypeArray、DataView等等。 ......
解决vue中路径中的多一个#
本文要解决的问题是在vue项目中，主路径和vue路径中多一个# 这个东西只需要改一个这个就行 vue-router的mode: ‘history’ const router = new VueRouter({ mode: 'history', routes: [...] }) ......
2023.5.9核心命令讲解实战
目录 1.帮助命令 man 2.文件和目录操作命令 ls cd mkdir cp mv rm touch basename dirname chattr lsattr md5sum 3.查看文件及内容处理命令 vim vi cat 查看文件内容 more less tail head cut 提取字 ......
vue移动端实现调用相机扫描二维码或条形码
一、首先下载需要的插件 npm install @zxing/library --save 二、假设场景：页面上有个按钮，点击触发扫码功能 @click='scanCode()'，在 methods 写入该方法。 scanCode() { console.log('浏览器信息', navigator ......
终端常用命令（自用）
记录文件解压缩，解决向日葵无法连Ubuntu，ubuntu+jekyll搭建个人博客等命令。 文件解压缩 压缩 tar -czvf filename.tar.gz /xxx/folder 分割 split -b 4000M -a 2 -d filename.tar.gz filename.tar.g ......
java基于ssm+vue药品商超进销存管理系统，附源码+数据库+文档+PPT，适合课程设计、毕业设计
1、项目介绍 使用药品管理系统的分为管理员和用户、员工三个权限模块。 管理员所能使用的功能主要有：首页、个人中心、用户管理、员工管理、药品类别管理、药品信息管理、药品入库管理、药品出库管理、在线咨询管理、留言板管理、系统管理、订单管理等。 用户可以实现；首页、个人中心、在线咨询管理、我的收藏管理、订 ......
vue国际化（多语言）
方法1：用 js-cookie 包 并且挂载在 main.js 上 1、安装 vue-i18n + js-cookie 插件 npm install vue-i18n -S npm install js-cookie --save 2、去检查一下你安装的 i18n 版本是不是 8.26.5 3、在 ......
使用vue的keep-alive缓存组件，三级菜单组件无法缓存问题解决
使用vue做后台管理系统，需求是所有的菜单打开之后，下次点击的时候的使用缓存，这里很简单的做法就是用来包裹住;但是一级菜单和二级菜单都没有问题，三级菜单就会出现无法缓存的问题，网上找资料说是vue中keep-alive本身存在的缺陷，需要在路由守卫中将matched属性做一下优化，具体如下 // 处 ......
前端SEO优化技术汇总
一、title、alt、h1 itle: 网站头部标签<head>下的title,网站名称备注：这里为什么不说标签中的title属性，，虽然鼠标上移可以显示图片名字，但是它跟SEO没一丝联系所以我们不关注它。 例如： <img title="图片名称"/> alt: 当网络速度很慢，或者图片地址失效 ......
记录--前端实现点击选词功能
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 今天有一个需求，点击选中某个英文单词，然后对这个单词做一些处理，例如高亮背景、查看一些详细信息等等，今天简单实现了一下，效果如下：（支持移动端，chrome和sarafi浏览器均能正常使用。语言🚀 vue3 + typescript) ......
web前端动画网址
很实用的web前端动画网址 1.https://lhammer.cn/You-need-to-know-css/#/zh-cn/2.https://chokcoco.github.io/CSS-Inspiration/#/3.https://qishaoxuan.github.io/css_tric ......
vue2+vant2+rem+axios+钉钉自动登录 h5模板
下载代码 请轻轻的点一下这里~ Node 版本要求 Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。 本示例 Node.js 14.17.0 启动项目 npm install ......
vue sort 排序方法
1、数据排序 var arry = [9,5,6,7,5,6,3,1,0] arry.sort() // [0, 1, 3, 5, 5, 6, 6, 7, 9] 2、对象排序 var list=[{name:'张三'，age:12},{name:'李四','age:23}]; list.sort(( ......
《nodejs跨栏》vue篇——路由
路由是什么 参考链接：https://www.cnblogs.com/chengqiang521/p/15512719.html router简介 路由，一个router就是一组key-value对，只不过这里的key是路径，就是path，value是组件。 基本使用 1安装vue-router n ......
前端面试题-常见的水平垂直居中实现方案
方案一： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten ......
Vue2--入门学习
看了慕课网的教学视频，觉得挺不错的，在此做个随堂记录，有兴趣的可以去看视频 vue版本：2.5 文档链接：https://v2.cn.vuejs.org/v2/guide/installation.html 视频链接：https://www.imooc.com/video/16976 在vue官网下 ......
Vue路由跳转时的动画效果
1.写一个layout组件，降<router-view/>包裹在transition标签里，实现路由跳转时的动画 2.在router/index.js里面引入该组件，并放在component: layout这里，功能完成 3.transition 是vue的封装组件，具体可参考官网 https:// ......
《nodejs跨栏》vue篇——vue简介
Vue读音 读作view Vue文件结构 参考链接：https://www.runoob.com/vue2/vue-directory-structure.html 其中App.vue代码如下： 点击查看代码 <!-- 展示模板 --> <template> <div id="app"> <img ......
前端定时器防抖节流
// 防抖（输入框可用） debounceFun (fun, time = 300){ clearTimeout(this.debounceTimer) this.debounceTimer = setTimeout(() => { fun() }, time) }, // 节流 throttleF ......
Vue 路由跳转、路由传参、跳转区别、传值取值
版权声明：本文为CSDN博主「灬ManongLai」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/qq_39453402/article/details/127958797 1、router-link <rou ......
setsid 使程序脱离终端运行
直接使用 setsid cmd ... $ ping ::1 root 399698 399637 0 14:51 pts/42 00:00:00 ping ::1 $ setsid ping ::1 root 399707 1 0 14:52 ? 00:00:00 ping ::1 注意看，现在它 ......
vue使用video.js库，引入语言脚本的方式
第一种 import 'video.js/dist/video-js.css' import videojs from "video.js"; window.videojs = videojs; require('video.js/dist/lang/zh-CN'); 第二种 import 'vid ......
前端开发从入门到入土系列之——前端好社区（一）
当然可以。在中国境内，有一些非常受欢迎的前端开发专门社区，类似于墨天轮。这里为您推荐几家： 1. 掘金（Juejin.im）：掘金是一个优质的技术社区，汇集了大量的前端、后端、移动开发等方向的技术文章和教程。这里有很多经验丰富的开发者分享自己的心得和技巧。 2. V2EX：虽然V2EX不仅仅关注前端 ......
基于.Net5+Vue+iView前后端分离通用权限开源系统
在Github上，.Net通用的权限框架非常多，功能也都比较强大，但是对于很多初学者来说，想要从零学习框架的搭建，就比较困难了。 所以，今天给大家推荐一套比较简单的前后端分离通用权限系统。 项目简介 这是一个基于.Net5+Vue+iView开发的、前后端分离通用权限系统，系统采用三层架构，该项目功 ......
Vue watch 的handler,immediate,deep属性
new Vue({ el: '#app', data: { num: 0, sum:10, }, watch: { // 只要num的值发生变化，sum的值就会变化 不用handler的简洁写法 num(newValue, oldValue) { this.sum= newValue; } // 也 ......
关于 vue element date-picker 2023年节假日过滤
element-ui DatePicker 的使用可参考：https://element.eleme.cn/#/zh-CN/component/date-picker 具体节假日需要每年12月份，跟据国家发部的通知自己行做调整 2023年节假日通知参考：http://www.gov.cn/zheng ......
《nodejs跨栏》vue篇——新建项目
使用脚手架新建 参考链接：https://segmentfault.com/a/1190000022484789 一、安装nodejs 1、访问网址：https://nodejs.org/en/ ，下载安装（左边稳定版，右边最新版），一路next。 2、下载完成后，cmd中输入node -v，检查是 ......