经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
前端设计:HTMLXHTMLHTML5CSSJavaScriptCSS3HTML DOMjQueryJSONAJAXLESSBootstrapFoundationAngularJSTypeScriptAngularJS2ReactjQuery UIjQuery EasyUINode.jsHighchartsVue.jsCoffeeScriptEmber.jsExt.jsMeteorSASSOmiMarkdown前端开发规范浏览器webpackEcharts
 前端设计

原生js实现表单的正则验证(验证通过后才可提交)

实现了如下功能: 1.用户名:onfouc显示msg规则;onkeyup计算字符,其中中文为两个字符;onblur,验证是否通过 2.邮箱:onblur 正则匹配,正则是根据自己的需求写的,可以根据个人需求更改 3..密码:onkeyup时显示密码的强弱度,onblur时验证密码,是...[2021/5/7]

命名视图-实现一个路由规则展示多个组件!!!

1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" co...[2021/5/7]

JS根据奖品权重计算中奖概率

JS根据奖品权重计算中奖概率

一、示例场景 1.1、设置抽奖活动的奖项名称 奖项名称:["一等奖", "二等奖", "三等奖", "未中奖"]。假设抽奖活动设置了这四个奖项,当然开发者可以扩展更多。 var prizes = ["一等奖","二等奖","三等奖","未中奖"]; 奖项名称数组 1....[2021/5/7]

CSS 还能这样玩?奇思妙想渐变的艺术_CSS教程_CSS

在之前的这篇文章 -- 一行 CSS 代码的魅力 中,我们介绍了一种使用一行 CSS 代码就能够生成的一种美妙(也许奇怪更合适)的背景。 本文,将继续介绍背景的一些有意思的知识,利用一些极小的单位,只需要短短几行代码,就能够产生出美妙而又有意思的背景效果~ 数量级对背景图形的影响 本文的...[2021/5/6]

HTML5中 rem适配方案与 viewport 适配问题详解

H5 端 rem 适配方案与 viewport 适配 rem rem 是 CSS3 新增的一个相对单位(root em,根 em) 只根据当前页面 HTML 页面的 font-size 设置,如果根目录的 font-size 为 18px,则 1rem=18px 媒体查询设置 ...[2021/5/6]

用CSS3画一个爱心_css3_CSS

实现效果 需求/功能: 怎么用CSS+HTMl绘画出一个爱心. 分析: 爱心可以通过一个正方形+两个圆形组合成. 先画一个正方形+圆形, 摆放位置如下: 再添加上一个圆形. 最后再将整个图形顺时针旋转45度即可. 初步实现: 先画一个正...[2021/5/6]

CSS3实现的3D隧道效果_css3_CSS

实现的效果 实现代码 html <div cla ="scene"> <div cla ="wrapper"> <ul cla ="tunnel"> ...[2021/5/6]

Html5通过数据流方式播放视频的实现

本文介绍如何通过H5页面通过数据流的方式播放服务端的视频文件,可以兼容PC、Android和IOS环境。 H5页面可以通过<video> 标签来播放视频。一般的方式如下: <!DOCTYPE HTML> <html> <body>...[2021/5/6]

CSS完成视差滚动效果_CSS教程_CSS

一、是什么 视差滚动(Parallax Scrolling)是指多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验 我们可以把网页解刨成:背景层、内容层、悬浮层 当滚动鼠标滑轮的时候,各个图层以不同的速度移动,形成视觉差的效果 二、实现方式 使用c 形...[2021/5/6]

CSS3实现的侧滑菜单_css3_CSS

实现效果: 实现代码: <!DOCTYPE html><html cla ="menu"> <html> <head> <meta charset="utf-8"/>...[2021/5/6]

css3 利用transform-origin 实现圆点分布在大圆上布局及旋转特效_css3_CSS

首先 要使用transform-origin属性,必须使用transform 属性,其有很多属性,我们只需要用到transform的rotate属性(设置2D旋转角度),再搭配 transform-origin 设置其中心点。最后搭配c 3动画属性animation。完成我们想要的效果。 先上效...[2021/5/6]

css position fixed 左右双定位的实现代码_CSS教程_CSS

CSS Position(定位) position 属性指定了元素的定位类型。 position 属性的五个值: static relative fixed absolute sticky 元素可以使用的顶部,底部,左侧和右侧属性...[2021/5/6]

CSS 新特性 contain控制页面的重绘与重排问题_CSS教程_CSS

CSS 新特性 contain控制页面的重绘与重排问题_CSS教程_CSS

在介绍新的 CSS 属性 contain 之前,需要读者已经知道什么是页面的重绘与重排。 发现之前已经描述过很多次了,可以看看这个提高 CSS 动画性能的正确姿势[1]。 OK,下面进入本文正题, contain 为何? contain 属性允许我们指定特定的 DOM 元素和它...[2021/5/6]

关于Vue Router的10条高级技巧总结

前言 Vue Router 是 Vue.js 官方的路由管理器。 它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。 包含的功能有: 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.j...[2021/5/6]

详解如何使用Node.js实现热重载页面

前言 前不久我结合browser-sync+gulp+gulp-nodemon实现了一款生产环境热更新(我之前理解有点偏差,应该定义为热更新,不是热重载)的项目脚手架,那么,今天我们将使用Node.js实现一个热重载页面。 那么,我今天就总结一下吧,以防止大家也跟我一样。 热重载 ...[2021/5/6]

&lt;button&gt;与&lt;input type =“ button” /&gt;。使用哪个?

查看大多数站点(包括SO)时,大多数使用: <input type="button" /> 代替: <button></button> 两者之间的主要区别是什么? 是否有正当理由使用一个而不是另一个? 是否有使用它们的有效理由? <butto...[2021/5/6]

JavaScript 01

论文告一段落了,剩下要修改的就非常少了,抽一天时间就能解决了。所以有时间来这写东西了。前端三件套html、c (和x 要分开,完全不是一个东西)、JavaScript之前学过,这次先过一遍JavaScript,为实习打基础,后续更新html和c 。有时间的话会同时更新一下渗透测试的东西,也是从0...[2021/5/6]

前端工程师进阶之旅-手撕代码【前端常用方法以及面试常见题】

前端工程师进阶之旅-手撕代码 主要包括一些工作中常用的方法,面试常问到的方法。还有一些不太了解,趁机深入了解的知识点。都弄懂之后还是有点提升的。 数据类型判断 function myTypeof(data) { return Object.prototype.toString.call(d...[2021/5/6]

前端数据结构--散列表(哈希表)

散列表的由来 前面说了数组、链表,他们各自有自己的特点: 数组:具有随机访问的特点,可以快速的根据下标访问到数据,缺点是插入、删除需要移动数据 链表:插入、删除只需要改变结点之间的引用,缺点是查找数据需要从根结点遍历访问  散列表是组合了数组和链表的优势,规避它们的不足而产生...[2021/5/6]

算法学习:二分法从入门到精通

今天在力扣看到一道题,顺手写了下,用到了二分法和贪心算法,这里记录一下思路。 二分法查找,也称折半查找,是一种在有序数组中查找特定元素的搜索算法。查找过程可以分为以下步骤: (1)首先,从有序数组的中间的元素开始搜索,如果该元素正好是目标元素(即要查找的元素),则搜索过程结束,否则进行下一步。...[2021/5/6]

前端缓存API请求数据

1. 背景 在一些项目中,有时候会出现不同模块重复请求大量相同api接口的情况,特别是在一些功能相似的后台管理页面中。以下面这几个页面为例,每次进入页面都需要请求等大量重复的下拉框数据,下拉框数据短时间内改动不大,但也不能在前端使用静态数据,所以可以考虑在前端进行数据缓存,避免重复请求api。 ...[2021/5/6]

JavaScript 02 流程控制 三元运算符

分支结构 1. if ( 条件) { 条件成立执行  } 2. if ( 条件) { 条件成立执行  } else {否则执行语句 } 3. if ( 条件) { 条件成立执行  } else if {条件2执行语句 } else {&nb...[2021/5/6]

JavaScript 03 数组 ,数组倒序,数组遍历,提取非零元素,求大小值,数组增删改查

避免在表达式中写一个固定的值,要用变量代替 数组和  python中的列表差不多,可以按着列表来理解 数组是一种数据类型Array ,数组字面量 [ ] var names = [''zs'', ''ls'', ''ww'']; 获取数组的字面量:索引/下标  co...[2021/5/6]

在Bootstrap开发框架基础上增加WebApi+Vue&Element的前端

基于Metronic的Bootstrap开发框架是我们稍早一点的框架产品,界面部分采用较新的Bootstrap技术,框架后台数据库支持Oracle、SqlServer、MySql、PostgreSQL、DB2、Sqlite、Acce 等常规数据库,可通过配置进行自由切换,使用Enterprise...[2021/5/6]

如何使用CSS将文本垂直居中?

我有一个<div>包含文本的元素,我想对齐此<div>垂直中心的内容。 这是我的<div>风格:   #box { height: 170px; width: 270px; background: #000; font-si...[2021/5/6]

05.ElementUI源码学习:项目发布配置(github pages&npm package)

05.ElementUI源码学习:项目发布配置(github pages&npm package)

0x00.前言 书接上文。项目第一个组件已经封装好,说明文档也已编写好。下面需要将说明文档发布到外网上,以此来展示和推广项目,使用 Github Pages功能实现。同时将组件发布之 npm 上,方便直接在项目中安装使用。 0x01.Github Pages发布 进入项目的 Github re...[2021/5/6]

React Hook用法详解(6个常见hook)

1、useState:让函数式组件拥有状态 用法示例: 计数器 import { useState } from ''react'' const Test = () => { const [count, setCount] = useState(0); return ...[2021/5/6]

使用vue-element-admin框架从后端动态获取菜单

1、前言 ? vue-element-admin是一个纯前端的框架,左侧菜单是根据路由生成的。实际开发中经常需要根据当前登陆人员的信息从后端获取菜单进行展示,本文将详细介绍如何实现该功能。 2、详解 ? 整体思路为:登陆 > 成功后根据用户信息获取菜单 > 根据菜单生成路由信...[2021/5/6]

JavaScript 04 函数,参数,形参,实参,返回值return,arguments的使用,冒泡排序法,匿名函数,自调用函数,作用域,作用域链,预解析

东西有点绕,需要好好消化,冒泡排序明天补上 ------------------------------------------------------------------------------------------------------- 函数:封装一段特定功能的代码,然后通过函...[2021/5/6]

JS原生2048小游戏源码分享

JS原生2048小游戏源码分享

最近在学习算法方面的知识,看到了一个由算法主导的小游戏,这里给大家分享下代码: 效果: 代码: <head> <meta charset="UTF-8"> <meta name="viewport" content="width=360p...[2021/5/6]

搞懂JS的事件循环(Event Loop)和宏任务/微任务

在之前的一篇文章中简单理了下JS的运行机制,顺着这条线深入就又遇到了几个概念,什么是事件循环,什么又是宏任务、微任务呢,今天用这篇文章梳理一下。 以下是我自己的理解,如有错误,还望不吝赐教。 事件循环与消息队列 首先大家都知道JS是一门单线程的语言,所有的任务都是在一个线程上完成的。而我们知...[2021/5/6]

JavaScript异步编程3——Promise的链式使用

目录概述详论回调地狱Promise实现参考 ??概述 在上一篇文章《JavaScript异步编程2——结合XMLHttpRequest使用Promise》中,简要介绍了Ajax与Promise的结合使用。这样,我们就有了两个异步操作的例子:读取一个json文件;通过一个地址加载图像。考虑一下...[2021/5/6]

Vue.js组件的使用

Vue.js组件的使用 一.组件   组件是可复用的vue实例,可分为局部组件和全局组件。 二.组件入门小案例   要求定义一个组件”one“,并重复使用它。 2.1.代码实例 1 <html lang="en"> 2 <head> 3 <...[2021/5/6]

了解Ajax及Ajax如何发送请求

由于JavaScript能力有限,它所提供的API都只停留在单机阶段。这样会造成一些功能无法实现,如:无法实现用户登录时,用户在输入用户账户时显示用户对应的头像;无法实现用户注册时,用户输入账号或用户名时提示是否存在;无法实现在留言板功能看到最新的用户留言。 上述这些问题的共同点就是:数据存放...[2021/5/6]

详解JavaScript中的正则表达式

实际工作中,JavaScript正则表达式还是经常用到的。所以这部分的知识是非常重要的。 一、基础语法: 第一种:字面量语法 var expre ion=/pattern/flags; 第二种:RegExp构造函数语法 var pattern = /\w/gi; 字面量语法 var pa...[2021/5/6]

JavaScript异步编程4——Promise错误处理

JavaScript异步编程4——Promise错误处理

目录1. 概述2. 详论3. 参考 1. 概述 在上一篇文章《JavaScript异步编程3——Promise的链式使用》中,通过Promise的链式使用,避免程序中多次嵌套回调(回调地狱)。根据前面的文章我们可以知道,Promise是基于状态的,成功/失败的状态会分别去处理相应的回调函数。...[2021/5/6]

「学习笔记」jQuery-1

jQuery_1 学习目标: 能够说出什么是 jQuery能够说出 jQuery 的优点能够简单使用 jQuery能够说出 DOM 对象和 jQuery 对象的区别能够写出常用的 jQuery 选择器能够操作 jQuery 样式能够写出常用的 jQuery 动画 jQuery 介绍 J...[2021/5/6]

index详解

index详解

jQuery的 index 1.index() 获得向匹配的元素,从0开始计数。不给传递参数,返回值是 jQ对象的所有同辈的索引位置 ;如果传递选择器代表,在该选择器下的所有索引位置;如果传递具体的jQ对象返回这种对象中的具体索引 <ul> <li id="foo"&g...[2021/5/6]

jquery ui实现文字下拉联想

效果图:输入“伤寒”两个字,会自动联想下拉展示带有“伤寒”两个字的内容         前端用的是jquery ui做展示,后端数据接口是json数据 1.前端,引用jquery UI库,包括jquery-ui.min.js和jquery-...[2021/5/6]

如何使用CSS为文本或图像提供透明背景?

仅使用CSS,是否可以使background元素的元素半透明,但元素的内容(文本和图像)不透明? 我想在不将文本和背景作为两个单独的元素的情况下完成此操作。 仅使用CSS,是否可以使background元素的元素半透明,但元素的内容(文本和图像)不透明? 我想在不将文本和背景作为两个单独的...[2021/5/6]

jQuery中Ajax的使用

jQuery中Ajax的使用

在使用原生Ajax发送一个请求时,过程多少有点繁琐,jQuery中对于Ajax请求有它自己的封装好的函数,使用起来分方便。 ?在jQuery中有专门的Ajax封装,具体参照JQuery-Ajax参考手册网址 这里用一段练习代码展示下使用方法: 使用要引入jQuery文件 <scrip...[2021/5/6]

关于ios配置微信config出现验签失败的问题解决

在开发中,出现了一个关于微信配置的问题。 使用的开发工具以及开发框架为 uniapp , JSSDK为  jweixin 使用uniapp进行公众号开发,需要在进入某个页面时候进行微信配置来达到更改分享信息的效果。   问题描述:   请求后台获取了微信配置参数并配...[2021/5/6]

HTML编码规范

---------------------- 加微信和老王聊技术、聊产品、 聊运营。 定期组织主题性远程语音讨论。 进群加微信 技术微信群: 加微信:wonter 发送:技术Q 医疗微信群: 加微信:wonter 发送:医疗Q ---------------------- 推荐阅读: CSS编...[2021/5/6]

WebGL之绘制三维地球

通过Three.js也许可以很方便的展示出3D模型,但是你知道它是怎么一步一步从构建网格到贴图到最终渲染出3D模型的吗?现在我们直接使用底层的webgl加上一点点的数学知识就可以实现它。 本节实现的效果: WebGL三维地球 内容大纲 构建网格 编写着色器 实现3D地...[2021/5/6]

HTML小技巧之——巧用&lt;a&gt;标签锚链接(#锚点链接 #页面特定位置 #锚点定位 #DOM定位 #hash路由中使用锚链接)

 #作者:矩阵鱼   前端开发中,常遇到定位到页面某特定位置的需求,JavaScript提供的el.scrollIntoView() 和 el.scrollIntoViewIfNeeded()新api,来实现元素在界面中的可见。当然也可通过动态设置el.scrollT...[2021/5/6]

React实战进阶45讲,热门前端利器

目前最为流行的前端 UI 开发框架之一,React 不仅让你能够从容应对大型复杂前端应用的开发,其编程思想 还能应用到 React Native 原生 App 开发,服务器端渲染的后端开发。   学习 React 不仅能让你丰富自身的技能库,掌握当下最热门的前端开发利器,同时还能...[2021/5/6]

「学习笔记」HTML

「学习笔记」HTML

一、认识 WEB 「网页」主要是由文字、图像和超链接等元素构成,当然除了这些元素,网页中还可以包括音频、视频以及 Flash 等。 「浏览器」是网页显示、运行的平台。 「浏览器内核」(排版引擎、解释引擎、渲染引擎) 负责读取网页内容,整理讯息,计算网页的显示方式并显示页面。 浏览...[2021/5/6]

网页布局之盒子模型

网页布局之盒子模型 网页:网页实际上是一层一层的,我们所设计的网页就是在这些层上面设计,我们所看到的网页是最上面的一层 文档流:最下面的一层称为文档流,是网页的基础 我们所创建的元素默认是在文档流中进行排列 对于元素的两个状态: 在文档流中 不在文档流中(脱离文档流) ...[2021/5/6]

盒子布局

盒子布局 盒子的水平布局 元素水平方向的布局: 元素在其父元素中,水平方向的位置由以下几个属性共同决定 margin-left border-left padding-left width padding-right border-right ma...[2021/5/6]

css样式设置文本,文本阴影/修饰/字体/缩进。字体类,样式,设置字体,字体变形,引用字体

/* 文本类  */ /* 文本阴影 / / text-shadow:3px 3px 3px red; */ /* 第一个值  X轴偏移量  ...[2021/5/6]

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