一、前言 利用Sass预处理实现换肤和字体大小调整。 思路及达到的效果：字体大小的适配使用window.devicePixelRatio的值和需要调整的差量进行控制。页面初始化是的字体适配可以根据devicePixelRatio和css3 media进行适配. 实现方法：1.利用全局变量和bus事件，使用js方式调整字体和颜色(这里暂不讨论); 2.利用scss预处理方式实现
转载
2024-02-21 14:14:14
2031阅读
vue数组响应式检测不到的情况vue中不触发vue响应式更新的4种情况不能检测到的数组变动是：1、当利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue；
2、当修改数组的长度时，例如：vm.items.length = newLength；不能检测到的对象变动是：3、向响应式对象添加属性；
4、向响应式对象删除属性；解决方法总结：1、创建新的数组替
转载
2024-10-07 09:27:37
63阅读
自己利用业余时间，基于React+antd写了一个后台管理模板。主要是熟悉antd组件和React，页面主要还是展示页面,比较简单不涉及后台交互。github地址：基于React+antd实现后台模板 服务器到期，暂无预览地址项目重构地址：react+koa实现登陆、聊天、留言板功能后台 服务器到期，暂无预览地址登录的背景图比较大，所以做了一个loading效果，等图载入完毕后再显示登录页面，首次
框架开源地址：青锋开源架构-springboot2.6.x+vue3-antdesign-vite: 青锋-springboot2.6.x+vue3-antdesign-vite开源架构，实现了系统管理模块、权限控制模块（菜单权限、功能按钮权限、数据权限）、代码生成器（单表、树表）、quartz动态定时器等功能。权限访问控制讲解GrantedAuthority接口Spring Security中有
转载
2024-04-16 22:49:52
129阅读
vue基础介绍vue.js是一套构建用户界面（UI）的渐进式框架。Vue的核心库 只关注视图层,采用自底向上增量开发，上手简单，便于与第三方库或既有项目整合。渐进式：一步一步来，不是说所有东西都要一次用上。自底向上 ： 声明式渲染–>组件系统–>客户端路由–>大规模状态管理–>构建工具使用vue 使用基础步骤<!-- 第1步： 引入vue库文件 -->
<
转载
2024-06-20 19:55:53
76阅读
写这个程序的前提：由于我的电脑是新买的，想把Mp3里面的歌曲全部复制到电脑上，但发现个问题，由于我的 Mp3是索尼的，由于它的特殊性，从MP3里复制出来后，是每个文件夹里面就一首歌曲或多首歌曲，手动去复制到一个文件夹里很麻烦， 所以根据基础测试题写了这个方便复制的小程序。 package GUI;
/*
* 写这个程序的前提：由于为的电脑是新买的，想把Mp
计算器功能:1.加减乘除模可以随意切换 使用表单元素< seclect >2.当输入框中数字改变时实时得出运算结果 方法1：v-model绑定input框的值，绑定input键盘按下和鼠标点击时触发自定义方法getResult，该方法用来计算表达式的值。 方法2：使用computed计算属性 方法3：使用watch侦听属性3.可以使用上下按钮调节数字大小 使用input 属性 type
转载
2024-10-01 14:13:20
455阅读
在菜鸟教程里，看了vue.js的教程，看完后，练练手，就试着实现了只能输入数字的输入框。在之前的博客里，用jquery也实现了这样的功能，这里用vue.js来实现，把实现的过程记录下来如果只是一个输入框，要实现就非常的简单了，输入框的内容和数据绑定，给数据加一个监听器就可以了，代码如下：<!DOCTYPE html>
<html>
<head>
<met
转载
2024-04-24 16:08:34
978阅读
作者：王亮hengg浅谈 JavaScript 中策略模式的使用：什么是设计模式什么是策略模式策略模式在 JavaScript 中的应用(使用策略模式封装百度AI识别调用)策略模式在 Vue 组件封装中的应用(使用策略模式封装Select组件) 什么是设计模式
我们在写代码的时候，一定也遇到过许多类似的场景。
随着经验的增加，我们对于这些常见场景的处理越来越得心应手，甚
转载
2024-09-10 09:32:00
201阅读
所有组件<a-button></a-button> 按钮组件 <a-icon type="exclamation" /> icon图标 <a-row></a-row> <a-col></a-col> Grid删格组件 <a-layout></a-layout> layout布局组件 <
src/global.less.ant-input-lg{ font-size: 14px;}
原创
2021-07-19 22:47:35
3212阅读
src/global.less.ant-input-lg{ font-size: 14px;}
原创
2021-07-19 22:47:35
1661阅读
题外话说完了，这篇主要是针对上一篇对ant of react的代码解析只是加了注释反应很难懂，没有那么时间去一个一个仔细看。后面ant发布了新版本在button组件上对动画效果做了一些处理，大概的逻辑结构没变。这篇就用思维导图来展示下ant of react button组件js代码的逻辑结构，画的不好敬请谅解。结构主线按钮的代码逻辑结构的主线其实就是围绕按钮对外开放的功能实现的，所有我想来看看a
一 需求限制input的输入,只接收数字和小数点限制输入位数二 分析个人观点:这是一个坑爹的需求,限制输入有很多bug,而且用户体验也很差,监听keypress事件会浪费很多性能实现原理:虽然很坑爹,但是还是要做一下的,实现原理就是通过键盘的监听,阻止不必要的输入实现方式:jQuery插件方式,现在工作中基本离不开jQuery,虽然有人说这很不好,但是我必须的用啊,因为我很low三 代码和注释基本
背景在做form表单的时候，会碰到前端要对表单进行校验处理，通过会是有input输入框或者select下拉框等，针对这些普通的表单项可以直接直接参照官网上的表单校验方式去处理：prop和v-model属性搭配去进行设置，或者直接在formModel上配置一个ref属性，然后最后提交表单时利用：this.$refs.formValidate.validate((val)=>{ // 这里的va
转载
2024-07-22 17:27:40
873阅读
#效果展示： 光标自动移动到报错位置，操作简单实用。用法：一个输入框时：// 先引入Regular文件
import Regular from '../js/Regular.js'
var VerifyArr = [
'required',
"需要验证的值",
this.$re
转载
2024-02-22 23:22:35
738阅读
前言：我们在后台项目中，经常会使用到富文本，当我们需要把后台编辑的内容原封不动的展示到前台页面的时候，富文本是一个非常好用的东西~~今天主要记录我在项目中使用vue-quill-editor富文本的情况实现过程（可以直接复制代码使用，但是要注意新建文件的路径，改成自己的路径）：1、首先我们需要安装vue-quill-editor富文本 npm install --save vue-qui
转载
2024-08-01 16:59:22
312阅读
这两天看ant-design的文档，看到定制主题，就想自己也来试试。首先，我是用的vue-cli 2版本来做的。一、将项目搭建好1.创建一个vue项目vue create antd-demo2.安装ant-design-vuenpm install ant-design-vue --save3.按需引入这里强调一下，为什么按需引入更好，因为整个antd包其实不小，大部分我们都用不到，全局引入，是很
转载
2024-03-07 13:18:02
1467阅读
Vue.js 表单输入绑定详解在Web开发中，表单是用户与应用程序交互的重要方式之一。Vue.js 提供了强大的表单输入绑定机制，使得在处理用户输入时变得更加简洁和高效。本篇博客将深入探讨 Vue.js 中表单输入绑定的各种用法，包括文本输入、多行文本、复选框、单选按钮、下拉选择框、多选框，以及修饰符的使用。文本输入首先，我们来看文本输入框的绑定。通过 v-model 指令，我们可以轻松实现文本输
在android_4.1\packages\inputmethods\LatinIME下为android原生键盘的英文输入法文件夹修改LatinIME内的dimens.xm中下面的key调整为下面的值(值越小，字越小) key_letter_ratio // 全键盘字母字体大小 key_large_letter_ratio // 数字键盘前的数字字体大小 key_label_ratio //
转载
2024-01-24 19:50:46
208阅读
