升级 GLIBC 2.28

安装必要的工具: sudo apt-get install gawk bison -y 下载 GLIBC 2.28 源代码: wget -c https://ftp.gnu.org/gnu/glibc/glibc-2.28.tar.gz 解压缩源代码: tar -zxvf glibc-2.28.tar.gz && cd glibc-2.28 创建构建目录并进入: mkdir build && cd build 配置安装路径: ../configure –prefix=/opt/glibc-2.28 编译和安装: make && sudo mak …

JavaScript 设计模式

设计模式是为我们编写代码和解决常见问题提供一种框架。 在 JavaScript 中,设计模式可以分为三大类:创建型模式、结构型模式和行为型模式。 下面我们将详细介绍每种模式以及应用场景和代码示例。 创建型模式 创建型设计模式专注于处理对象创建机制,以合适的情况创建对象。这包括了工厂模式、抽象工厂模式、建造者模式、原型模式、单例模式。 工厂模式 工厂模式(Factory Pattern)是一种创建型设计模式,用于创建对象的过程中封装实例化的逻辑。它提供了一种统一的接口来实例化对象,而不需要直接使用构造函数。 应用场景: 当创建对象的过程比较复杂,包含多个步骤或依赖关系时,可以使用工厂模式来将这些 …

CSS-in-JS 与 vue-styled-components

CSS-in-JS 是一种将 CSS 样式与 JavaScript 代码结合的方法,使得样式可以直接嵌入到组件中,从而实现更好的样式封装和动态计算样式。本篇学习笔记将介绍如何在 Vue 中使用 CSS-in-JS,以及 vue-styled-components 库的用法。 什么是 CSS-in-JS? CSS-in-JS 是一种将样式与组件关联的方法。它允许你将 CSS 样式编写在 JavaScript 代码中,使样式与组件逻辑更紧密地结合在一起。CSS-in-JS 可以实现以下优势: 样式封装:将样式与组件关联,避免全局样式的污染。 动态样式:使用 JavaScript 动态计算样式,根据 …

vue混入element ui全局追加表单验证规则

混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。   全局混入 使用全局混入,它将影响每一个之后创建的 Vue 实例。使用恰当时,这可以用来为自定义选项注入处理逻辑。 // 为自定义的选项 ‘myOption’ 注入一个处理器。 Vue.mixin({ created: function () { var myOption = this.$options.myOption if (myOption) { console.log(myOptio …

uni-app web-view 遮挡问题

web-view 是一个 web 浏览器组件,可以用来承载网页的容器,会自动铺满整个页面。 一、引用了web-view组件之后  进行修改 // #ifdef APP-PLUS var currentWebview = this.$mp.page.$getAppWebview() //获取当前页面的webview对象 setTimeout(function() { wv   = currentWebview.children()[0] wv.setStyle({top:150,height:300}) }, 1000); //如果是页面初始化调用时,需要延时一下 // #endif 二、使用j …

阿里对象存储视频预览API

OSS提供的视频截帧功能和OSS图片服务功能使用的方式是类似的,都是通过传入x-oss-process参数的方式来实现的。最简单的使用方式就是直接在public的object的url后面拼接处理字符串。比如如下的url: https://test-s1a.oss-cn-beijing.aliyuncs.com/video1.mp4?x-oss-process=video/snapshot,t_2000,m_fast 指定的就是对demo.mp4这个文件直接调用视频截图,截图的位置由参数t指定,后面的单位是ms,因此这个url的含义就是截取视频文件的第10s的内容。生成的url可以直接嵌入在网页 …