经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
前端设计:HTMLXHTMLHTML5CSSJavaScriptCSS3HTML DOMjQueryJSONAJAXLESSBootstrapFoundationAngularJSTypeScriptAngularJS2ReactjQuery UIjQuery EasyUINode.jsHighchartsVue.jsCoffeeScriptEmber.jsExt.jsMeteorSASSOmiMarkdown前端开发规范浏览器webpackEchartsthree.jsgo.jsThingJS
 前端设计
Type Script 在流程设计器的落地实践

Type Script 在流程设计器的落地实践

流程设计器项目介绍 从事过BPM行业的大佬必然对流程建模工具非常熟悉,做为WFMC三大体系结构模型中的核心模块,它是工作流的能力模型,其他模块都围绕工作流定义来构建。 成熟的建模工具通过可视化的操作界面和行业BPMN规范描述用户容易理解的工作流的各种构成图元,例如圆圈表示事件,方框表示活动。 ...[2022/12/5]

老板:你为什么要选择 Vue?

大家好,我是 Kagol,Vue DevUI 开源组件库和 EditorX 富文本编辑器创建者,专注于前端组件库建设和开源社区运营。 假如你是团队的前端负责人,现在老板要拓展新业务,需要开发一个 Web 应用,让你来做技术选型,你之前用 Vue 比较多,对 Vue 比较熟悉,希望能在团队内部推...[2022/12/5]

Blazor和Vue对比学习(进阶.路由导航一):基本使用

Blazor和Vue都是单文件组件SPA,路由的实现逻辑非常相似,页面路径的改变都是组件的切换,但因为各自语言的特性,在实现方式上有较大差异。   一、安装 1、Vue:Router是Vue的一个插件。如果使用Vite脚手架初始化项目,需要手动安装和配置Router插件。如果使用...[2022/12/5]

Node.js躬行记(25)——Web自动化测试

  网页在提测流转给 QA 后,如何能帮他们更有效而准确的完成测试,是我一直在思考的一个问题。   QA 他们会对网页编写测试用例,在提测之前会让我们将优先级最高的用例跑通,这在一定程度上能够避免频繁的返工,保证测试的顺畅。   自己之前想过做 UI 的单元测试,一有修改就跑一遍用例,但是维...[2022/12/5]

antd vue 如何调整checkbox默认样式

antd vue 如何调整checkbox默认样式

目录antd vue 调整checkbox默认样式antd中table内添加checkbox踩坑总结 antd vue 调整checkbox默认样式 鼠标hover时候的颜色 .ant-checkbox-wrapper:hover .ant-checkbox-inner, .ant-ch...[2022/12/5]

解决React报错Style prop value must be an object

目录总览映射提取 总览 在React中,当我们为元素的style 属性传递字符串时,会产生"Style prop value must be an object"警告。为了解决该警告,使用从属性到值的映射。比如说,style={{paddingLeft: '15p...[2022/12/5]

Vite打包性能优化之开启Gzip压缩实践过程

目录前言Gzip开启 Gzip插件的其他配置总结 前言 在使用 vite 进行项目打包时,默认已经帮我们做了一些优化工作,比如代码的压缩,分包等等。除此之外,我们还有一些可选的优化策略,比如使用 CDN ,开启 Gzip 压缩等。本文会介绍在 vite 中使用插件来开启 Gzip 压缩。 G...[2022/12/5]

vue3中如何使用ref和reactive定义和修改响应式数据(最新推荐)

需求:vue3中setup组合式api中如何定义响应式数据并且修改赋值呢? 1、字符串/数字:“ref”是vue3中用来存储值的响应式数据源,它可以定义字符串,数字等 <script setup> import { ref } from ''vue''...[2022/12/5]

利用vue控制元素的显示与隐藏

利用vue控制元素的显示与隐藏

目录  方法: 使用 v-if 指令,通过动态的向DOM树内添加或者删除DOM元素的方式来显示或隐藏元素;使用 v-show 指令,通过设置DOM元素的display样式属性来控制显隐。 v-if 指令与 v-show&nb...[2022/12/5]

解决React报错useNavigate()?may?be?used?only?in?context?of?Router

解决React报错useNavigate()?may?be?used?only?in?context?of?Router

目录总览useNavigateJestreplace 总览 当我们尝试在react router的Router上下文外部使用useNavigate 钩子时,会产生"useNavigate() may be used only in the context of a Router...[2022/12/5]

vue实现点击某个div显示与隐藏内容功能实例

1.首先在所需要隐藏或显示的内容div加v-show,代表判断是否显示或隐藏 <div v-show="shopShow">内容</div> 2.我这里是在打开内容中有一个 × 号来关闭显示效果,在iconfont图标的div加入一个点击事件 ...[2022/12/5]

Vue中的v-model,v-bind,v-on的区别解析

目录v-modelv-bind(缩写为 : )v-on(缩写为@)总结 v-model v-model是进行动态双向绑定的(只能用在input, textarea, select上),以input为例,进行绑定后,vue对象中data的相应值会与input的输入同步变动。 HTML &...[2022/12/5]

React高阶组件使用教程详解

React高阶组件使用教程详解

目录高阶组件(HOC)概述使用HOC解决横切关注点问题不用改变原始组件使用组合约定-将不相关的 props 传递给被包裹的组件约定-最大化可组合性约定-包装显示名称以便轻松调试使用高阶组件的注意事项 高阶组件(HOC) 概述 是React复用组件逻辑的一种高级技巧,是一种基于React组合特...[2022/12/5]

react&nbsp;component&nbsp;changing&nbsp;uncontrolled&nbsp;input报错解决

目录总览备用值useStatedefaultValue 总览 当input的值被初始化为undefined,但后来又变更为一个不同的值时,会产生"A component is changing an uncontrolled input to be controlled"...[2022/12/5]

js-day04-作业 - nefu-xiaoshuang

-------------------------Day04homework 大练习------------------------ #### 练习题1: * 显示用户输入内容 * 要求: 1. 封装函数, 名字为printfInput 2...[2022/12/2]

除了 filter 还有什么置灰网站的方式?

大家都知道,当一些重大事件发生的时候,我们的网站,可能需要置灰,像是这样: 当然,通常而言,全站置灰是非常简单的事情,大部分前端同学都知道,仅仅需要使用一行 CSS,就能实现全站置灰的方式。 像是这样,我们仅仅需要给 HTML 添加一个统一的滤镜即可: html { filte...[2022/12/2]

Vue3?setup添加name的方法步骤

Vue3?setup添加name的方法步骤

目录Vue3中name有什么用呢?Vue3 定义 name1.自动生成2.在开启一个script用来定义name3.使用第三方插件 unplugin-vue-define-options4.个人想法 我想着直接在script 定义name 不好吗?Vue3 setup 支持 name 插件实现 思路...[2022/12/2]

Pinia入门学习之实现简单的用户状态管理

目录Store是什么?Store的应用场景?pinia是什么?其他优点应用示例定义Store使用Store获取store的响应式数据State初始化读取和写入state订阅state变化Getters定义getter访问getterActions定义action订阅action总结 Store是什么...[2022/12/2]

一步步教你使用node搭建一个小页面

目录介绍完成展示首页详情页面前置知识fsreadFileSyncwriteFileSyncreadFile、writeFilehttpurl实现过程总结 介绍 这个小demo是Node.js, Expre , MongoDB & More: The Complete Bootcamp系列...[2022/12/2]

详解JavaScript如何实现一个简易的Promise对象

目录前言Promise的基础结构与用法使用cla 类实现promise对象写在最后 前言 实现一个简易的Promise对象,我们首先要了解几个相关的知识点: Promise对象的状态: pending(进行中)、fulfilled(已成功)和rejected(已失败)。只有异步操作的结果,可...[2022/12/2]

vue3和vue2 的区别,vue3和vu2到底哪个好呢?

vue3 正式发布有两年多了,之前也做过一些学习和研究。vue3 发布后给某培训机构开发了一套vue3课程课件,自己也开源了一套基于vue3的后台管理系统(因为个人懒的原因,半年后才上传到gitHub,且到目前为止一直没有更新过)。 附上网址:https: github.com/gegests...[2022/11/28]

浅拷贝与深拷贝

浅拷贝与深拷贝

一、数据类型存储 在JavaScript中存在两大数据类型:基本类型、引用类型。 基本数据类型存放在栈中,是一段简单的数据段,数据大小确定,内存空间大小可以分配,是直接按值存放的,可以按值访问。 引用数据类型存放在堆中,变量在栈中保存的是指向堆内存的地址值,这个地址值指向对应的对...[2022/11/28]

HTML椤甸潰鐐瑰嚮鎸夐挳鍏抽棴椤甸潰鐨勫绉嶆柟寮廮HTML/Xhtml

HTML椤甸潰鐐瑰嚮鎸夐挳鍏抽棴椤甸潰鐨勫嚑绉嶆柟寮?/p> 涓€銆佷笉甯︿换浣曟柟寮忕殑鍏抽棴绐楀彛 <input type="button" name="close" value="鍏抽棴" onclick=&qu...[2022/11/28]

fetch()函数说明与使用方法详解

Fetch() 是 window.fetch 的 JavaScript polyfill。 全局 fetch() 函数是 web 请求和处理响应的简单方式,不使用 XMLHttpRequest。这个 polyfill 编写的接近标准的 Fetch 规范。 fetch()...[2022/11/28]

React&nbsp;组件的状态下移和内容提升的操作方法

React&nbsp;组件的状态下移和内容提升的操作方法

目录前言状态下移内容提升 前言 本专栏的另一篇文章,讲到了 useMemo 有一定的开销,不能滥用,本篇文章讲解两个简单实用的优化组件渲染性能的方法: 状态下移内容提升 在讲解这两种方法之前,我们需要先手动创建一个有严重渲染性能的组件,如下所示: import { useState }...[2022/11/28]

vue3+vite中使用vuex的具体步骤

目录前言:      具体步骤: 前言:       在vue3+vite创建的项目中使用vuex,要注意的是vite有部分写法和之前的webpack是不同的,比如,他不支持 require,想把vue2的项目直接升级到vue3的时候,...[2022/11/28]

Typescript中interface与type的相同点与不同点的详细说明

Typescript中interface与type的相同点与不同点的详细说明

interface VS type 大家使用 typescript 总会使用到 interface 和 type,官方规范 稍微说了下两者的区别 An interface can be named in an extends or implements clause, but a type a...[2022/11/28]

Vue.js实现文件上传压缩优化处理技巧

目录vue js实现文件上传压缩优化处理 借助canvas的封装的文件压缩上传1.新建imgUpload.js2.全局引入封装的方法3.页面中使用 使用compre orjs第三方插件实现1.compre orjs安装2.方法封装3.页面使用4.头像上传处理 vue js实现文件...[2022/11/28]

vue+element-ui前端使用print-js实现打印功能(可自定义样式)

vue+element-ui前端使用print-js实现打印功能(可自定义样式)

目录下载依赖使用print-js实现打印功能需要打印的内容按钮调用打印函数打印函数调整打印字体大小参数总结  print-js官网链接: https: printjs.crabbly.com/ 下载依赖 npm install print-js --save 在packag...[2022/11/28]

vue 中使用 this 更新数据的一次大坑

情景说明: 之前用 vue 做数据绑定更新时,发现一个莫名奇妙的问题。 我在 vue 实例中声明了一个数组属性如 books: [],在异步请求的回调函数中使用 this.books = res.data.data; 进行数据更新,更新步骤后面紧跟着打印了 console.log(this...[2022/11/23]

快速构建页面结构的 3D Visualization

对 Chrome 扩展功能熟悉的小伙伴,可能都有用过 Chrome 的 3D 展示页面层级关系这个功能。 可以通过 控制台 --> 右边的三个小点 --> More Tools --> Layers 打开。即可以看到页面的一个 3D 层级关系,像是这样: 这个功能有几个...[2022/11/23]

EluxJS-让你像切蛋糕一样拆解前端巨石应用

大家好,EluxJS是一套基于“微模块”和“模型驱动”的跨平台、跨框架『同构方案』,欢迎了解... 可怕的巨石怪 工作中最可怕的是什么?是遇到业务复杂且乱作一团的巨石应用。改一发而动全身,无法渐进式重构,也没人敢对历史包袱进行优化,欠下的代码债只能像滚雪球一样越积越多,终于到某天玩不下去,大佬...[2022/11/23]

一文讲透CabloyJS全栈框架的来龙去脉

本文受众 咱们做软件开发,就好比是建造一幢幢房屋,一座座桥梁,既可以是北方宫殿的巍峨,也可以有南方庭院的雅致,更可以是横跨群山的峻险与孤悬。那么,不同的语言、不同的框架也都由其内在的秉质吸引着一批粉丝,坚持不懈的耕耘,营造出不同的生态,呈现出不同的开发风格和开发体验。正如Rails之于Ruby,...[2022/11/23]

自学 TypeScript 第五天,手把手项目搭建 TS 篇

前言: 昨天咱们已经把贪吃蛇的页面写好了,今天咱们来写 TS 部分 TS 我们要用面向对象的形式去编写我们的功能,所以我们要以一个功能去定义一个对象 把这个项目分成几个模块,也就是几个对象功能 Food类(食物类): 写对象的前提,我们要去定义类,用类去创建对象 首先我们直接 cla ...[2022/11/23]

C++&nbsp;Futures与Promises线程使用示例讲解

目录一、说明二、示例 一、说明 Futures 和 Promises 是将数据从一个线程传递到另一个线程的工具。虽然这也可以通过其他功能来完成,例如全局变量、futures 和 promises 在没有它们的情况下也能工作。此外,您不需要自己处理同步。 未来是一个从另一个线程接收值的变量。如...[2022/11/23]

基于SqlSugar的开发框架循序渐进介绍(22)-- Vue3+TypeScript的前端工作流模块中实现统一的表单编辑和表单详情查看处理

基于SqlSugar的开发框架循序渐进介绍(22)-- Vue3+TypeScript的前端工作流模块中实现统一的表单编辑和表单详情查看处理

在工作流页面中,除了特定的业务表单信息外,往往也需要同时展示通用申请单的相关信息,因此在页面设计的时候需要使用一些组件化的概念来实现动态的内容展示处理,本篇随笔介绍Vue3+TypeScript+ElementPus的前端工作流模块中实现统一的表单编辑和表单详情查看处理。 1、查看申请单的模块设...[2022/11/21]

我是如何构建自己的笔记系统的?

我是如何构建自己的笔记系统的? 关于笔记系统的重要性互联网上有许多的资料, 我这里将不再赘述. 下面我将直接介绍我的笔记从记录到整理文章发布的所有详细步骤和工具 我的笔记系统可能并不完善, 而且带着极强的个人倾向性, 只希望它能提供给你一种思考的方向 原文地址: https: www.yuq...[2022/11/21]

JavaScript代码是怎么在浏览器里面运行起来的?

JavaScript代码是怎么在浏览器里面运行的?下面简单探索一下 浏览器内核 浏览器内核(Rendering Engine),常见的叫法如:排版引擎、解释引擎、渲染引擎,现在流行称为浏览器内核。 浏览器 内核 说明 IE Trident IE、猎豹安全、360极速浏览器、百...[2022/11/19]

Vue3 企业级优雅实战 - 组件库框架 - 7 组件库文档的开发和构建

该系列已更新文章: 分享一个实用的 vite + vue3 组件库脚手架工具,提升开发效率 开箱即用 yyg-cli 脚手架:快速创建 vue3 组件库和vue3 全家桶项目 Vue3 企业级优雅实战 - 组件库框架 - 1 搭建 pnpm monorepo Vue3 企业级优雅实战 -...[2022/11/19]

手把手,完整的从0搭建vite-vue3-ts项目框架:配置less+svg+pinia+vant+axios

手把手,完整的从0搭建vite-vue3-ts项目框架:配置less+svg+pinia+vant+axios

项目同步git:https: gitee.com/lixin_ajax/vue3-vite-ts-pinia-vant-le .git  觉得有帮助的小伙伴请点下小心心哦   为避免赘述,过于基础的点会直接省略或贴图,比如创建文件夹/文件的路径/路由一类 配置相应功能...[2022/11/19]

自学 TypeScript 第三天 使用webpack打包 TS 代码

自学 TypeScript 第三天 使用webpack打包 TS 代码

前言: 大家好啊,昨天介绍了 TS 编译器的配置,但在我们实际开发当中直接使用 TS 编译器去编译代码的情况会有,但没有很多,因为我们在开发大型项目的时候,一般我们都会用到打包工具,也不可能脱离打包工具去使用 TS  所以我们的 TS 在大多数情况下都是结合着打包工具去使用的,比如w...[2022/11/19]

React?setState是异步还是同步原理解析

React?setState是异步还是同步原理解析

目录setState异步更新那么为什么setState设计为异步呢?如何获取异步的结果setState一定是异步的吗? setState异步更新 开发中当组件中的状态发生了变化,页面并不会重新渲染。我们必须要通过setState来告知React数据已经发生了变化,重新渲染页面。 先来看下面的...[2022/11/19]

uni-app多环境部署解决方案详解

目录前言尝试几种方式解决方案部署方式获取接口部署路径命令行其他总结 前言 最近几周都在处理公司的移动业务,而为在后期能统一多端,解放自己,迎合公司的技术栈;选用了 uni-app 来开发。开发前期重新对公司移动业务做深入了解,重构大部分业务逻辑,也抽离出基础组件;但实际到部署的时候,出现来问题;...[2022/11/19]

打印Proxy对象和ref对象的包实现详解

目录前因目标结果实现(直接看源码的同学可以略过)判断一个对象是否是Proxy输出用户log的源对象最后暴露出去给用户调用 前因 平时工作的时候,我喜欢用console.log调试大法。但Vue3更新后,控制台都是打印的Proxy对象和ref对象,想看里边的值,就需要很麻烦的一层一层的展开。 ...[2022/11/19]

教你巧用webpack在日志中记录文件行号

目录前言通过提取 Error 错误栈通过 webpack 预处理总结 前言 在做前端项目时,会在各个关键节点打印日志,方便后续数据分析和问题排查。当日志越来越多之后,又会遇到通过日志反查代码所在文件和所在行的场景,于是一个很自然的需求就出来了: 在打印日志的时候,自动注入当前文件名、行号、列...[2022/11/19]

Vue3 企业级优雅实战 - 组件库框架 - 5 组件库通用工具包

Vue3 企业级优雅实战 - 组件库框架 - 5 组件库通用工具包

该系列已更新文章: 分享一个实用的 vite + vue3 组件库脚手架工具,提升开发效率 开箱即用 yyg-cli 脚手架:快速创建 vue3 组件库和vue3 全家桶项目 Vue3 企业级优雅实战 - 组件库框架 - 1 搭建 pnpm monorepo Vue3 企业级优雅实战 -...[2022/11/17]

Vue3 企业级优雅实战 - 组件库框架 - 6 搭建example环境

该系列已更新文章: 分享一个实用的 vite + vue3 组件库脚手架工具,提升开发效率 开箱即用 yyg-cli 脚手架:快速创建 vue3 组件库和vue3 全家桶项目 Vue3 企业级优雅实战 - 组件库框架 - 1 搭建 pnpm monorepo Vue3 企业级优雅实战 -...[2022/11/17]

HTML5椤甸潰鎵撳紑寰俊灏忕▼搴忓姛鑳藉疄鐜癬html5

寰俊缁堜簬鏀寔鐢遍〉闈㈣烦杞嚦灏忕▼搴忓暒 ~ 姝ラ涓€锛氱粦瀹氬煙鍚?/p> 鐧诲綍寰俊鍏紬骞冲彴杩涘叆“鍏紬鍙疯缃?rdquo;鐨?ldquo;鍔熻兘璁剧疆”閲屽~鍐?ldquo;JS鎺ュ彛瀹夊叏鍩熷悕”銆?/p> 姝ラ浜...[2022/11/17]

璇﹁ВCSS3娴忚鍣ㄥ吋瀹筥css3_CSS

鏈瘒浠嬬粛浜咰SS3涓庨〉闈㈠竷灞€瀛︿範鍜屾€荤粨——娴忚鍣ㄥ吋瀹逛笌鍓嶇鎬ц兘浼樺寲锛屽叿浣撳涓嬶細 涓€銆佹祻瑙堝櫒鍏煎 1.1銆佹瑕?/p> 涓栫晫涓婃病鏈変换浣曚竴涓祻瑙堝櫒鏄竴鏍风殑锛屽悓鏍风殑浠g爜鍦ㄤ笉涓€鏍风殑娴忚鍣ㄤ笂杩愯...[2022/11/17]

uniapp组件uni-file-picker中对上传的图片进行压缩至1兆以内(推荐)

目录解决方法:一、先开启uni-file-picker组件里对于压缩图片的配置项 sizeType,默认是有两个选项的:二、将图片再次进行压缩,压缩至1兆以下,再传至服务器中: 我在做uniapp项目时,用的uni-file-picker组件,这是我做的一个项目实例,主要是将图片通过接口传至后台服务...[2022/11/17]

57
2
记录数:12638 页数:1/25312345678910下一页尾页
 友情链接: NPS
加载更多