vue vue-cli-service min源码
ThreadPoolExecutor源码分析
1.ctl说明 ctl是线程池的状态控制,他是一个原子整数,主要记录当前线程池状态和当前线程池的工作数量。其实一个32位的整数,其中前三位记录的是当前线程池的状态,后29为记录的是当前工作的线程数量,也就是线程池目前支持的最大工作线程数量为0001 1111 1111 1111 1111 1111 ......
cbv分析、模板、请求与响应、session及源码分析、闪现、请求扩展
cbv分析 # 基于类的视图,写法 from flask import Flask,request from flask.views import View, MethodView app = Flask(__name__) app.debug = True # 视图类,继承MethodView,类 ......
vue数组和对象进行 watch 和 watchEffect 对比
const arr1 = ref([]); const arr2 = reactive([]); const obj1 = ref({}); const obj2 = reactive({}); watchEffect(() => { console.log("watchEffect arr1", ......
超详细!新手如何创建一个Vue项目
本篇仅以HBuilder X为例,其余开发软件同样适用
这里两种方法,使用script标签直接引入本地的vue.js或使用CDN引入。 ......
vue引入粒子背景图效果
安装依赖 npm install vue-particles --save-dev main.js import VueParticles from 'vue-particles' Vue.use(VueParticles) template <vue-particles color="#409EF ......
如何在vue3获取 DOM 元素
获取dom的ref元素名称,要对应暴露的名称,不然会出现无效的dom报错,也就是拿到的是null 在setup中,使用ref(null)获取dom 不能直接在setup里面拿到dom的值,因为setup对应的生命周期是created,所以必须在后续的生命周期钩子里面拿到,比如onMounted 注意 ......
DayOne-Vue的基本使用指令以及过滤器
一、Vue 1、什么是Vue Vue是一个流行的JavaScript框架,用于构建用户界面。它被设计成渐进式的,可以逐步应用到现有的项目中,也可以构建全新的应用。Vue的核心库只关注视图层,因此易于集成到其他库或现有项目中。Vue具有响应式和组件化的特性,使得开发者可以更轻松地管理和维护复杂的用户界 ......
Vue3——使用deep进行样式穿透的时候发出v-deep警告
前言 其实只是一个警告,如果你不在意也是可以的,不过有点强迫症就按着提示说的改了,然后又去官网看了下对应的文档; !> ::v-deep usage as a combinator has been deprecated. Use :deep() instead. 这里没啥好说的,因为Vue3的文档 ......
源码分析STOP REPLICA
STOP REPLICA的用户线程堆栈: #0 0x00007f73d8878de2 in pthread_cond_timedwait@@GLIBC_2.3.2 () from /lib64/libpthread.so.0 #1 0x00000000048d9f56 in native_cond_ ......
vue指令之事件指令
什么是事件指令 事件指的是:点击事件,双击事件,划动事件,焦点事件... 语法 v-on:事件名='函数' # 注意:函数必须写在 methods配置项中 示例 # 点击按钮,隐藏h1标签 <body> <div id="app"> <button v-on:click="myclick">点我</ ......
vue 之 computed方法自带缓存踩坑1
使用场景:ant-vue 穿梭框使用 页面使用computed方法处理组织结构数据,退出页面时,对加载数据做了set null 操作,再次进入页面时,穿梭框只显示数据,无法做左右穿梭功能。 原因:computed方法在页面初始化时执行,且只执行一次,并会将方法内的数据进行缓存。退出页面做了数据清除工 ......
vue 中数据更新视图不更新
Vue无法检测实例被创建时不存在于data中的变量 new Vue({ data:{}, template: '<div>{{message}}</div>' }) this.message = 'Hello world !' // `message` 不是响应式的页面不会发生变化 解决: new ......
Prism源码分析--IDialogService
1,首先看下接口提供了哪些方法 2,逻辑的实现类是DialogService,业务逻辑层一般使用方法如下 3,上面使用的方法实际上是IDialogService的一个扩展方法,扩展方法调用了实现类中的Show方法 4,Show方法内又调用了ShowDialogInternal 5,ShowDialo ......
ETCD源码阅读(五)
DAY4 :ETCD的WAL WAL(Write-Ahead Logging)是数据库中保证数据持久化的常用技术。每次真正操作数据之前,先往磁盘上追加一条日志。由于日志是追加的(顺序写,而不是随机写),所以写入性能非常高。 如果在写入日志之前,发生系统崩溃,那么数据肯定是没有写入磁盘的;如果在写入日 ......
vue中$forceUpdate()的使用
刷新数组的作用 this.$forceUpdate(); 具体请看:vue中$forceUpdate()的使用 - 简书 (jianshu.com) ......
使用vue2+element-ui+vuex实现后台管理系统的头部背景色动态点击修改
**以下内容仅供自己学习使用 话不多说,直接上代码 首先去vuex里面 import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); const store = new Vuex.Store({ state: { headerColor ......
flask之cbv分析-模板-请求与响应-session及源码分析-闪现-请求扩展
flask之cbv分析-模板-请求与响应-session及源码分析-闪现-请求扩展 今日内容详细 1 cbv分析 # 基于类的视图 写法 from flask import Flask, request from flask.views import View, MethodView # 一般继承M ......
vue项目内存溢出,JavaScript heap out of memory
第一种方式: 参考地址:https://blog.csdn.net/wj197927/article/details/124323835 第二种方式: 修改NODE_OPTIONS NodeJS启动的应用,内存使用是有上限的;默认为4GB(不同机器环境可能会有不同)。NodeJS应用使用的内存上限, ......
项目实践后的图片压缩完整使用过程【vue3+js】
van-uploader + 图片压缩 + 图片base64转成file compressImage.js const ACCEPT = ['image/jpg', 'image/png', 'image/jpeg'] const MAXSIZE = 1024 * 1024 * 2; const M ......
npm run dev 出现问题:vue-admin-template-master/node_modules/.bin/vue-cli-service: Permission denied
在Mac环境下,当复制Vue-cli项目或通过版本工具获取已有项目后,执行命令npm run serve进行调试时,可能会提示XXX/node_modules/.bin/vue-cli-service: Permission denied 权限不足的问题。 解决方案:找到项目的根目录,打开终端,输入 ......
Grafana--Min step与Resolution
问题: 今天在统计机房请求量的时候,发现时间选择12 hours时还是正常的,但是选择24 hours时就有一些线条出不来,数据也有缺失,如下: 12 hours 24 hours 问了同事,说是数据量太多,导致线条失真,可以改大步长(step),然后去百度了下step,没看懂... 先记录下现象, ......
VUE watch监听器的基本使用方法详解
1、下面代码是watch的一种简单的用法 <div id="app"> <input type="text" v-model="firstName" /> </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></scri ......
直播小程序源码,小程序页面左右滑动如何解决
直播小程序源码,小程序页面左右滑动如何解决 1、css解决 //最外层父元素 width:100%;overflow-x:hidden; 2、pages.json中配置 {"path": "platforms/mp-weixin/mine/mine","style": { //disableScr ......
app直播源码,css预加载旋转动画 与 流光字体
app直播源码,css预加载旋转动画 与 流光字体 一、预加载旋转动画 Html <view class="concentric_round"></view> css body {}.concentric_round {width: 200rpx;height: 200rpx;position: ......
在线直播系统源码,Vue3中全局配置 axios
在线直播系统源码,Vue3中全局配置 axios 1. 简单项目的全局引用 如果只是简单几个页面的使用,无需太过复杂的配置就可以直接再 main.js 中进行挂载 import Vue from "vue"; /* 第一步下载 axios 命令:npm i axios 或者yarn add axio ......
vue3使用iconfont字体图标时的注意事项
前言 iconfont地址:https://www.iconfont.cn/ 正文 在代码中如何引用 https://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.27&helptype=code 字体图标的自带颜色 有些字体图标是 ......
glib库源码分析1
/** * g_main_loop_quit: * @loop: a #GMainLoop * * Stops a #GMainLoop from running. Any calls to g_main_loop_run() * for the loop will return. * * Note ......
vue 常用动画
来源: https://juejin.cn/post/6844903638402334734 Vue 常用 transition 动画效果记录 我的代码果然有问题 2018年07月15日 13:48 · 阅读 3839 先简单介绍下 transition 标签的使用方法 主要用于 v-show, v ......
vue第三课:简单点击器应用
简单需求: 1,最小为0 ,小于0则不能再点击减少,并显示提示 2,最大值为10,小于10则可以点击增加,超过10则不能再点击,并显示提示 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>v-html测试 </title> <s ......
vue第二课:常用标签
1,v-text指令 <div id='app'> <h2 v-text="message+'???'"></h2> <h2 v-text="info"></h2> <h2>{{message+'??'}}江苏</h2> </div> <script> Vue.config.productionTi ......