分类:前端技术 - 查码网

更多分类...
前端技术

24小时内最新一篇随笔会用Bootstrap

# Bootstrap ## 0 简介 * Bootstrap是美国[Twitter](https://baike.baidu.com/item/Twitter/2443267?fromModule=lemma_inlink)公司的设计师 Mark Otto 和 Jacob Thornton 合作基

2023-09-04 14:08:41

前端技术

24小时内最新JS校验银行卡号以及通过银行卡号自动带出所属银行信息

本文实例讲述了JS实现的获取银行卡号归属地及银行卡类型操作以及Luhn校验算法校验银行卡号算法。分享给大家供大家参考,具体如下: javascript代码如下 /** * Luhn校验算法校验银行卡号;Luhm校验规则:16位银行卡号(19位通用):1、将未带校验位的 15(或18)位卡号从右依次编

2023-09-04 14:08:34

前端技术

24小时内最新js判断是否手机模式

function autoLoad() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs

2023-09-04 14:08:01

前端技术

24小时内最新jQuery 在图片和文字中插入内容(多种情况考虑)

昨天接到一个新的需要,在后台文章编辑器中,每一个文章的正文前面,可以单独添加一个电头字段,但是如果在富文本编辑器中最上面就添加图片的话,图片就会把电头和正文中的文字给隔开。需要做的是获取到电头字段,然后在正文中的文字部分的最前面插入电头字段。具体看下图: 原始的代码: <div class=&

2023-09-04 14:07:54

前端技术

24小时内最新记录--JavaScript 中有趣的 9 个常用编码套路

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 1️⃣ set对象:数组快速去重 常规情况下,我们想要筛选唯一值,一般会想到遍历数组然后逐个对比,或者使用成熟的库比如lodash之类的。 不过,ES6带来了一个新玩意儿!它引入了一个全新的对象类型:Set!而且,如果结合上...展开运算

2023-09-04 14:07:46

前端技术

24小时内最新简单实用折叠面板可以折叠收起展开内容区域

前端简单实用折叠面板可以折叠收起展开内容区域,&#160;下载完整代码请访问uni-app插件市场地址:&#160;https://ext.dcloud.net.cn/plugin?id=12860 效果图如下: 代码如下: # 简单实用折叠面板可以折叠收起展开内容区域。 #### 使用方法 ```

2023-09-04 14:07:39

前端技术

24小时内最新验证码插件 vercode.js

第1代图片验证码 - 字母数字型 第2代滑动验证码 - 图片截取型 第3代验证码 - 选图型 vercode.js 结合了上面的情况下新研发的一种验证码。 验证码类型 验证码描述 操作性 安全性 描述 字母数字型图片验证码 这是一种通过后台随机码生成图片的验证码。服务器会在随机码生成时保存

2023-09-04 14:07:24

前端技术

24小时内最新nodejs从0到1搭建后台服务

# 项目主体搭建 - 前端:`vue3`、`element-plus`、`ts`、`axios`、`vue-router`、`pinia` - 后端:`nodejs`、`koa`、`koa-router`、`koa-body`、`jsonwebtoken` - 部署:`nginx`、`pm2`、`x

2023-09-04 11:53:55

前端技术

24小时内最新17 JavaScript 中的call和apply

##### 17 JavaScript 中的call和apply 对于咱们逆向工程师而言. 并不需要深入的理解call和apply的本质作用. 只需要知道这玩意执行起来的逻辑顺序是什么即可 在运行时. 正常的js调用: ```js function People(name, age){ this.n

2023-09-04 11:53:47

前端技术

24小时内最新撮合前端平台在低代码平台的落地实践

基于传统认知,前端产品直接触达消费者,往往具有高度的定制化、需求变更频繁等特点,要求具有很好的动态性, 能够满足不同客户的需求。那么能否建设类似的前端中台产品,我们姑且称之为“前端领域产品”,实现接入团队端到端能力复用呢?我们在撮合业务线中进行了一系列思考和探索。

2023-09-04 11:53:31

前端技术

24小时内最新AI绘图开源工具Stable Diffusion WebUI前端API对接

本文主要介绍 AI 绘图开源工具 Stable Diffusion WebUI 的 API 开启和基本调用方法,通过本文的阅读,你将了解到 stable-diffusion-webui 的基本介绍、安装及 API 环境配置;文生图、图生图、局部重绘、后期处理等 API 接口调用;图像处理开发中常用到

2023-09-04 11:53:23

前端技术

24小时内最新6 CSS样式继承

##### 6 样式继承 CSS的样式表继承指的是,特定的CSS属性向下传递到子孙元素。总的来说,一个HTML文档就是一个家族,然后html元素有两个子元素,相当于它的儿子,分别是head和body,然后body和head各自还会有自己的儿子,最终形成了一张以下的家族谱。 ![image](http

2023-09-02 19:10:52

前端技术

24小时内最新7 CSS选择器优先级

##### 7 选择器优先级 所谓CSS优先级,即是指CSS样式在浏览器中被解析的先后顺序。样式表中的特殊性描述了不同规则的相对权重。 ``` /* !important &gt; 行内样式&gt;ID选择器 &gt; 类选择器 &gt; 标签 &gt; 通配符 &gt; 继承 &gt; 浏览器默认

2023-09-02 19:10:45

前端技术

24小时内最新8 CSS文本属性

##### 8 文本属性 font-style(字体样式风格) ``` /* 属性值: normal:设置字体样式为正体。默认值。 italic:设置字体样式为斜体。这是选择字体库中的斜体字。 oblique:设置字体样式为斜体。人为的使文字倾斜,而不是去使用字体库的斜体字。 */ ``` font

2023-09-02 19:10:38

前端技术

24小时内最新9 CSS背景属性

##### CSS 背景属性 ##### 1. background-color(背景颜色) 页面的背景颜色有四种属性值表示,分别是transparent(透明),RGB十进制颜色表示,十六进制颜色表示和颜色单词表示。 属性使用: ``` /* background-color: transpare

2023-09-02 19:10:30

前端技术

24小时内最新震惊!CSS 也能实现碰撞检测?

本文,我们将一起学习,使用纯 CSS,实现如下所示的动画效果: ![](https://img2023.cnblogs.com/blog/608782/202308/608782-20230822102547750-742841232.gif) 上面的动画效果,非常有意思,核心有两点: 1. 小球随

2023-09-02 19:10:23

前端技术

24小时内最新CSS基础-边框和圆角

# 边框和圆角 ## 边框 CSS中用border 定义边框属性。 border语法:border:[宽度][样式][颜色] 其中: - 宽度:边框的宽度,单位可以使px、em、rem 等单位,也可以使用thin、medium、thick 三种预设值 - 样式:边框的样式,值可以是 solid(实线

2023-09-02 19:10:16

前端技术

24小时内最新10 CSS边框属性

##### 10 CSS边框属性 1. border-style(边框风格) 定义边框的风格,值可以有: ``` /* none:没有边框,当border的值为none的时候,系统将会忽略[border-color] hidden:隐藏边框,低版本浏览器不支持。 dotted:点状边框。 dashe

2023-09-02 19:10:10

前端技术

24小时内最新11 CSS盒子模型(重点)

##### 11 CSS盒子模型(重点) 盒模型是CSS的核心知识点之一,它指定元素如何显示以及如何相互交互。HTML页面上的每个元素都可以看成一个个方盒子,这些盒子由元素的content(内容)、padding(内边距)、border(边框)、margin(外边距)组成。 ![image](htt

2023-09-02 19:09:59

前端技术

24小时内最新12 CSS 的float属性

##### 12 CSS 的float属性 - 流动布局 流动模型(Flow),即文档流,浏览器打开HTML网页时,从上往下,从左往右,逐一加载。 在正常情况下,HTML元素都会根据文档流来分布网页内容的。 文档流有2大特征: ① 块状元素会随着浏览器读取文档的顺序,自上而下垂直分布,一行一个的形式

2023-09-02 19:09:51

前端技术

24小时内最新13 CSS 的position属性

##### 13 CSS 的position属性 就像photoshop中的图层功能会把一整张图片分层一个个图层一样,网页布局中的每一个元素也可以看成是一个个类似图层的层模型。层布局模型就是把网页中的每一个元素看成是一层一层的,然后通过定位属性position对元素进行定位摆放,最终实现网页的布局。

2023-09-02 19:09:44