写在前面 模块化开发是我们日常工作潜移默化中用到的基本技能，发展至今非常地简洁方便，但开发者们（指我自己）却很少能清晰透彻地说出它的发展背景， 发展过程以及各个规范之间的区别。故笔者决定一探乾坤，深入浅出学习一下什么是前端模块化。 通过本文，笔者希望各位能够收获到： 前端模块化发展的大致历史...[2023/3/14]

目录1.ReturnType 返回值类型2.Parameters 参数类型3.InstanceType 实例类型4.ConstructorParameters 构造函数参数类型5.infer 实践更改元组类型将元组转换成联合类型获取 Promise 返回值类型(递归) 类型推导: infere...[2023/3/14]

Vue 3已经稳定了相当长一段时间了。许多代码库都在生产环境中使用它，其他人最终都将不得不迁移到Vue 3。我现在有机会使用它并记录了我的错误，下面这些错误你可能想要避免。 使用Reactive声明原始值 数据声明在过去都是非常直接的，但是现在有很多帮助函数供我们使用。目前的规则是： 使用r...[2023/3/14]

前言 随着前端诸如webpack，rollup，vite的发展，gulp感觉似乎好像被取代了。其实并没有，只不过它从台前退居到了幕后。我们仍然可以在很多项目中看到它的身影，比如elementplus、vant等。现在gulp更多的是做流程化的控制。 比如我们要把一个大象放进冰箱里就需要 打开...[2023/3/14]

目录问题解决方案总结 问题 这样的问题貌似原因还挺多的，我的问题是带参数的url不能刷新，router 5.0版本 ，使用withRouter关联组件进行页面跳转 如下所示 路由代码 解决方案 在路由组件上最上层元素上加一个key增加路由的识别度，因为普通的跳转是根据...[2023/3/14]

目录Vue一个动态添加background-imageVue踩坑background-image路径结合实际情况，处理方法如下扩展：图片格式（base64）总结 Vue一个动态添加background-image 一开始不知道该怎么弄，后面查了下，应该这样使用 ?<div @click...[2023/3/14]

近期产品要支持国际化多语言，主要涉及前端界面国际化以及后端提示信息、异常信息的国际化多语言支持。 目前我们的开发技术栈：前端VUE、后端.NET。面向前端界面和后端服务，分别涉及对应的国际化多语言支持方案。 一、前端界面国际化多语言支持 前端VUE界面的源码如下：   &n...[2023/3/8]

作者：京东零售 郑炳懿 前言 当下，Node.js 作为一种异步 I/O 和事件驱动编程的语言，在前端和后端领域都具有很高的普及度。同时，Node.js 作为一个底层运行时环境，使得开发者可以轻松地构建出高性能、可扩展和可维护的应用程序。 Node.js 是一种非常有前途的后端技术，它具有高...[2023/3/8]

本文将介绍一种基于 CSS 变量技巧，通过合理使用 CSS 变量，实现 CSS 动画 @keyframes 的复用。 CSS 变量 CSS 变量大家应该都比较熟悉了，已经不能算是新知识了，快速过一遍。 CSS 变量（CSS Variable），在之前也叫做 CSS 自定义属性，其使用方式如下...[2023/3/8]

??Hi~ 大家好，我是小鑫同学，一位长期从事前端开发的编程爱好者，我将使用更为实用的案例输出更多的编程知识，同时我信奉分享是成长的唯一捷径，在这里也希望我的每一篇文章都能成为你技术落地的参考~ ??技术&代码分享 我在 IT200 总结技术学习； 我在 1024Code 在线编写...[2023/3/8]

先看一下最终要实现的效果: 登录页面: 注册页面: (1)引入element-plus组件库 引入组件库的方式有好多种,在这里我就在main.js全局引入了. npm i element-plus -S main.js中代码: import { create...[2023/3/8]

目录正文EventEmitter 实现类型安全的 EventEmitter临时扩展自定义事件结尾 正文 最近个人项目用 EventEmitter 模块越来越多了，因为类型不够安全，写起来要很小心。所以打算改良一下，实现 TypeScript 类型安全的 EventEmitter，解决事件名和...[2023/3/8]

目录图形编辑器中代码改造结尾 图形编辑器中 在图形编辑器中，想象这么一个场景，我们撤销了一些重要的操作，然后想选中一个图形，看看它的属性。你点了上去，然后你发现你再也无法重做了。 你以为你点了一下，但其实你点击的时候，鼠标还是小小移动了一点，飘了一个像素点。对编辑器来说，它识别到让图形移...[2023/3/8]

目录前言readonly的实现重构结束 前言 前面的章节我们把 effect 部分大致讲完了，这部分我们来讲 readonly以及重构一下reactive。 readonly的实现 it("happy path", () => { console.warn = vi....[2023/3/8]

闲聊： 年前小颖第一家公司同事问我有做过pc端适配的项目吗，我给妹纸说了下，结果发现没说完，自己当时也没想起来，今天干脆总结下，方便自己和大家日后查看 第一步： 安装postc -px2rem、px2rem-loader 打开命令行工具，输入以下指令安装插件 npm install po...[2023/3/6]

　　HTTP Archive 在 2022 年关于多媒体的报告中指出，目前大概有 99.9% 的网站或多或少都会包含点图像。 　　并且高达 70% 的移动页面和 80% 的桌面页面的 LCP 指标会受图像的影响。 　　通过这些数据可知，图像在网页中占据着举足轻重的地位，优化图像，对于网页性能...[2023/3/6]

目录angular报错can't resolve all parameters for []报错如下找个几种原因总结如下angular4 Can't resolve all parameters总结 angular报错can't resolve all parameters ...[2023/3/6]

目录angular 强制更新ui视图方法1 主要使用方法类 ChangeDetectorRef2 赋值引入3方法中调用angular踩坑 数据发生改变，视图未更新解决方案 总结 angular 强制更新ui视图方法 强制更新ui视图方法主要用在数据已经改变，但是ui展示视图不跟新情况 ...[2023/3/6]

目录Angular监听某个值的变化使用getterangular使用form表单监听数据引入主要使用方法类 FormGroup，FormBuilder，Validators赋值引入创建表单+监听数据总结 Angular监听某个值的变化 使用getter 在 Angular ...[2023/3/6]

目录vue去掉input前后的空格写一个去除input框空格的vue指令使用方法源码总结 vue去掉input前后的空格 场景：在开发过程中，遇到表单填写，用户可以自由输入 截图举例： 这里，用户瞎输，填了几个空格，导致给后台发请求的时候，也带了好多空格，这种体验特别不好。因此在开...[2023/3/6]

目录Vue全局的toast组件1.创建toast组件2.创建toast.js文件3.安装并使用 vue自定义toast组件使用总结 Vue全局的toast组件 1.创建toast组件 <template> <div cla ="toast" v-if="...[2023/3/6]

目录JQuery按name属性选择元素方法1：使用name属性选择器方法2：使用javascript按名称获取元素并将其传递给jQueryjquery name选择器总结 JQuery按name属性选择元素 方法1：使用name属性选择器 name属性选择器可用于按name属性选择元素。此选...[2023/3/6]

目录Vue.extend创建全局toast组件关于vue.extend的理解应用基本概念官网基本示例应用总结 Vue.extend创建全局toast组件 src -> components -> Toast -> toast.vue <template> ? ...[2023/3/6]

目录使用reactive包裹数组正确赋值提供几种办法vue3的reactive重新赋值无效vue3官方的文档说明总结 使用reactive包裹数组正确赋值 需求：将接口请求到的列表数据赋值给响应数据arr const arr = reactive([]); const load = ...[2023/3/6]

目录Vue的@blur/@focus事件focus和blur事件，改变选中时搜索框的背景色总结 Vue的@blur/@focus事件 @blur 是当元素失去焦点时所触发的事件@focus是元素获取焦点时所触发的事件 <template> <div> ...[2023/3/6]

目录在.js文件中引入store和router在js文件中使用vue的router和store总结 在.js文件中引入store和router 在js文件中使用vue的router和store 在js文件中引入vue的路由配置文件 或者 store文件 import store f...[2023/3/6]

目录vue登录页面回车执行事件@keyup.enter.nativevue中回车键登录实现总结 vue登录页面回车执行事件@keyup.enter.native <el-form ref="loginForm" :model="loginForm" :rules="loginFormRul...[2023/3/6]

VE-Plus 自研轻量级 vue3.js 桌面pc端UI组件库 经过一个多月的筹划及开发，今天给大家带来一款全新的Vue3桌面端UI组件库VEPlus。新增了35+常用的组件，采用vue3 setup语法糖开发，在使用上和element-ui比较类似，极易快速上手。 ve-plus 致...[2023/3/3]

Vue现在已经迭代到 3+ 版本，阅读官方文档的过程中发现作者的一些理念和思路很合我口味，很多概念与方案都是基于解决实际问题提出并实现的，且在权衡利弊后勇于打破常规，比如如何看待关注点分离？。可见，Vue 之所以流行，不单单因为作者是国人，更应该是由于 Vue 作为新一代的解决方案提升了前端编程...[2023/2/28]

作者：京东零售 姜欣 关于服务器端渲染方案，之前只接触了基于react的Next.js，最近业务开发vue用的比较多，所以调研了一下vue的服务器端渲染方案。 首先：长文预警，下文包括了两种方案的实践，没有耐心的小伙伴可以直接跳到方案标题下，down代码体验一下。 前置知识： 1、什么是服务器...[2023/2/28]

设计思路 定义路由的时候配置属性，这里使用needLogin标记访问页面是否需要登录 设置路由守卫，每个页面在跳转之前都要经过验证，校验用户信息是否存在，不存在跳转到登录页 用户登录后将用户信息存储在localStorage 退出登录后，将用户信息清空    代码实现 ...[2023/2/24]

前言 JavaScript 原型是该语言中一个非常重要的概念。理解原型是理解 JavaScript 的关键。在本篇技术博客中，我们将深入探讨 JavaScript 的原型概念，并介绍常用的操作对象原型的方法。(欢迎点评,欢迎指正!) 什么是原型？ 在 JavaScript 中，每个对象都有一个...[2023/2/24]

一、碰到的问题 在服务器的文件系统上有一个业务生成的BigTable.json文件，其可能包含的JSON字符串很大，同时里边的集合会包含很多的记录；我们使用以下的代码来反序列化，虽然使用了异步的ReadAllTextAsync来读取文件，但是还是需要将整个的文件内容都读取到内存中，这样会极大的...[2023/2/24]

目录正文Vue 的事件处理绑定事件修饰符按键修饰符Vue 为什么会在 HTML 中监听事件？ 正文 在 JS 中「事件」是不需要绑定的，浏览器自带了许多的事件，每个事件都可以去绑定「处理器（处理函数）」。 事件 ==> 用户行为 ==> 触发浏览器的事件 ==> 执行对...[2023/2/24]

目录ts有什么用？为什么用ts？1、引入Typescript包2、配置3、让项目识别.ts4、vue组件的编写 ts有什么用？ 类型检查、直接编译到原生js、引入新的语法糖 为什么用ts？ TypeScript的设计目的应该是解决JavaScript的“痛点”：弱...[2023/2/24]

目录package.json 相关依赖Webpack.config.js 配置文件public/index.html 文件内容全部文件目录结构实例一个模拟的 Vue 应用vue/index.js 文件主要是负责初始化内容initState方法核心文件vue/observer.jsvue/observ...[2023/2/24]

目录1、概述2、代码示例3、演示图片 1、概述 案例：制作一个小的图片浏览器，要求可以显示jpg、jpeg、png、bmp。可以从电脑上拖动图到窗口并显示出来。　 实现步骤： 1.创建一个QWidget 2.在QWidget的构造方法中设置一个QLabel用户显示pixmap 3...[2023/2/24]

目录watch()函数watchEffect()函数watch 与 watchEffect之间的联系与区别 我们都知道监听器的作用是在每次响应式状态发生变化时触发，在组合式 API 中，我们可以使用 watch()函数和watchEffect()函数, 当你更改了响应式状态，它可能会同时触发 V...[2023/2/24]

目录前言思路实现过程递归读取指定目录下的所有 html 文件路径 htmlPaths获取每个 html 里面的图片 src获取 html 字符串的所有图片 src忽略注释的代码本身是 base64，则忽略忽略 Thymeleaf 语法结合起来，封装成一个函数src 转 base64最后将新的 htm...[2023/2/24]

目录vue项目登录成功拿到令牌跳转失败401无登录信息问题原因vue项目登录处理token令牌问题总结 vue项目登录成功拿到令牌跳转失败401无登录信息 之前的一个上线半年多的项目，客户提出一点小需求改动，当跑项目时发现线上没有问题，线下登录成功，自动跳转后验证登录人信息时验证失败，无登录信息...[2023/2/24]

目录vue elementUI下拉框回显问题正确回显格式应该是这样而回显的确实这个值的idvue下拉框回显映射单选框多选框级联框总结 vue elementUI下拉框回显问题 在开发过程中，总会做到修改功能，但是在修改回显的时候，发现下拉框始终回显的是id而不是文本 下面看案例 正确...[2023/2/24]

前言 之前打某湖论剑，两道js的题，给我整懵逼了，发现以前都没对js做过多少研究，趁着被毒打了，先研究一波js原型链，未雨绸缪。 基础 protype 首先我们研究js原型链，得搞明白原型是什么，这里借用p神的举的一个例子： 在javascript中，我们定义一个类，需要以定义“构造函数”的...[2023/2/22]

目录React如何优雅的封装SvgIcon组件第一步：安装svg-sprite-loader第二步：配置webpack第三步：创建icon vg文件夹，并且加载所有svg文件第四步：创建 SvgIcon 组件第五步：在组件中使用 SvgIcon注意可能会遇到的bug总结 React如何优雅的封装Sv...[2023/2/22]

目录Vue前后端交互、生命周期、组件化开发一、Vue用axios与后端交互二、Vue的生命周期三、组件化开发 Vue前后端交互、生命周期、组件化开发 一、Vue用axios与后端交互 ? 如果用jQuery与后端交互的话，我们用Ajax发请求，那么用Vue做前端，需要做前后端分离，与后端做...[2023/2/20]

vu3＋.net6 webApi 书签管理项目 前言 Gitee项目地址：https: gitee.com/zyplj/book-marks Github项目地址：https: github.com/ZyPLJ/BookMarks 作为一个bug程序员，保存了很多书签，直接用浏览器的每次都还...[2023/2/20]

解决实际需求，案例分享。 1.请求Zabbix API，通过itemid获取到AppName（应用集名称） package?main import?( ?"encoding/json" ?"fmt" ?"io/ioutil" ?"log" ?"net/http" ?"st...[2023/2/20]

一、安装node和打包vue项目就不用多说了 二、安装expre Expre 是一个保持最小规模的灵活的Node.js web应用程序开发框架，为web和移动应用程序提供一组强大的功能 npm install expre --save -g 三、expre -generator ...[2023/2/17]

前言 最近接手的项目中 ，有人反馈了一个问题，说是在访问网站并登录后，登录成功有登录信息，但是刷新页面后重定向到了登录页面，让从新登录。 打开 goole 调试页面，查看 cookie 时发现存储的相关 token 信息不见了。 原本以为 cookie 有效期有问题，但经过排查 cooki...[2023/2/17]

需求：安卓和IOS开发的混合app。前端使用vue，vant2，安卓使用java，ios使用的object-c。实现效果：点击按钮，下载PDF附件，app跳转到手机外部浏览器，下载附件...... 1，安卓端代码： public static void openPDFInBrowser(C...[2023/2/17]

目录昨日回顾1 计算属性插值语法+函数使用计算属性计算属性重写过滤案例2 监听属性3 组件介绍和定义组件之间数据隔离4 组件通信父子通信之父传子父子通信之子传父ref属性扩展5 动态组件通过v-if显示组件切换动态组件component标签keep-alive保持组件不销毁6 插槽匿名插槽具名插...[2023/2/17]