Author: admin

this指向问题,标签上绑定onclick事件this指向问题

admin web前端 暂无评论 375 浏览

<input type="button" value="修改" οnclick="changeContent()">

写在元素上onclick里面的函数changeContent，相当于函数直接调用，函数里面使用的this指向全局对象window，

而不是指向该元素

 

那么要获取onclick所在节点的object，我们则需要在调用function时就把this传递过去：

<input type="button" value="修改" οnclick="changeContent(this)">

这里的this指这个input标签，$(this)将其变为jq对象；

function changeContent（e）{

var _this = $(this)

}

…

Read more

JS实现随机生成字符串的方法（可指定长度）

admin web前端 暂无评论 1,025 浏览

1.定义随机截取字符串

const _charStr = 'abacdefghjklmnopqrstuvwxyzABCDEFGHJKLMNOPQRSTUVWXYZ0123456789';

2.定义随机生成索引函数

/**
 * 随机生成索引
 * @param min 最小值
 * @param max 最大值
 * @param i 当前获取位置
 */
function RandomIndex(min, max, i){
    let index = Math.floor(Math.random()*(max-min+1)+min),
        numStart = _charStr.length - 10;
    //如果字符串第一位是数字，则递归重新获取
    if(i==0&&index>=numStart){
        index = RandomIndex(min,
…
Read more

王垠：对 Go 语言的综合评价

admin Go 暂无评论 1,033 浏览

大家好，我是煎鱼。

对 Go 语言评价的人是非常多的，在基于自己多编程语言设计和思考的理解外，也可以多看看其他人是怎么想的，有助于多角度的认知。

今天给大家分享的是日常争议很大的王垠所写的《对 Go 语言的综合评价[1]》，看看能不能得到些什么。

以下为原文，内容仅代表王垠本人的评价，不代表煎鱼也一定认同。内容有所修整、格式、排版。篇幅比较长，建议收藏，预留时间阅读。…

Read more

你还在直接用 localStorage 么？该提升下逼格了

admin web前端 暂无评论 387 浏览

很多人在用 localStorage 或 sessionStorage 的时候喜欢直接用，明文存储，直接将信息暴露在；浏览器中，虽然一般场景下都能应付得了且简单粗暴，但特殊需求情况下，比如设置定时功能，就不能实现。就需要对其进行二次封装，为了在使用上增加些安全感，那加密也必然是少不了的了。为方便项目使用，特对常规操作进行封装。不完善之处会进一步更新...(更新于：2022.07.04 17:30) 已更新。

设计

封装之前先梳理下所需功能，并要做成什么样，采用什么样的规范，部分主要代码片段是以 localStorage作为示例，最后会贴出完整代码的。可以结合项目自行优化，也可以直接使用。

// 区分存储类型 type
// 自定义名称前缀 prefix
// 支持设置过期时间 expire
// 支持加密可选，开发环境下未方便调试可关闭加密

// 支持数据加密 这里采用 crypto-js 加密 也可使用其他方式

// 判断是否支持 Storage isSupportStorage

// 设置 setStorage

// 获取 getStorage

// 是否存在
…
Read more

11个罕见的 JavaScript 单行代码，会让你大吃一惊

admin web前端 暂无评论 391 浏览
在今天的文章中，我将与你一起来学习 11 个罕见但功能强大的单行代码。现在，准备好，让我们开始吧！

如果你想给专业开发人员留下深刻印象，你会做什么？很简单：用简单的逻辑和尽可能少的代码行来解决一个复杂的问题。随着 ES6 箭头函数的引入，可以创建看起来优雅而简单的单行代码。

在今天的文章中，我将与你一起来学习 11 个罕见但功能强大的单行代码。现在，准备好，让我们开始吧！

1、获取字符串中的字符数

获取字符数是一个有用的实用程序，在许多情况下都很有用，我们可以使用它来获取空格数和随后的单词数，或者这可用于获取字符串中某个分隔符的计数。

const characterCount = (str, char) => str.split(char).length - 1

 

这个想法很简单，我们使用传递的参数 char 拆分字符串并获取返回数组的长度。由于每次将字符串拆分，都会比拆分器多一个；所以减去 1，我们有一个 characterCount 单行。

2、检查对象是否为空

检查对象的空性实际上比看起来要困难得多，即使对象为空，每次检查对象是否等于 {} 也会返回

…
Read more

通过流混合改善音频/视频实时流体验

admin 音视频 暂无评论 423 浏览

流混合是一种将多个音频或视频流组合到云上的一个流技术，广泛应用于直播、在线教育、音频室直播等场景。开发人员可以通过播放混合流来查看屏幕并听到聊天室中所有成员的声音，无需管理聊天室中的每个流。

 

流混合是一种将多个音频或视频流组合到云上的一个流技术，广泛应用于直播、在线教育、音频室直播等场景。开发人员可以通过播放混合流来查看屏幕并听到聊天室中所有成员的声音，无需管理聊天室中的每个流。

流混合的优势

流混合之所以广泛应用于音频和视频领域，是因为它可以给开发人员带来以下好处。

1. 低成本

在大型直播或在线教育场景中，如果多方在一个房间内共同主持，房间内的所有用户需要播放多条流。使用流混合技术，只需要播放一个流。即在双方托管的情况下，费用可减半。在多方托管的情况下，成本可以降低(n - 1)/n。如果使用审查机制（比如淫秽内容审核），成本也可以降低(n - 1) /n，因为只需要查看一个流的图像。

2. 简单的代码逻辑

当多个主机共同托管并使用流混合时，观众只需播放混合流并进行渲染，而不是播放和渲染多个流。

3.在不同平台之间轻松转发

如果没有流混合，我们无法在多方共同托管方案中将直播转发到 Facebook​、YouTube 和其他直播流平台。因为这些平台只有一个 RTMP 地址，我们无法将多个流转发到一个地址。

4. 移动客户端上的 Web 浏览器支持的多方共同托管

对于 iPhone 用户，Safari 浏览器不支持同时播放多个音频文件。当播放多个流时，就只能播放一个流，流混合可以解决这个问题。由于手机性能和浏览器性能的限制，手机上的大多数Web浏览器一般可以播放最多四个流。借助流混合技术，可以播放的最大流数会有很大的增加，并且无需额外的带宽和性能消耗。

什么是流混合

如下图所示，当一个聊天室中的多个用户发布流时，服务器会根据布局配置将两个流合并为一个流，这样观众就可以播放混合流查看用户 A 和用户 B 的屏幕。

流混合的实现

1. 流体混合工艺

a) …

    
Read more

github package的使用教程

admin 个人日志 暂无评论 653 浏览

一、写在前面

上一次，笔者向大家介绍了把gitlab仓库作为npm私包的使用方法，具体的详见我的博文地址https://www.cnblogs.com/cnroadbridge/p/16406476.html，它能用，但是不够优雅，比如说你想知道那个包的版本就不是很直观能够在package.json中体现。好多天前，一次偶然的机遇，被甲方的金主发掘并看上，脱离后端好久的我硬着头皮写了一些Node方面的面试题，具体的详见我的博文地址https://www.cnblogs.com/cnroadbridge/p/16361744.html，通过面试后就去了某地一线内卷中心进行周末兼职工作，还挺有意思的，嘿嘿，老板给我工钱的同时，我又能学习接触新的领域和知识，这不，在这其中我就学到了一种基于gitlab管理npm私包的方法。…

Read more

Vite 现在是 Laravel 应用程序的默认前端资产捆绑器

admin PHP 暂无评论 1,856 浏览

Laravel 团队一直在努力为 Laravel 集成Vite 。截至本周，Vite 现在是新 Laravel 项目中的默认前端资产捆绑器，同时更新了 Breeze 和 Jetstream：

…
    
Read more

JavaScript 容器

admin web前端 暂无评论 720 浏览

大多数服务器程序是 Linux 程序。它们包括一个文件系统、一些可执行文件，可能还有一些共享库，它们可能与 systemd 或 nsswitch 等系统软件交互。

Docker 普及了 Linux 容器的使用；操作系统级虚拟化，为分发服务器软件提供了一种极好的机制。每个容器镜像都是一个无依赖的可立即运行的软件包。

由于服务器软件通常依赖于许多系统资源和配置，因此在过去部署它一直充满挑战。Linux 容器解决了这个问题。…

Read more