icon 标签 一、icon 体验 1.1 icon 的三个属性 1.2 icon 的基本使用 二、实际项目 2.1 微信支付界面支付成功展示 2.2 跳转等待界面 2.3 搜索栏实现 一、icon 体验 先看一张图 上图展示的图标便是微信提供的，我们可以直接使用的图标 1.1 icon 的三个属性 icon 的使用简单，它只有三个属性 icon 类型 type 分为 ：success, success_no_circle, info, warn, waiting, cancel, download,
支持的HTML标签：https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html
所有的属性都定义在jQuery.fn.{plugin}.defaults里面。例如，对话框属性定义在jQuery.fn.dialog.defaults里面。 jQuery.fn.panel.defaults可以给组件添加默认的配置项
最近看项目视频的时候对里面使用 svg 的方式感到很好奇，于是去网上查了一下，发现 svg 竟然也有类似于 css 雪碧图一样的用法，也就是 svg-sprite（孤陋寡闻了），而且配合插件后能够以组件化的方式使用 svg，非常方便。这里记录下一些相关用法。
无论是前端开发者还是后端开发者，都会在项目中封装一些经常使用的功能方法，可以大大提高我们的开发效率
自己运营了一个公众号，在发文章的时候，需要在网上找一些图，而有些网站的图片可能隐藏在属性或者背景图中，要下载的时候经常审查元素，查看源码，不太方便，最近在看一些谷歌插件的api，便顺手做了一个插件Im
作者：吴锴 http://www.wukai.me/2017/12/31/rich-text-editor-in-less-than-200-lines-javascript/ 前段时间在寻找一些关于富文本编辑器的资料，然后发现了这个名为 Pell 的项目，它是一个所见即所得（WYSIWYG）的文本编辑器，虽然它的功能很简单，但是令人吃惊的是它只有 1kb 大小。而项目最核心的文件 pell.js 只有130行，即使加上其它部分，总的 js 数量也不到200行。这引起了我的兴趣，决定看看它的源码是如何做到这
Ionicons 是一个国外知名混合开发框架 Ionic Framework 内置的图标库。 它包含 1300 个为 Web、iOS、Android 和桌面应用程序专门定制的图标。
以上截图出自antd的Icon组件（https://ant.design/components/icon-cn/）
增加 下一篇 的功能，我们需要在视图中绑定一个事件，来触发代码中的响应函数，此函数会调用接口，返回下一篇文章内容数据。
根据文章内容，总结为：本文介绍了如何利用微信小程序实现商品详情页展示商品图片、价格和商品详情，并包括了如何获取商品详情数据、如何使用小程序云开发以及如何在小程序中调用云开发实现商品详情展示等功能。同时，文章还介绍了如何实现分享功能，包括调用小程序云开发获取分享列表和详情，以及如何在小程序中展示商品详情和分享功能。
上面部分是Tab标签，点击会出现选中效果，下面部分是内容框，随着tab标签的切换而且换。
本文主要想介绍前端webpack打包中，与favicon图标相关的配置。包括在html-webpack-plugin中设置favicon，和自定义favicon的打包路径两个方面。本文的demo基于我之前关于webpack的一篇文章，可以移步：超详细！webpack入门教程(一)
示例资源来自官网：https://www.antdv.com/components/button-cn
上篇文章主要讲了图标组件Icon的实现，主要包括了两种常用的图标。今天就讲一下如何在Icon中加载本地的svg图标。
最近在写B端的项目，用到了Ant Design，清爽而优雅。故想深入源码了解一二，但鉴于技术浅薄，不敢深究，故写浅析，不喜勿喷，对其中的组件做一些分析，主要目的有两个：
2023再学vue，几年时间已从vue2变成了vue3。这次通过解构实现开源项目BuildAdmin，完成了vue系列的系统化学习，并且在学习过程中输出了近20篇关于前端的文章。
SVG（即“可缩放矢量图形”）图标在诸多场合下，往往胜过一般的位图标记（例如PNG、JPG、GIF等）。
开发Chrome插件首先就是配置manifest.json文件了，利用它我们可以定义在什么时机以及在什么网页执行什么脚本，有一些什么行为，下面我一起来看看这个文件有哪些配置项以及有什么作用：
说到现如今最流行的浏览器，那么一定是chrome，无论是它的速度，还是它的稳定性，还是它的简洁，都让人爱不释手，此外，更多的人选择它的理由是它有着丰富的扩展插件，这些扩展插件让你的浏览器变得异常强大，让你的浏览器不仅仅是浏览器。
该文介绍了如何创建一个基于EasyUI的动态web工程，并通过添加EasyUI的css和Javascript文件，以及引入jQuery库来使用EasyUI。EasyUI提供了各种组件和工具，可以帮助开发人员快速创建出美观的页面。该文还提供了一个简单的demo，演示了如何创建一个包含标题、面板、按钮和输入框的页面，并使用了EasyUI的iconCls属性来添加图标。通过使用EasyUI，可以快速构建出美观、可扩展的web应用程序。
阿里矢量图标在项目中都用使用，通常一般我们引入css使用iconfont,或者我们使用svg加载图标，亦或我们可以使用Unicode，除了第一种与第二种，今天分享第三种方式unicode加载图标，希望看完在项目中能有所思考和帮助。
button点击事件有一个type属性，默认type是submit，有时候使用默认会出现页面自动刷新问题。
最近在业务中开发了一套定制化的 C 端组件库，在这个过程中遇到了一些组件库技术选型和设计的问题，在参考公司内外的多个组件库后确定了最终的方案。本文希望通过向读者介绍技术选型的过程中的方案比较和组件库设计中的考量，让读者在组件库的技术选型和设计上有所启发。
可视化编辑器，解决传统文章编辑器编辑及发布页面不一致的痛点，实时同步后台编辑与前端效果，大幅度提升内容管理效率，实现真正的所见即所得—— What You See Is What You Get. 简
前言 本系列是基于React Native版本号0.44.3写的。很多的App都使用了Tab标签组件，例如QQ，微信等等，就是切换不同的选项，显示不同的内容。那么这篇文章将介绍RN中的Tab标签组件。 Tab标签 什么是Tab标签？(ps:我是这样叫的)，就拿微信来说吧，底部有4个选项卡，点击不同的按钮切换不同的内容。 在RN中有两个组件负责实现这样的效果，它们是: TabBarIOS TabNavigator TabBarIOS 和NavigatorIOS相似，看名字就知道该组件只适用于iOS，不能用于
这可能是目前最便捷、最合适的 Icon 使用方式了，特别是在 Vue3 中，等等，你以为它只是适用于 Vue3？不，不要被标题欺骗，它支持 Vue2/Vue3、React、Preact、Solid、Svelte 等多种主流框架，同样，它也支持 Vite、Roullp、Webpack、Nuxt、VueCLI、Svelte Kit、Svelte + Vite、Next.js 等多种主流构建工具。之所以标题中带有 Vue3 以及 ElementPlus 单纯是因为此文是以此背景下产生的，示例代码也是基于此。
Varlet提供了一些常用的图标，图标都来自 Material Design Icon。
浏览器扩展程序是可以修改和增强 Web 浏览器功能的小程序。它们可用于各种任务，例如阻止广告，管理密码，组织标签，改变网页的外观和行为等等。
(adsbygoogle = window.adsbygoogle || []).push({});
这次我们先来简单接触一下，了解一点入门知识，先做一个简单的demo，就先去除一下CSDN网页上的广告。
上篇，我们讲了后端的授权。与后端不同，前端主要是通过功能入口如菜单、按钮的显隐来控制授权的。具体来讲，就是根据指定用户的制定权限来加载对应侧边栏菜单和页面内的功能按钮。我们一个个来讲。
同事之前给我提了一个需求，想实现在网页里点击链接地址后直接打开指定的地址（路径是内网共享的目录，file://share.xx.com\x\x）。
在App上做类似咸鱼的Tabbar时，只能用自定义的方法，考虑小程序中如果想自定义像咸鱼这样的Tabbar，该如何实现呢？网上搜索的大多资料的tabbar都会在页面切换的时候重新渲染，下面的方法页面跳转时不会闪。
字体图标显示，引入css就足够了，无需引入 layui.js，使用到模块时才必须引入js文件
后台管理信息系统（MIS）是软件开发的一个重要领域，如OA、ERP、商城后台等等都属于MIS系统。业务人员需要在MIS系统中操作大量的表单和数据，传统的服务器（同步）页面伴随着大量刷新，用户体验很差，所以开发界喜欢选择以vue为代表的新一代前后端分离技术以实现流程的操作。
Chrome插件是一个用Web技术开发、用来增强浏览器功能的软件，它其实就是一个由HTML、CSS、JS、图片等资源组成的一个.crx后缀的压缩包
案例验证的浏览器为 - Google Chrome 版本 119.0.6045.123（正式版本）（arm64）
首先拿到json解析过的json对象，比如，var obj = eval(data);因为data可能存放的是对象， 这里就假设是对象。根据对象里面的属性，添加几个td。
这个库给的示例代码是 webpack.config.js 但是我们现在在用的是 Vue
为什么要跨平台，自然是为了节约成本。尤其是创业初期，需要快速迭代，快速试错。此时用原生技术，开发起来未免太过拖沓。我所想的是，如何能够快速的，最大化的覆盖屏幕数。首先，我们按照old school来分，我们可以分为移动端，web端和pc端。移动端的跨平台技术可以采用目前大热的flutter，这是由google推出的技术。而web端和pc端在Electron出现后，也变得简单了。我们可以用js来写pc端的应用。这就意味着，我们只需要两门技术就能覆盖所有端。
1 Accordion（可折叠标签） 1.1 实例 1.1.1 代码 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>jQuery EasyUI</title> <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css"> <link rel="stylesheet" type="text
1.view 属性如下： image.png wxml <view class="jx_card" id="tapTest"> </view> wxss .jx_card{ width
小程序在有很多组件，其中基础组件用来显示一些静态的信息，也是各种组件中比较常用的。本文主要介绍text组件、icon组件和progress组件。
在网页中观看和分享视频内容是一个很常见的功能，多年来，视频嵌入网页的方式发生了变化。现在，我们在现代浏览器中使用 标签就可以添加视频文件到网页上，该标签支持多个视频格式。
前阵子为了满足工作上的一个需求开发了一个PostCSS 插件，后来也将这个插件提交给PostCSS 官方并得到认可。在这篇文章中笔者将记录开发过程中遇到的一些问题，且斗胆将之称为“最佳实践”，希望对有兴趣尝试PostCSS 插件开发的您有所帮助。 简介篇 开发成果展示 首先先上成果：https://github.com/Jeff2Ma/postcss-lazyimagecss （欢迎给个star 哦~） postcss-lazyimagecss 插件实现的功能是为 CSS 中的background-imag
众所周知，蓝鲸平台是一个功能强大的智能运维管理平台，我们可以运用平台能力提高运维工作效率，我们也可以开发搭建属于自己的SaaS工具。
这里很多开发者喜欢使用RGB或者十六进制的值进行表示颜色，别的属性可以，上面两个不行
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
