开源基础软件社区

WOT全球技术创新大会

公众号矩阵

移动端

免费课程课程排行直播课软考学堂

精品班厂商认证 IT技术 2023年软考 PMP项目管理

在线学习企业服务

CTO训练营技术经理研习营 LeaTech峰会

文章资源问答开源课堂专栏直播

51CTO

开源基础软件社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

开源基础软件社区订阅号

51CTO学堂APP

51CTO学堂企业版APP

开源基础软件社区视频号

账号设置退出

前端

2.0w内容

关注

分享前端领域的前沿热点、技术实战、框架应用和使用案例，为开发者学习前端技术提供参考。

文章博文帖子课程

共 687 条

02 html表单标签 CSS 层贴样式

* 表格标签(只要是展示数据一般都可以使用表格标签) * 表单标签(重要:获取前端用户数据发送给后端) * 偷窥一下后端框架的基本使用(flask) * css层贴样式表(选择器) ### 表格标签 ... 一个tr就表示一行 username 加粗文本 username 正常文本

2021-07-26 16:27:28

CSS：from表单：html基础：

在` JavaScript`中，this 这个特殊的变量是相对比较复杂的，因为` this`不仅仅用在面向对象环境中，在其他任何地方也是可用的。 ` this`这个问题说实话是真的烦，与我们常见的很多语言不同，JS函数中的` this`指向并不是在函数定义的时候确定的，而是**在调用**的时候确定的。换句话说，函数的调用方式决定了` this`指向。在日常开发过程中，经常遇到由于this问

2021-07-26 00:30:30

js原理分析 this原理分析引用详情

优雅编程 | 7 个你应该掌握的 JavaScript 编码技巧

JavaScript 是一个灵活性很强的语言，有很多和其他语言不一样的特性，本文分享7 个日常开发中可以用到的 JavaScript 编码技巧，享受其优雅编程的快感。

2021-07-24 22:01:42

数组对象解构

01 html 基础标签使用

```python HTML:网页的骨架没有任何的样式 CSS:给骨架添加各种样式变得好看 JS:控制网页的动态效果前端框架:BOOTSTRAP、JQuery、Vue 提前给你封装好了很多操作你只需要按照固定的语法调用即可 ``` ### 软件开发架构 ```python cs 客户端服务端 bs 浏览器服务端 ps:bs本质也是cs ``` ### 浏览器窗口输

2021-07-22 19:59:50

html html各种标签

前端 JavaScript 实现一个简易计算器

前端使用 JavaScript 实现一个简易计算器，没有难度，但是里面有些小知识还是需要注意的，算是一次基础知识回顾吧。

2021-07-09 17:46:14

JavaScript 前端代码实现

黑科技：通过 Google Java Style 文件配置 IDEA 和 Ecplise 代码风格

文章目录引言Google Java Style 介绍源文件基础源文件结构格式化标识符命名规则Google Java Style 下载IDEA 配置 Google Java StyleEcplise 配置 Google Java Style引言在日常开发中，多人团队协作开发一个项目是很常见的，

2021-07-09 15:59:49

文章总览 # IDEA java

「免费开源」基于Vue和Quasar的前端SPA项目crudapi后台管理系统实战之文件上传（十）

基于Vue和Quasar的前端SPA项目实战之文件上传（十）

2021-07-09 10:28:41

crudapi-adm vue javascript

深入理解JavaScript编程中的同步与异步机制

JavaScript的优势之一是其如何处理异步代码。异步代码会被放入一个事件队列，等到所有其他代码执行后才进行，而不会阻塞线程。然而，对于初学者来说，书写异步代码可能会比较困难。而在这篇文章里，我将会消除你可能会有的任何困惑。理解异步代码JavaScript最基础的异步函数是setTimeout和setInterval。setTimeout会在一定时间后执行给定的函数。它接受一个回调函

2021-07-05 14:47:37

前端 JavaScript 之『防抖』的简单代码实现

在加入防抖代码之后，input 事件并不会每次输入都会输出在多行文本，而是会在用户停止输入 delay 时间之后触发输出，频率确实低了很多。

2021-06-17 21:12:17

前端 JavaScript 防抖节流

你有一份Rx编程秘籍请签收

利用已有的知识去理解一个新的概念，利用高阶函数的思想去理解响应式编程中Observable的本质。

2021-06-15 09:17:19

响应式编程 RxJs Observable

史上最全面的jQuery入门教程（视频|资料，建议收藏！）

jQuery是什么？ jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。 jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画

2021-06-09 15:24:45

jQuery jQuery入门 Java

javascript 0基础入门

JavaScript基础作者: 写代码的小鱼儿Email：282505458@qq.comQQ：282505458微信：15311464808说明：本文档用于学习交流，可传播可分享，如有错误，请联系小鱼儿，感谢矫正与探讨javascript简介http://www.ecma-international.org/memento/TC39.htm什么是JavaScriptjs ...

2021-06-07 17:11:32

JavaScript JavaScript

瀑布流特效

本文介绍并实现了瀑布流布局实现的三种方式：传统多列浮动、CSS3 样式定义、绝对定位。瀑布流，又称瀑布流式布局。是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是Pinterest，逐渐在国内流行开来。国内大多数清新站基本为这类风格。瀑布流特点：1、琳琅满目：整版以图片为主，大小不一的图片按照一定的规律排列。2、唯美：图片的风格以唯美的图片为主。3、操作简单：在浏览网站的时候只需要轻轻滑动一下鼠标滚轮，一切的美妙的图片精彩便可呈现在你面前。

2021-06-07 15:59:25

CSS盒子模型

CSS盒子模型（上）盒子模型（Box Model）是CSS控制页面时一个很重要的概念。只有很好地掌握了盒子模型以及其中每个元素的用法，才能真正地控制好页面中的各个元素。所有页面中的元素都可以看成是一个盒子，占据着一定的页面空间。一般来说这些被占据的空间往往都要比单纯的内容大。可以通过调整盒子

2021-06-07 15:05:35

WEB安全防护相关响应头 (上)

保障普通用户的安全，网站可以做些什么？

2021-06-03 15:13:53

html http Web安全

Web前端超度指南|最适合小白的JavaScript入门教程

Javascript，从“最被误解的语言”，最后神奇地转变成为“最流行的语言”，证明它经受得起时间的考验。虽然单独来看，它的交互设计有些失败，但是加上Ajax的完美配合，javascript就成了一款轻便并且又实用的好语法。如果想要更高效、更系统地学会javascript，最好采用边学边练的学习模式。如果觉得javascript的学习难度较高，不易理解，建议采用视频的方式进行学习，更易初学者吸收：

2021-06-02 16:57:54

JavaScript JavaScript入 JavaScript教

1.Ajax预备知识回顾1.1jQueryjQuery是一个非常强大的JavaScript库，它对JavaScript、CSS、DOM、AJAX等的操作步骤已经简化到极致，其主旨思想是：用更少的代码，实现更多的功能jQuery是一个兼容多种浏览器的JavaScript库1.2网络通信原理网络通信的基本原理。为了保证数据能够从目标源到达目的地，并且保证数据的完整性，两端都要使用的规范就是协议。协议决

2021-05-28 12:22:41

npm Commander基本使用

随着NodeJs的不断发展，对于前端来说要做的东西也就更多，Vue脚手架React脚手架等等等一系列的东西都脱颖而出，进入到人们的视野当中，对于这些脚手架工具来讲也只是停留在应用阶段，从来没有想过脚手架是如何实现的？vue init webpack 项目名称是如何通过这样的命令创建了一个项目，其最重要的模块就是今天要说的Commander。Commander模块又国外TJ大神所编写项目地址：Com

2021-05-27 10:11:23

BS结构RFID读写器web插件开发之九-----ISO15693标签操作

ISO15693标签web读写ISO15693标签介绍ISO15693协议和ISO14443A/B协议是常见的三种通信协议，其中ISO15693协议的理论读写距离≤1m，ISO14443A/B协议的理论读写距≤10cm.遵循ISO15693协议的标签常见的有ICODE1和ICODE2,TagIT等等.友我科技IC卡读卡器web插件系统对ISO15693标签开放了全部接口，可以通过javascrip

2021-05-25 09:35:47

ISO15693 javascript web

BS结构RFID读写器web插件开发之八-----DES和3DES加解密

DES和3DES加解密关于DES和3DESDES是一种标准加密算法,它使用对称密钥加密法.DES算法密钥为8字节.3DES（即TripleDES）是DES向AES过渡的加密算法,3DES算法是指使用双长度（16字节）密钥K=（KL||KR）将8字节明文数据块进行3次DES加密/解密。如下所示：Y=DES(KL[DES-1(KR[DES(KL[X])])])解密方式为：X=DES-1(KL[DES(

2021-05-24 10:16:47

javascript IC卡读卡器 web

BS结构RFID读写器web插件开发之五----电子钱包操作

IC卡电子钱包web操作普通IC卡电子钱包介绍普通IC卡电子钱包是IC卡块数据的另外一种格式,这种格式存储占用了全部16个字节,所以一旦将这个块作为电子钱包使用,则不能在这个块存储任何其他的数据.电子钱包输入和输出均为4个字节整形,不能为小数类型.如果要存储小数类型,需要放大相应倍数,使其转变为整形.电子钱包是数据存储的另外一个格式,所以在我们使用电子钱包之前,必须将其初始化为钱包.之后才能对其充

2021-05-21 09:56:56

IC卡读卡器 NFC javascript

三层优化1.加入接口建议面向接口开发：先接口-再实现类–service、dao加入接口–接口与实现类的命名规范接口：interface，起名 I实体类Service IStudentServiceIStudentDao 实现类：implements 起名实体类ServiceImpl StudentServiceImplStudentDaoImpl接口： I实体...

2021-05-20 10:49:36

JSP开发 JSP脚本

CSS 6种完全居中最佳实践（整理）

2016年4月28日 1.最佳法： "在线演示" 1. 在普通文档流里，margin: auto; 的意思是设置元素的margin top和margin bottom为0。 W3.org:?If ‘margin top’, or ‘margin bottom’ are ‘auto’, their u

2021-05-19 13:26:18

当WebRTC Pion示例无音频流的时候，如何添加音频模块并通过浏览器播放？

Pion WebRTC是纯Go语言实现的WebRTC框架库。可以用于开发WebRTC服务器和WebRTC客户端。API接口与JavaScript类似，减少学习成本。

2021-05-18 14:29:25

Go WebRTC JavaScript

有趣的css—简单的下雨效果2.0版

笔者上一篇发布的文章有趣的css—简单的下雨效果中有位老哥给我提了一个很棒的建议，大致意思是波纹应该产生于雨滴的消失处。这篇文章就是按照这个思路修改的。

2021-05-18 13:37:36

better-scroll不能滚动之滚动监听-左右联动

滚动监听 better-scroll 无法滚动的分析，直接翻到最后，看问题汇总，希望能帮助你解决。　　借用一下人家这个好看的项目图片，做一个解释。左边的内容会跟右边的内容一起关联，点击左边的菜单，右边会滚动到对应菜单的内容区域；滚动右边的内容，左边会滚动到对应的菜单项。就是这个简单的左右关联的项目。方法提供了两个。 jq的方法：定义两个方法：滚动的一个方法，和点击的方法。滚动方法：con

2021-05-13 22:52:56

better-scro 滚动监听左右联动

本地存储cookie,localStorage,sessionStorage

常见的前端存储有老朋友 cookie，短暂的 sessionStorage，和简单强大的localStorage 他们之间的区别有以下几点 1.. cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。 2. cook

2021-05-13 15:11:34

本地存储 cookie sessionSto

【博客大赛】+移动端4位/6位验证码/密码输入框H5实现

移动端4位/6位验证码/密码输入框H5/CSS/JS实现

2021-04-28 18:16:47

【博客大赛】面试官在“逗”你系列：到底应该怎么爬楼梯？！

今天我们就来个单刀直入，直奔主题，从一个真实面试题```到底怎么爬楼梯```来聊一聊算法中的```动态规划``` 。

2021-04-28 17:01:15

面试动态规划前端

Selenium之页面元素定位

单个元素定位WebDriver提供了八种页面元素定位的方法，下面来依次为大家介绍一下：id定位: find_element_by_id("")HTML页面规定了id属性在HTML文档中必须是唯一的（页面id不唯一时，在编辑器中会标红显示，但是页面依然能正常加载）。id定位方法就是通过元素的id属性来查找元素，比如通过id定位百度输入框：find_element_by_id("kw")nam

2021-04-27 15:54:18

一篇文章带你初步了解—CSS特指度

单个选择器的特指度按照 !important > id选择符 > class选择符、属性选择符和伪类 > 元素选择符和伪元素的规律排序，如果遇到组合选择器，则按其逻辑将其拆分为单个选择器后相加再进行判断。如果选择器中的声明包含了!important，则这条属性会覆盖同属性所有不包含了!important的声明，只有在同属性的声明也包含!important，并且同属性的声明位于的选

2021-04-27 11:17:59

从问题入手，深入了解JavaScript中原型与原型链

你知道为什么新建一个不添加任何属性的对象为何能调用toString方法吗?你知道如何让拥有相同构造函数的不同对象都具备相同的行为吗?你知道instanceof关键字判断对象类型的依据是什么吗?从问题入手，深入了解JavaScript中原型与原型链前言开篇之前，我想提出3个问题：新建一个不添加任何属性的对象为何能调用toString方法?如何让拥有相同构造函数的不同对象都具备相同的行为?instan

2021-04-27 11:15:57

JavaScript遍历对象方法总结

本文主要是对JavaScript对象遍历方法做一个总结，比如Object最常见的遍历方法方法就是使用for...in...，但其有一定的局限性，比如只能遍历可枚举属性。虽然Object无法直接使用for循环和forEach，但是经过Reflect.ownKeys / Object.getOwnPropertyNames / Object.getOwnPropertySymbols / Object

2021-04-27 11:13:21

做个开源博客学习Vite2 + Vue3 （一）搭建项目

前言不会 webpack，遇到报错就一头雾水，完全不知道怎么办，而且体积还大速度还慢。所以尤雨溪做了 vite 后就很向往，只是知道自己水平有限还是等大佬先趟趟坑，等差不多了在跳。现在vite2发布了，官网也有了，网上也能找到大佬写的相关资料，时机应该成熟可以往里跳了。所以打算做个开源博客，一边做这个小项目，一边学习 vite2 和vue3，还有相关知识。为啥选择博客呢？因为功能相对比较简单，不考

2021-04-24 21:10:55

基于B/S结构的高校物品交易系统

在这种体系结构中，业务性能很容易通过web浏览器实现，当用户通过web浏览器提交表单时，将信息提供给Internet服务器以满足用户的需求。Internet服务器执行所需的分析查询，数据库服务器执行，然后使用标准HTML语言将数据库服务器的查询结果返回到web浏览器。

2021-04-21 14:07:44

B/S结构；系统

javascript中的闭包closure详解

闭包closure是javascript中一个非常强大的功能。所谓闭包就是函数中的函数，内部函数可以访问外部函数的作用域范围，从而可以使用闭包来做一些比较强大的工作。今天将会给大家详细介绍一下闭包。

2021-04-20 11:22:28

javascript 闭包

读scss/sass实例项目带你入门

CSS（Cascading Style Sheet）级联样式表，前端必备技能之一。记得刚开始学习使用DIV+CSS布局的时候，有一个很有意思的网站《禅意花园》,通过模仿它开启了CSS设计之美。随着前端技术发展，纯...

2021-04-16 17:42:12

小程序三级联动，实现三级分类，顶部导航栏，左侧分类栏，右侧数据列表

如果大家一直读石头哥的文章，或者看石头哥的视频，肯定知道，石头哥的点餐小程序有实现二级菜品或者商品分类。如下图但是有时候我们想实现三级分类，该怎么做呢，今天就来教大家如何实现三级分类。随便教下大家如何把excel数据批量的导入到云开发数据库一，老规矩，先看效果图先来给大家分析下原理二，原理分析首先来分析下有那三级可以看出，我们最顶部是一级菜单，左侧是二级菜单，右侧是最终的三级列表。我们来理一理层级

2021-03-28 11:39:19

我是这样理解EventLoop的

我是这样理解EventLoop的一、前言众所周知，在使用javascript时，经常需要考虑程序中存在异步的情况，如果对异步考虑不周，很容易在开发中出现技术错误和业务错误。作为一名合格的javascript使用者，了解异步的存在和运行机制十分重要且有必要；那么，异步究竟是何方神圣呢？我们不得不提EventLoop:也叫做事件循环，是指浏览器或Node环境的一种解决javaS

2021-01-03 11:30:38

Event Loop 事件循环 Node中事件循环

代码审查，异步调用的常见问题剖析

这段代码乍一看，似乎没毛病。但是稍微思考一下，就能发现问题了...

2020-04-13 13:35:48

微信异步代码审查

网易云音乐数据交互—async&await实现版（完结篇）

今天要分享关于ES7 async结合Fetch异步编程问题。

2018-09-17 10:07:42

app async await

JavaScript 私有成员

JavaScript 中虽然约定 `_` 前缀的是私有，那也只是君子之约，它实质上仍然不是私有。君子之约对人有效，计算机又不知道你有这个约定……

2018-08-13 16:39:49

JavaScript private 全栈

移动端audio音频播放兼容方案

现在很多移动端要求audio播放必需由用户的事件触发，否则就劫持。实际应用中经常会出现JS网络请求通过返回的结果来决定播放什么音频，在移动端是不允许的。当移动需要通过网络请求回调来播放音频时，就得做点准备工作，具体代码如下：加载准备处理 /** * 循环处理

2018-01-30 17:22:49

通过 ES6 Promise 和 jQuery Deferred 的异同学习 Promise

ES6 和 jQuery 都有 Deffered 和 Promise，但是略有不同。不过它们的作用可以简单的用两句话来描述……

2018-01-18 13:35:49

javascript promise jquery

JavaScript中错误正确处理方式，你用对了吗？

本文将会讨论客户端JavaScript中的错误处理。主要介绍JavaScript中的易犯错误、错误处理、异步代码编写等内容。

2017-10-10 10:59:15

Java Script SpreadJS

Java实现Web页面前数字字母验证码实现

最近公司做项目开发中用到了验证码实现功能，将实现代码分享出来，前段页面实现代码：<ul> <li><label>验证码：</label></li> <li> <div> &

2017-08-28 14:16:20

Java 验证码实现

微信公众平台网页开发实战--1.微信分享一个网页到朋友圈

微信JS-SDK接口+H5的混合开发模式，将引爆微信公众平台的开发商业模式，让更多的人和更多的小而美企业，搭建属于自己的小而美平台，零成本、零难度、还跨平台，大众创业万众创新不在是空谈！

2017-06-15 22:15:58

html5 微信开发 jssdk

jQuery温度计，支持摄氏度华氏度同时展示

[沫沫金原创]特色纯jQuery+Css原生，无任何第三方。同时支持摄氏度、华氏度同时显示，并可随意定义温度计颜色，例如小于10度绿色、小于20度红色等等。同时支持摄氏度、华氏度支持自定义温度计颜色支持自定义温度计款式（Psd原图提供）以上，谢谢。沫沫金祝你工作一路顺，步步高！提供源码下载http://down.51cto.com/data/2317776

2017-06-15 15:48:25

jquery 温度计摄氏度

javascript中函数的5个高级技巧

函数对任何一门语言来说都是一个核心的概念，在javascript中更是如此。前面曾以深入理解函数系列的形式介绍了函数的相关内容，本文将再深入一步，介绍函数的5个高级技巧作用域安全的构造函数　　构造函数其实就是一个使用new操作符调用的函数functionPerson(name,age,job){this.name=name;&

2017-05-10 11:05:21

Software javascript function

55个必备技巧带你玩转JavaScript

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border oncontextmenu=return(false)> <td>no </table> 可用于Table2. <body onselectstart="return false"> 取消选取、防止复制3

2017-03-09 13:24:08

上一页 1 ··· 7 8 9 10 11 ··· 14 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客开源基础软件社区

教育

51CTO学堂精培企业培训 CTO训练营