中文大约的确已经死了
转载自微信公众号:https://mp.weixin.qq.com/s/GZKMemoSIDtKBKOI6orVsQ除了排版未作任何修改。
中文好像越来越年轻。
每天每时每刻都会很多的新词,比如暴风吸入跺 jiojio 绝绝子,比如一些莫名其妙的首字母缩写,死成了 S,钱打成 Q,还有脸成了 L。
又比如,最近很喜欢把阳性患者叫做小羊人,女性叫母羊,老人叫老羊,阳性的那座楼就成了羊窝。
新词层出不穷,语言与时俱进,捉羊不过是开个玩笑,这些当然都知道。但眼睁睁看着流行词翻滚汹涌,中文互联网换了人间,总有那么一瞬间猛然觉得:
2022 年,简体中文大约的确已经死了。
1、中文越来越低幼。现在有一种风气,是全员主动去接受低龄化、巨婴化的用词和语法。
最近的疫情里,防疫人员说成了大白,阳性成了两脚羊,上海成了生煎包。好好的一句 “上海加油”,却又成了 “大白来羊窝抓羊,小羊人乖乖毕业,生煎包加油加油”。
一时间,什么都成了抄作业,什么都成了开卷考。
我讨厌这种低龄化的表达,讨厌这种思想的退化,讨厌低龄化表达加剧的思想的退化。
你看裁员这个词太没人情味,不如就叫毕业;抑郁这个词太低情商了 ...
寻找最近的回文数
题目描述给定一个表示整数的字符串 n ,返回与它最近的回文整数(不包括自身)。如果不止一个,返回较小的那个。
“最近的”定义为两个整数差的绝对值最小。
示例 1:
输入: n = “123”输出: “121”
示例 2:
输入: n = “1”输出: “0”
解释: 0 和 2是最近的回文,但我们返回最小的,也就是 0。
提示:
1 <= n.length <= 18
n 只由数字组成
n 不含前导 0
n 代表在 [1, 1018 - 1] 范围内的整数
Z字形变换
题目描述将一个给定字符串 s 根据给定的行数 numRows ,以从上往下、从左到右进行 Z 字形排列。
比如输入字符串为 “PAYPALISHIRING” 行数为 3 时,排列如下:
123P A H NA P L S I I GY I R
之后,你的输出需要从左往右逐行读取,产生出一个新的字符串,比如:”PAHNAPLSIIGYIR”。
请你实现这个将字符串进行指定行数变换的函数:
string convert(string s, int numRows);
示例 1:
输入:s = “PAYPALISHIRING”, numRows = 3 输出:”PAHNAPLSIIGYIR”
示例 2:
输入:s = “PAYPALISHIRING”, numRows = 4 输出:”PINALSIGYAHRPI”
解释:
1234P I NA L S I GY A H RP I
示例 3:
输入:s = “A”, numRows = 1 输出:”A”
提示:
1 <= s.length <= 1000
...
性能优化点
Implementations typically have a style change event to correspond with their desired screen refresh rate, and when up-to-date computed style or layout information is needed for a script API that depends on it.
意思是说,浏览器通常还会在两种情况下会产生样式变更事件,一是满足屏幕刷新频率(不就是 requestAnimationFrame?),二是当 JS 脚本需要获取最新的样式布局信息时。
在 JS 代码中,有些 API 被调用时,浏览器会同步地计算样式和布局,频繁调用这些 API(offset*/client*/getBoundingClientRect/scroll*/…等等)通常会成为性能瓶颈。
Vue3+Vite服务端渲染踩坑
找不到名称“require”。是否需要为节点安装类型定义? 请尝试使用 npm i --save-dev @types/node,然后将 “node” 添加到类型字段。ts(2591)解决方法安装@types/node依赖包,并在tsconfig.json文件中compilerOptions的types配置中增加’node’
12345678"compilerOptions": { // ... "types": [ "vite/client", "node" ], // ... }
SyntaxError: Cannot use import statement outside a moduleelementPlus自动引包导致的错误,手动引包解决
路由配置123456export function createRouter() { return _createRouter({ history: ...
Web全屏显示元素
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485 <template> <main> <section class="left">left</section> <section ref="fullScreenEle" class="main-content"> main-content <el-button @click="handleFullScreen">全屏切换</el-button> </section> <section class="right">righ ...
JavaScript继承机制
JavaScript的继承做了两件事,一个是new一个构造函数的实例对象,一个是共享构造函数的prototype对象
JavaScript的设计者Brendan Eich为了解决实例对象之间无法共享属性和方法问题,新增了prototype属性,
这个属性是在构造函数里的,它包含一个对象(以下简称”prototype对象”),所有实例对象需要共享的属性和方法,都放在这个对象里面;那些不需要共享的属性和方法,就放在构造函数里面。
实例对象一旦创建,将自动引用prototype对象的属性和方法。也就是说,实例对象的属性和方法,分成两种,一种是本地的,另一种是引用的。
实例对象有一个__proto__属性,这个属性指向的是构造函数的prototype对象,这就构成了js的原型链
Vue跳转页面锚点
正文主要是用scrollIntoView函数,但是当页面有吸顶的header时定位到锚点的时候header会盖住一部分,scrollIntoView函数没办法直接解决这个问题,这里的破题思路是直接滚动一下页面的滚动条,让它往下滚动一点点,代码如下
12345678jumpAnchor (anchor) { if (this.$refs[anchor]) { this.$refs[anchor].scrollIntoView(true) this.$nextTick(() => { document.documentElement.scrollTop = -130 + this.$refs[anchor].offsetTop }) } }
总结解决这个问题的时候思路一度陷入用scrollIntoView函数解决问题的僵局,但是scrollIntoView函数根本就不支持解决这个问题。要做到善用工具,打开思路。
面试问到HTTP就这么回答
HTTP和HTTPs的区别
HTTP 是明文传输协议,HTTPS 协议是由 SSL+HTTP 协议构建的可进行加密传输、身份认证的网络协议,比 HTTP 协议安全。
HTTPS比HTTP更加安全,对搜索引擎更友好,利于SEO,谷歌、百度优先索引HTTPS网页;
HTTPS需要用到SSL证书,而HTTP不用;
HTTPS标准端口443,HTTP标准端口80;
HTTPS基于传输层,HTTP基于应用层;
HTTPS在浏览器显示绿色安全锁,HTTP没有显示;
为什么HTTPS比HTTP安全?HTTP的问题HTTP是明文协议,它有以下缺点:
通信使用明文(不加密),内容可能被窃听
无法证明报文的完整性,所以可能遭篡改
不验证通信方的身份,因此有可能遭遇伪装
HTTP明文协议的缺陷是导致数据泄露、数据篡改、流量劫持、钓鱼攻击等安全问题的重要原因。
HTTPS如何解决HTTP上述问题?HTTPS并非是应用层的一种新协议。只是HTTP通信接口部分用SSL(Secure Socket Layer)和TLS(Transport Layer Security)协议代替而已。通 ...
学习CSS3中rotate函数并画了个时钟
这天逛博客看到好多大佬的网站上都有时钟贼拉有格调,就想自己也整一个,想到作为一个前端开发人员,体现前端开发技术的时刻到了<( ̄︶ ̄)>,用CSS画一个!先给大家看效果:
前置知识下面来总结一下用到的知识点:
rotateZ()函数rotateZ()这个CSS 函数定义了将元素在Z轴(就是数学坐标系X轴,Y轴,Z轴里的Z轴)上旋转而不使其变形的方法。 其运动的程度由指定的角度来定义;如果是正的,则为顺时针旋转,如果是负的,则是逆时针旋转。
rotate()函数
The rotate() CSS 函数 定义一个旋转属性,将元素在不变形的情况下旋转到不动点周围(如 transform-origin 属性所指定) 。 移动量由指定角度定义;如果为正值,则运动将为顺时针,如果为负值,则为逆时针 。 180°的旋转称为点反射 (point reflection)。
transform-origin属性transform-origin CSS属性让你更改一个元素变形的原点。
时钟实现
画出表的圆心
这里我用背景垂直水平居中+before伪类直接在背景上画出来的
画出时针、分针、秒 ...