写在开头 点赞 + 收藏 学会 前言 面试官问我,[] == ![] 的结果是啥,我:蒙一个true; 面试官:你是对的;我:内心非常高兴; 面试官:解释一下为什么; 我:一定要冷静,要不就说不会吧;这个时候,面试官笑了,同学,感觉你很慌的一批啊! 不必慌张,我们慢慢来! 在 ...
前言: 公司现有一个新需求需要在原有的vue2项目上面进行预渲染,进行SEO的优化,在网上进行了一系列的搜索,发现两种简单易上手的方案(1.使用prerender-spa-plugin+vue-meta-info进行打包构建;2.使用nuxt.js在开发过程中就渲染呈现出来) 因是在原有项目基础上进 ...
一、JQuery了解 1 .原生JS的问题 我们会发现原生的JS编程很麻烦,尤其在兼容性的问题 选择元素,权限兼容的只有getElementById和getElementsByTagName;其他方法都有兼容问题 样式操作也有兼容问题,还得我们自己封装,封装getStyle() 动画也麻烦,也得自己 ...
写在开头 点赞 + 收藏 学会 后端:密码得走密文哇! 我:base64?md5? 后端:这次不行哇,新来的测试不好糊弄呢!必须要国密sm2加密捏 我: 好吧,看我的。 我这边使用的是sm-crypto,当然也有很多优秀的库如:forge,我在业务上搭配jszip做过上传zi ...
今天我们来学习一个有意思的多行文本输入打字效果,像是这样: 这个效果其实本身并非特别困难,实现的方式也很多,在本文中,我们更多的会聚焦于整个多行打字效果最后的动态光标的实现。 也就是如何在文本不断变长,在不确定行数的情况下,让文字的最末行右侧处,一直有一个不断闪烁的光标效果: 单行文本打字效果 在此 ...
★ 将File对象转换为URL的两种方式 方式一. URL.createObjectURL(object) 返回了一个DOMString包含了一个对象URL,该URL可用于指定源 object的内容。其参数为用于创建 URL 的File 对象、Blob 对象或者 MediaSource 对象。 方 ...
JavaScript 是一种弱类型语言,开发者经常需要判断变量的数据类型。本文介绍了 typeof、instanceof、Object.prototype.toString.call 等常用的判断方法,并讨论了 typeof null 返回 object 的历史原因。此外,还涵盖了如何判断箭头函数、... ...
零:前端目前形势 前端的发展史 HTML(5)、CSS(3)、JavaScript(ES5、ES6):编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 Ajax的出现 -> 后台发送异步请 ...
★ 背景说明 在浏览器环境中,由于安全性限制,不能直接将网络图片地址转换成 File 对象。File 对象是用户在客户端上传文件时才能创建的,而不能由前端代码直接将网络图片地址转换成 File 对象。 ★ 解决方案 如果你想要将网络图片地址转换成 Fie 对象,你需要先将图片下载到客户端,然后再将其 ...
脚本化CSS 我们刚讲过如何获取和设置行内样式的值,但是我们开发不会所有样式都写在行内,同时js没法获取内嵌样式表和外部样式表中的值. 事实上DOM提供了可靠的API,得到计算后的样式。 1. 获取计算样式表 只读,不可写 获取的值是计算后的绝对值,不是相对值 window.getComputedS ...
写在开头 点赞 + 收藏 学会 场景是用户通过微信扫app内的收款码,跳到一个h5页面。然后完成支付。 代码实现的整体流程: 使用微信扫码,码是app内生成的,码的内容是一个h5页面链接,扫码完成后跳转到自定义的h5支付界面。 扫码进入后,将页面展示所需要的参数进行缓存起来, ...
一.定时器 1. JS存在两种定时器 setTimeout() 延迟定时器 setInterval() 循环定时器(“间隔器”) 定时器中的函数挂载在window对象,内部的this ——> window setTimerout(function(){ console.log('wuwei') }, ...
写在开头 点赞 + 收藏 学会 近期产品期望在后台发布帖子或视频时,需要添加 @用户 的功能,以便用户收到通知,例如“xxx在xxx提及了您!”。然而,现有的开源库未能满足我们的需求,例如 ant-design 的 Mentions 组件: 但是不难发现跟微信飞书对比下,有两 ...
前言 petite-vue 是为渐进增强而优化的另一种 Vue 发行版。它提供与标准 Vue 相同的模板语法和反应性心智模型。 不过,它专门针对在由服务器框架呈现的现有 HTML 页面上“散布”少量交互进行了优化。 petite-vue,它在提供 vue 基本功能的同时,还能一个轻量级,简单应用的微 ...
我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。 本文作者:霁明 背景 我们产品中会有一些流程图应用,例如审批中心的审批流程图: 我们数栈产品内的流程图,基本都是使用的 mxGraph 实现的,mxGraph 使用了S ...
Vue3发布后,各家第三方库开始陆续重构并支持 Vue3 ,国内两大知名框架 Element Plus 和 Ant Design Vue 也相续发布新版支持 Vue3。Element Plus 和 Ant Design Vue 都是基于 Vue.js 的 UI 组件库,它们具备一系列可复用的组件和丰... ...
源码地址 V8源码Array 710行开始为sort()相关 Array.sort()方法是那种排序呢? 去看源码主要是源于这个问题 // In-place QuickSort algorithm. // For short (length <= 22) arrays, insertion sort ...
写在开头 点赞 + 收藏 学会 最近,我的一个朋友在面试中被一个关于 sessionStorage 的问题难住了。我们来聊聊这个话题。 sessionStorage 能在多个标签页之间共享数据吗?在回答这个问题之前我们先来聊聊另一个存储API localstorage loc ...
前言 众所周知,在vue中使用scoped可以避免父组件的样式渗透到子组件中。使用了scoped后会给html增加自定义属性data-v-x,同时会给组件内CSS选择器添加对应的属性选择器[data-v-x]。这篇我们来讲讲vue是如何给CSS选择器添加对应的属性选择器[data-v-x]。注:本文 ...
写在开头 点赞 + 收藏 学会 一,安装 npm i swiper 二,使用 swiper/vue 导出 2 个组件:Swiper 和 SwiperSlide <template> <swiper :slides-per-view="3" :space-between="50 ...