空格 源码app vue
java学习日记20230415-LinkedHashSet源码
LinkedHashSet全面说明： LinkedHashSet是HashSet子类； 底层是一个LinkedHashMap，底层维护了一个数组和双向链表 根据元素的hashCode值来决定元素的位置，同时使用链表维护元素的次序，使得元素看起来是以插入的顺序保存的 不允许添加重复元素 维护了一个ha ......
Vue3 watch时value的问题
视频 #components ##Demo.vue <template> <h2>当前求和为：{{sum}}</h2> <button @click="sum++">点我+1</button> <hr> <h2>当前的信息为：{{msg}}</h2> <button @click="msg+='！' ......
vue3学习之tabler组件Layout布局
上一篇使用的bootstrap-vue-next项目迭代很快，考虑还未发文档和正式版本(自己菜)改用原生bootstrap模板tabler项目。 tabler 安装运行 不想安装可直接打开tabler\demo目录下html文件浏览查看效果 #获取后目录下运行 npm install #需要先安装h ......
Vue3 watch监视数据
watch监视ref定义的数据视频 watch监视reactive定义的数据视频 2.watch函数 与Vue2.x中watch配置功能一致 两个小“坑”： 监视reactive定义的响应式数据时：oldValue无法正确获取、强制开启了深度监视（deep配置失效）。 监视reactive定义的响应 ......
Vue脚手架配置代理
Vue-cli配置代理 在前后端直接配置一个代理服务器，这个代理服务器和前端处于一个位置，当前端向后端请求数据的时候，不会直接访问后端，而是找这台代理，代理收到前端的请求，转发给后端，如果收到后端的响应数据，就把这些数据返回给前端。 方法一 在vue.config.js中添加如下配置： devSer ......
vue2源码-九、异步更新
异步更新 异步更新原因 以下情况下： vm.name = '123' vm.name = '234' vm.name = '123' ... 如果我们频繁的修改一个数据，就会多次触发视图渲染dep.notify->watcher.update 这样就会降低性能，因此就需要采用异步更新策略，仅仅在最后 ......
vue项目部署后 nginx配置重定向 大文件报错问题
删除Nginx缓存文件试试？ # rm -rf /usr/local/nginx/proxy_temp 注意proxy_busy_buffers_size是proxy_buffers的两倍，proxy_temp_file_write_size也要比proxy_buffers大。 ......
vue3微信公众号商城项目实战系列（10）生成订单页面
本篇实现订单确认页面的功能，订单及订单明细表结构如下： 表名 字段 功能 order order_id (int) 订单编号 user_id (int) 用户编号 nickname (varchar) 昵称 mobile (varchar) 联系电话 address (varchar) 收货地址 t ......
uhttp luci simple-app
uhttp luci simple-app see https://forum.openwrt.org/t/rest-api-supported-in-openwrt/17210/6 You probably do want Luci, or at least to take a look at h ......
Vue封装的过渡与动画
Vue封装的过渡与动画 作用 在插入、更新或移出DOM元素时，在合适的时候给元素添加样式类名。 css3实现动画 先来复习一下css3是如何实现的。 1.准备动画 @keyframes 动画名 { from { transform: translateX(-100%); } to { transfo ......
Vue3 基于组合式 API 使异步获取的数据对象具有响应性
Vue3 基于组合式 API 使异步获取的数据对象具有响应性 在 Vue 3 中，可以使用组合式 API 中的 ref 和 reactive 函数来使异步获取的数据具有响应性。 一、使用ref 首先，使用 ref 函数创建一个响应式的基本数据类型，例如字符串、数字或布尔值。然后，在异步获取数据的回调 ......
vue3微信公众号商城项目实战系列（9）购物车页面
本篇显示购物车中的商品，购物车表结构如下，我们通过接口服务抓取登录用户的购物车信息。 表名 字段 功能 shoppingcart cart_id (int) 购物车编号 user_id (int) 用户编号 goods_id (int) 商品编号 goods_name (varchar) 商品名称 ......
客服系统源码界面，访客发送评价功能界面，vue+elementui发起评价
近期在定制化聊天界面的过程中，重写了下访客聊天界面的评价弹窗功能。 现在实现的效果是下面这样的 实现代码html部分 <!--在线评价--> <div v-if="comment.dialog" class="comment"> <div class="scoreBox"> <i class="ic ......
niushop的APP端头像修改问题
这几天修改niusop，遇到niushop APP端头像无法上传问题，以下是解决方案； niushop版本 4.1.12 后台修改： . /app/api/controller/Member.php中 modifyheadimg()方法 修改成： /** * 修改会员头像 * @return str ......
ConcurrentHashMap源码&底层数据结构分析
ConcurrentHashMap：线程安全的HashMap 1.存储结构 ConcurrnetHashMap 由很多个 Segment 组合，而每一个 Segment 是一个类似于 HashMap 的结构，所以每一个 HashMap 的内部可以进行扩容。但是 Segment 的个数一旦初始化就不能 ......
Vue3 computed计算属性
视频 7.计算属性与监视 1.computed函数 与Vue2.x中computed配置功能一致 写法 import {computed} from 'vue' setup(){ ... //计算属性——简写 let fullName = computed(()=>{ return person.f ......
vue利用正则去除富文本的标签和样式
const removeHtmlStyle =(html :any)=> { let relStyle = /style\s*?=\s*?([‘"])[\s\S]*?\1/g; //去除样式 let relTag = /<.+?>/g; //去除标签 let relClass = /class\s* ......
顶象uni-app版设备指纹上线，满足企业多平台服务需求
某旅游公司，在短视频平台上发布了自己的小程序服务。用户观看精彩旅游直播或视频时，可以转到视频平台的小程序上查阅详细路线套餐。该旅游公司想详细了解来访者的更多情况，以便于进行深度营销，为用户提供个性化服务。经过多番比较，他们选用了顶象uni-app版设备指纹。 顶象uni-app版设备指纹，通过用户上 ......
vue中安装node-sass、sass-loader报错问题解决方法
可行版本（针对 node 16+ 版本） npm install node-sass@6.0.1 -D npm install sass-loader@10.2.0 -D 问题描述 问题描述：在进行一个vue项目练习时需要导入node-sass、sass-loader这两个依赖，书本提供代码是npm ......
运行一个vue项目vite-electron-vue
必备软件： 1） visual studio code 2） nodejs 18.16.0 3） yarn 下载源码： 项目fork 自 https://gitee.com/mywink/vite-electron.git git clone https://gitee.com/panie/vite ......
使用Vue.js实现文字跑马灯效果
实现文字跑马灯效果，首先用到 substring()截取 和 setInterval计时器 clearInterval()清除计时器 效果如下： 实现代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ......
手机备忘录APP哪个好用
你有随手记事的习惯吗？如果你观察周围办事细致、不容易忘事的朋友或同事，你就会发现这些人都有一个共同的特点，这就是能够做到随手记录琐事，例如记录家庭和孩子的各种注意事项、待办事项，记录工作中的任务清单、需要注意的事情，记录学习笔记等。 而以前大家想要随手记事，需要使用纸质版的笔记本或记事本，但随着智能 ......
可以提升效率的待办清单APP
办事效率高的人，都有什么样的共同特征呢？很多人都发现，他们办事都很有条理，知道自己每个时间段应该完成的事情有哪些。而我们每天要处理的工作任务、生活事项也是非常多的，如何提高办事效率，让自己在有限的时间内完成更多的事情呢？ 今天我们要为大家介绍的就是一款提升效率必备的待办清单APP——敬业签。为什么要 ......
vue面试题
一、 1.v-show和v-if区别的区别： v-show通过css display控制显示和隐藏，v-if组件真正的渲染和销毁，而不是显示和隐藏，频繁切换状态使用v-show 否则v-if 2.为何v-for要用key 快速查找到节点，减少渲染次数，提升渲染性能 3.描述vue组件声明周期mm 单 ......
Vue2 css mixins变量自动导入配置
vue.config.js const path = require("path"); function addStyleResource(rule) { rule .use("style-resource") .loader("style-resources-loader") .options({ ......
视频直播系统源码，CSS3如何调整背景图片大小
视频直播系统源码，CSS3如何调整背景图片大小 1.length length：设置背景图片的高度与宽度。第一个值设置宽度，第二个值为高度。如果只给出第一个值，那么第二值则设置为auto（自动）。 举例，将背景图片改为20emx20em(默认1px = .05em) width: 30em; hei ......
Vue 3.0的使用
创建项目 vue_cli创建项目 vue_cli的安装见：https://www.cnblogs.com/smyz/p/17309086.html 使用vue_cli创建项目与创建vue2.0项目步骤相同 # 1. 进入到相关目录 # 2. 使用下面的命令进行创建 vue create 项目名称 v ......
vue3微信公众号商城项目实战系列（8）商品展示页面
本篇实现在首页展示商品功能，表结构如下： 表名 字段 功能 goods goods_id (int) 商品编号 goods_name (varchar) 商品名称 photo (varchar) 商品图片 price (decimal) 价格 商品表 页面呈现效果如下： 第1步：在 api.js 中 ......