- 博客(19)
- 收藏
- 关注
RSS订阅原创 前端国际化语言实现-vue3版
1. 文件使用说明2. zh.js / en.js 文件内容举例common:{name:'芙莉莲',3. element_lang 文件内容zh: zhCn,en: en4. index.js 文件内容en,zh,// 这是获取浏览器的语言let lang = localStorage.getItem('lang') || language.split('-')[0] || 'en' // 首先从缓存里拿，没有的话就用浏览器语言，
2024-06-27 00:09:42
331
原创 前端 国际化语言实现vue2版本
1. 文件使用说明2. zh.js / en.js 文件内容举例common:{name:'纲手',age:"18"3. element_lang 文件内容zh:zhCn,en:en4. index.js 文件内容// 引入Vueimport eleLang from './element_lang' //element国际化en,zh// 全局注册国际化包。
2024-06-22 15:20:26
364
原创 JS 数组常见操作方法
push：尾部追加数据unshift：头部追加数据pop：删除数组尾部最后一项数据shift：删除数组头部第一项数据sort：对数组进行排序arr.sort()reverse：对数组进行颠倒-翻转用于数组中添加/删除项目，并返回被删除的项一个参数//[10]两个参数：参数1-索引开始位置，参数2-索引结束位置三个参数：参1-索引开始，索2-索引结束，索3、4、5后面都是删除位置添加。
2024-06-09 22:19:06
602
原创 手把手搭建vue2项目（自动搭建/手动搭建）
这里项目已经创建好了 cd dome-one 进入项目目录 npm run serve 跑起来。打开cmd窗口(win+r) cd 项目路径，进入项目创建目录。cd dome-121进入项目目录 npm run serve 运行。选择一个linter/formatter配置 根据需要来就行。// 项目创建命令 dome-one为项目名称。是否将其保存为未来项目的预设 选择NO。cd dome-one 进入项目目录。选择需要创建的vue几，回车。选择需要创建的vue几，回车。检查时间段 推荐第一个。
2024-06-06 19:06:47
911
原创 海康web控件实现播放rtsp流-回放预览等功能-vue3
pc端后端无法给到前端flv、hls、m3u8等流进行播放时，不得不采用海康的web端播放器插件进行播放时使用；优点：前端负责对接就行，减少了后端工作内容，因为时播放器控件-里面有相应的下载、截图、云台控制等功能；劣势： 网页一般多人使用时-没台电脑都需要下载播放器才能进行播放，大大影响了使用体验；组件做了自适应布局-播放器框可以注定到指定位置-控件可以随着弹框大小自适应变化；采用了vue3的写法-已将初始化、预览、回放方法暴露；
2024-01-09 14:55:46
2643
12
原创 element-ui，tree树形控件，通过接口返回数据判断是否继续拿子节点
以上就是一个简单的通过接口来获取下层数据-并已树形展示：elelment官方文档上的懒加载就是这个。这里使用到树形控件的懒加载功能-直接上代码。
2022-12-01 11:11:46
1404
1
原创 js-cookie的使用-Cookies的使用（一看即懂）
cookies和localStrorang的作用一样的，都是用来将数据存储在本地，并且可以设置存储时间；2.哪里使用就哪里引入。cookie的数据会。
2022-09-13 17:07:51
2429
原创 如何搭建小程序项目，uniApp搭建，uView组件库的引入和请求配置
当使用uni-app搭建项目时，不注意就版本出现问题，这里直接保姆式说说 1.下载 vue-cli 脚手架版本为4的； 2.创建项目（尾部是项目名-自定义即可），选择默认模板 3.切换到当前创建的项目并运行即可；4. manifest.json文件中配置自己的appid 1.运行了npm run dev:mp-weixin后会出现一个 dist文件；2.导入 dist 文件中的 mp-weixin文件（整个文件）； 安装 uView组件库； 1.通过命令直接安装 sass、sass-loader@1
2022-08-21 23:49:47
1108
原创 闭包，什么是闭包（面试高频问题）
1、闭包说白了就是函数内部嵌套了另一个函数；2、内部函数引用外部函数的变量参数；3、返回的也是一个函数；下面就是一个简单的闭包// 外部函数// 内部函数// 使用外部函数变量num--}// 返回函数}测试如果没函数赋值的话(let fun = fn())f ( )( ) 执行子函数，返回孙函数--来调用函数查看效果。...
2022-08-06 00:16:38
172
原创 upload上传图片到腾讯云，如何上传图片
创建一个腾讯云账号，跟着提示操作即可(必须实名-为了安全)，中间选择 对象存储cos，这里就创建好了，若只需上传一张图片，那就设置一个动态样式，用于隐藏上传组件，通过存储图片数组的长度进行判断即可。httpRequest(默认上传路径)：这里配置腾讯云上传路径，需要按需填入对应的数据。onChange(上传就会触发)：因为数据绑定是单项的，所以需要手动进行图片的替换。onPreview(点击已上传图片触发)：这里用于显示图片(放大)接下来需要创建存储桶，里面的权限为：公有读，私有写。...
2022-08-04 23:00:52
2343
原创 组件的封装，button按钮组件的封装，vue2组件封装，vue3按钮的封装
所有组件的封装就是接收父组件传递的参数和将数据传递给父组件，单独创建一个vue文件来装封装的组件，组件里面使用到button按钮和作用域插槽，按钮的样式和大小通过使用者传递参数来达到相应效果，泛型的简写，推荐使用-方便，也称为：响应式语法糖 这种是普通写法，跟响应式语法糖写法比较少见，了解即可type?size?}>(),{});总结：组件的功能功能封装并没有想的那么难，主要需要理清逻辑，为什么要这样做，以上就是简单的vue3button按钮的封装，跟vue2相比就增加了一个类型校验。...
2022-08-03 23:33:04
1210
原创 Git常用命令，git密码输入错误如何修改，git创库如何关联
1.git远程创库如何关联；2.如何拉取完整的项目；3.git 分支开发中常用命令；拉取指定仓库分支代码；推送指定代码到远程仓库；git密码忘记解决方法
2022-08-03 00:36:54
480
原创 使用Node.js创建服务器，使用nodejs请求的配置
1.node.js 创建服务器的三大步骤（四大步骤）1.引入HTTP协议；2.根据http协议创建服务器：服务器需要遵守http协议规范；3.添加端口监听，用户只有发起针对这个服务器指定的端口请求才进行处理；4.添加对用户请求的监听，监听到用户请求就会调用传入的回调函数进行处理；req:与请求相关的操作都找req；res:与响应相关的操作都找res；响应页面资源文件; 3.node 对请求做出相应相应;3.1：这是个get请求-可以带参和无参(返回所有数据)；3.2：post请求-进行数据新增;....
2022-08-01 22:03:19
1052
1
原创 （Vue）中 computed和 watch的区别（高频面试题）
都可以用来监听属性值的变化并做出相应操作（只是看谁更合适） 1.支持缓存，只有依赖项发生改变时，才会重新计算 2.计算属性不支持异步操作 3.内部有两个方法 get和 set，当被监听的数据改变时会自动触发set 并返回最新数据； （也可以这样说：get是被动触发，依赖项改变自身跟着改变。set自身改变影响依赖项改变（默认得到自身的值），例如购物车全选反选功能） 4.一个数据受多个数据影响时使用 computed，例如计算总价等
2022-07-28 13:07:46
292
原创 vue中watch事件监听（watch使用方法·作用）
一：基本使用--直接代码（直观） watch: { name(nv, ov) { // nv:新值，ov:旧值 console.log(nv, ov); }, },作用：用于侦听指定的属性值的变化，只要侦听的属性值发生了变化就会触发侦听器，进行相应事件处理二：进阶：深度监听<template> <div> <input type="text" v-model="username" /> &
2022-05-24 00:55:19
2344
原创 计算属性的作用及使用？
计算属性主要作用：进行复杂业务逻辑的处理（具有缓存功能）。语法：computed:{计算属性: function(){return}} --固定写法主要特性：只要计算属性中的依赖项发生变化时，这个属性的值就会自动变化，所以与之相关联的DOM也会变化。代码演示：computed: {//调用方法：{{getTotalPrice}}--不加()--名字自定义 getTotalPrice() { //业务的处理 let total = 0;
2022-05-21 23:52:58
479
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人