![](https://img-blog.csdnimg.cn/de3611f7f6ff49059440fd7cc8618cec.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
文章平均质量分 79
JavaScript
乐闻x
一个不安分的前端,还搞过两年后端开发
展开
-
React 支持多语言翻译国际化 -- i18next
如果我们的项目需要更多的流量,支持其他国家的语言是必不可少的。对于React项目我们该如何实现项目多语言,让工程走向国际化,本文将介绍目前最通用的解决方案 i18next。准确是说 i18n并不仅仅是为 React 而生,为了支持React项目,我们还需要引入 react-i18n ext插件。原创 2022-11-06 20:13:17 · 1062 阅读 · 0 评论 -
前端快速入门Koa.js
使用nodejs提供的原生能力启动一个http server并不麻烦,但是拓展额外的能力就比较麻烦,比如支持路由router,静态资源,页面模板等。插件机制是目前非常流行的拓展能力的设计方式,Koa框架是基于插件机制封装出来的一个Node HTTP框架,我将简单记录一下Koa的插件机制以及丰富的插件。原创 2022-09-04 12:54:33 · 859 阅读 · 0 评论 -
在线图片视频资源转存
怎么将网上心仪的图片、视频保存到自己的资源空间?给你一个资源链接,你需要几步将这个资源转存到git上?一般人的做法可能就是先将资源下载到本地,然后再本地上传到对应的资源空间?如果操作一个资源转存,这样还不算麻烦,但是如果一次性要转存上百个资源,那就太痛苦。原创 2022-04-24 22:31:07 · 899 阅读 · 0 评论 -
「前端面试题」(a ==1 && a== 2 && a==3) 有可能是 true 吗?
前言原题:(a 1 && a 2 && a==3) 有可能是 true 吗?这是一道有意思的面试题。盲猜很多小伙伴看到这道面试题时肯定是一头雾水,a难道还能同时等于多个值?但是既然这道题能出现,说明肯定是想考察点什么知识。「理论分析」== 会将左右两边的值转化成相同的原始类型,然后再去比较他们是否相等。看到这句话肯定有很多朋友恍然大悟。a == 1 不一定 a 就是数字类型1,而是 a 可能是个对象,然后在 == 相等操作时,会隐式调用某些方法,这些方法返回 ..原创 2020-11-03 16:41:29 · 873 阅读 · 1 评论 -
七牛云上传静态资源
七牛云七牛云提供了免费的CDN存储空间。我们可以利用七牛云提供的功能,自定义我们自己的图床,自定义我们应用的静态资源服务器等等。上传静态资源分两种方式:1.前端上传 2. 服务器上传接下来我将参考七牛云官网SDK文档,分别实现两种上传方式。准备工作: 先注册一个七牛帐号(注册地址),并登录控制台获取一对有效的 AccessKey 和 SecretKey(获取地址)。一、前端上传JavaScript-Sdk文档引用npm install qiniu-jsimport * as qin原创 2020-07-12 22:23:10 · 830 阅读 · 0 评论 -
ajax图片上传功能实现(点击,拖拽,粘贴)Koa服务端
学习最好的方式就是实践原创 2020-03-21 17:35:32 · 403 阅读 · 0 评论 -
手写弹窗组件 (JavaScript 和 React 实现)
弹窗组件弹窗组件是web项目中最常见最基础的组件,最近面试的过程中,很多应试人员都是工作中都是调用现有的UI组件库,当进一步问如何自己封装一个弹窗组件时,很多人就语塞了。所以我今天希望能从原理层面介绍并实现一个弹窗组件,并且最后封装成一个React弹窗组件,以供复用。效果展示原理介绍 web弹窗的实现方式很多,这里介绍最简单的一种方式。弹框其实就是在主页面上显示出一层内容,我们可以通...原创 2020-03-18 14:07:39 · 1655 阅读 · 7 评论 -
侧滑菜单栏 和 底部抽屉菜单栏( JavaScript 和 React 实现 )
动态滑动的导航栏效果图展示web端移动端工作原理页面初始状态这里浏览器显示html元素的问题,用户看到的页面是是左边的可视区域,并看不到右边的菜单部分。菜单激活状态当菜单被激活显示的,其实就是整个页面内容整体向左边移动了菜单的宽度。这时候用户看到的就是菜单出现,主页被挤到左侧。代码实现html<body> <a...原创 2020-03-14 17:23:02 · 2598 阅读 · 0 评论 -
Axios封装多种方式实现以及高级用法详解(文件上传,请求重试,取消请求等)
本文介绍axios的特点,简单的操作,可配置属性,统一的封装(适合大型项目)以及一些高级操作,比如取消请求,请求重试,上传文件,xsrf攻击防御。原创 2019-07-08 22:05:45 · 2128 阅读 · 0 评论 -
使用layui中onchange失效以及form动态渲染失效问题
最近在使用layui框架做城市的三级级联的时候,发现jquery中的onchange事件方法在layui框架中失效了。然后浏览layui社区,了解到layui监控一个控件变化有自己的方法。html<select lay-filter="test"></select>jsvar form = layui.form();form.on('select(test)', func...原创 2018-05-23 08:20:44 · 11365 阅读 · 0 评论