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

Nest.js 授权验证的方法示例

0x0 前言 系统授权指的是登录用户执行操作过程,比如管理员可以对系统进行用户操作、网站帖子管理操作,非管理员可以进行授权阅读帖子等操作,所以实现需要对系统的授权需要身份验证机制,下面来实现最基本的基于角色的访问控制系统。 0x1 RBAC 实现 基于角色的访问控制(RBAC)是围...[2021/2/22]

博客园第三方主题卡在loading界面的坑(雾)

萌新入坑博客园,开通博客,申请js权限,再加上过年??,前前后后已经过去了11天了,今天终于迎来了博客园的第一篇博客… ? 直接进入正题,在开通博客后,看了一下自带的主题,都不是很喜欢(毕竟年轻人就喜欢花里胡哨的),同时又看到园子里其他人的博客主题都很好看,遂一番Google,发现博...[2021/2/22]

浏览器页面可见性事件详解及基本应用

页面可见性改变事件 visibilitychange 详解 Page Visibility API 标准概述 这是一个页面可见性API,浏览器标签页被隐藏或显示的时候会触发 visibilitychange事件。 这是 HTML5 新提供的一个 api ,作用是记录当前标签页...[2021/2/22]

Vue 中引用第三方js总结

vue中引用第三方js总结 By:授客 QQ:1033553122 实践环境 win10 Vue 2.9.6 本文以引用jsmind为例,讲解怎么在vue中引用第三方js类库 基础示例 1、把下载好的js类库放在src tatic目录下 2、在src/index.html入...[2021/2/22]

React + AntdMobile + Axios 实现全局Loading提示组件

1.问题:   开发项目时需要在接口等待期间调用一个Loading组件提示组件提示用户操作已经受理;   最初的解决方案是在每一个调用了接口的页面直接使用 AntdMobile 的活动指示器组件 <ActivityIndicator />,后续开发中发现该方案代码冗余度太...[2021/2/22]

[javascript] 解决移动端手机浏览器软键盘遮挡输入框问题

在手机端经常有这样的需求 , 最下面是输入框类似微信输入框 , 我们一般设置成了position:fixed 但是当点击到输入框的时候, 软键盘弹出来遮挡了输入框   其实解决这个问题非常简单 , 那就是让body滚动到最底部 , 我们给个滚动最大值就可以了 例如下面的...[2021/2/22]

2048小游戏(JavaScript版) (2) 构建游戏界面

1. 构建游戏界面 1.1 项目结构 index.html:游戏界面文件 index.c :游戏样式文件 main.js:游戏主逻辑文件 support.js:游戏基本逻辑文件 showanimation.js:游戏动画逻辑文件 大家先把文件按照这个结构创建好,名字自己命名...[2021/2/22]

2048小游戏(JavaScript版) (1) 游戏介绍

1. 游戏介绍 现在开始学编程的,基本上都过手机游戏2048吧,那么这个游戏的玩法相信很多人都熟悉,我在这里再给大家回顾下吧。 1.1 游戏规则 每次控制所有方块向同一个方向运动,两个相同数字的方块撞在一起之后合并成为他们的和,每次操作之后会在空白的方格处随机生成一个2或者4,不断的组...[2021/2/22]

JavaScript基础

  JavaScript基础 1- 初识JavaScript 1.1 JavaScript 是什么 JavaScript是一种运行在客户端的脚本语言,现基于Node.js技术进行服务端编程; 所谓脚本(Script)语言:是运行时不需要编译,运行过程中由 js 解释器(...[2021/2/22]

原生javascript开发计算器实例

计算器的主要作用是进行数字运算,开发一个计算器功能的web实例,有助于更好的掌握js基础的数字运算能力。 本实例详细分析一个js计算器的开发步骤,学习本教程时最好先具备一些基础的js知识。 计算器包括显示数字区域和按键区域两大部分,先把计算器的这两个区域的html元素编写出来,如下所...[2021/2/22]

vue中手写table的升降序

vue中手写table的升降序

  有些时候,我们总是无可避免的需要自己去手撸一些东西,因为需求总是在不断的变化。例如,最开始的需求,我们只是在首页展示一个数据列表,此时,我们可能直接就自己手写了一个table,后来,突然增加了一个需求,例如:需要在一些指定的列上面增加排序功能。此时,由于我们的样式和界面都已经调整好了...[2021/2/22]

Typescript快速入门

目录什么是Typescript为什么学习Typescript快速搭建开发环境1、安装node.js2、使用node自带的npm安装Typescript编译器3、配置vscode编辑环境4、测试环境 什么是Typescript 为什么学习Typescript 微软支持推广 开源 囊...[2021/2/22]

030_JavaScript - 清风(学习-踏实)

目录前端知识体系什么是JavaScript快速入门引入JavaScript基本语法入门数据类型Number 数字String 字符串Boolean 布尔Null 对空Undefined 未定义Symbol 独一无二的值Array 数组Object 对象Function 函数严格检查模式s...[2021/2/22]

020_CSS3 - 清风(学习-踏实)

目录如何学习CSS什么是CSS发展史快速入门c 的优势三种CSS导入方式拓展:外部样式两种写法选择器基本选择器层次选择器结构伪类选择器属性选择器美化网页元素为什么要美化网页span标签:需要重点突出的文字,使用span套起来,单独设置样式字体样式文本样式超链接伪类和阴影列表样式背景渐变盒...[2021/2/22]

技能Get&#183;将浏览器已安装程序打包

阅文时长 | 0.51分钟 字数统计 | 820字符 主要内容 | 1、前言&环境说明&预备知识 2、详细步骤 3、声明与参考资料 『技能Get·将浏览器已安装程序打包』 编写人 | SCscHero 编写时间 | 2021/2/21...[2021/2/22]

教你玩转CSS Position(定位)

CSS Position(定位) position 属性指定了元素的定位类型。 position 属性的五个值: static relative fixed absolute sticky 元素可以使用的顶部,底部,左侧和右侧属性定位。然而,这些属性无法工作,除非是先设定posi...[2021/2/22]

教你玩转CSS Float(浮动)

什么是 CSS Float(浮动)? CSS 的 Float(浮动),会使元素向左或向右移动,其周围的元素也会重新排列。 Float(浮动),往往是用于图像,但它在布局时一样非常有用。 元素怎样浮动 元素的水平方向浮动,意味着元素只能左右移动而不能上下移动。 一个浮动元素会尽量向左...[2021/2/22]

css整理之-----------基本知识

c 解析   c 从右边往左开始解析,过多的嵌套会影响性能,最好不要超过三层。c 尽可能的复用代码块,减少重复代码 c 优先级   c Specificity中文一般译为c 优先级、c 权重。相比权重,优先级更好理解。简单理解就是一个DOM元素有多个c 样式设置,优先级高的那...[2021/2/22]

教你玩转CSS 居中

1.元素居中对齐 要水平居中对齐一个元素(如 <div>), 可以使用 margin: auto;。 设置到元素的宽度将防止它溢出到容器的边缘。 元素通过指定宽度,并将两边的空外边距平均分配:   .center { margi...[2021/2/22]

教你玩转CSS 组合选择器

CSS组合选择符包括各种简单选择符的组合方式。 在 CSS3 中包含了四种组合方式: 后代选择器(以空格分隔) 子元素选择器(以大于号分隔) 相邻兄弟选择器(以加号分隔) 普通兄弟选择器(以破折号分隔) 1.后代选择器 后代选择器用于选取某元素的后代元素。 以下实例选取所有 &l...[2021/2/22]

教你玩转CSS 伪类

CSS伪类是用来添加一些选择器的特殊效果。 语法: 伪类的语法: selector:pseudo-cla {property:value;}   CSS类也可以使用伪类: selector.cla :pseudo-cla {property:v...[2021/2/22]

教你玩转CSS 伪元素

一、CSS 伪元素 CSS伪元素是用来添加一些选择器的特殊效果。 语法 伪元素的语法: selector:pseudo-element {property:value;} CSS类也可以使用伪元素: selector.cla :pseudo-element {pro...[2021/2/22]

使用 mask 实现视频弹幕人物遮罩过滤

经常看一些 LOL 比赛直播的小伙伴,肯定都知道,在一些弹幕网站(Bilibili、虎牙)中,当人物与弹幕出现在一起的时候,弹幕会“巧妙”的躲到人物的下面,看着非常的智能。 简单的一个截图例子: 其实,这里是运用了 CSS 中的 MASK 属性实现的。 mask 简单用法介绍 ...[2021/2/22]

教你玩转CSS 导航栏

CSS 导航栏 垂直   水平   一、导航栏 熟练使用导航栏,对于任何网站都非常重要。 使用CSS你可以转换成好看的导航栏而不是枯燥的HTML菜单。 导航栏=链接列表 作为标准的HTML基础一个导航栏是必须的 。在我们的例子中我们将建立一个标准...[2021/2/22]

元素水平垂直居中的四种方法

目录方法一:使用flex布局方法二:使用transform将元素进行移动,必要时可将margin设为负值(需要知道元素的尺寸)方法三:通过改变父元素和子元素的position属性实现居中效果方法四:子元素设置display: inline-block,父元素设置text-align: c...[2021/2/22]

教你玩转CSS 下拉菜单

教你玩转CSS 下拉菜单

使用 CSS 创建一个鼠标移动上去后显示下拉菜单的效果。 1.基本下拉菜单 当鼠标移动到指定元素上时,会出现下拉菜单。 代码演示: <!DOCTYPE html> <html lang="en"> <head> <meta char...[2021/2/22]

教你吃透CSS的盒子模型(Box Model)

CSS 盒子模型(Box Model) 所有HTML元素可以看作盒子,在CSS中,”box model”这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放置...[2021/2/22]

博客园皮肤美化

博客园皮肤美化

目录如何与博主拥有同款博客园皮肤?一 、github下载源码二、在博客园的管理中做些改动1、设置2、文件上传三、效果展示 如何与博主拥有同款博客园皮肤? 一 、github下载源码 Cnblogs-Theme-SimpleMemory git clone https: github...[2021/2/22]

010_HTML5 - 清风(学习-踏实)

目录初识HTML什么是HTMLHTML发展史HTML5的优势W3C标准常见IDEIDEA开发HTMLIDEA创建HTML文件,并用浏览器打开配置浏览器HTML基础HTML基本结构HTML注释网页基本信息网页基本标签图像标签链接标签块元素和行内元素列表标签表格标签媒体元素:音频和视频页面结...[2021/2/22]

一文教你玩转CSS border(边框)_CSS教程_CSS

边框样式 边框样式属性指定要显示什么样的边界。 border-style属性用来定义边框的样式 border-style的值 代码演示: <!DOCTYPE html> <html lang="en"> <head&g...[2021/2/22]

CSS实现TikTok文字抖动效果示例_CSS教程_CSS

前端同学在日常开发中精彩会因为一些动效和设计争的面红耳赤,设计希望用代码实现,前端要设计出gif图,最后谁也不让谁,设计走了,留下了前端独自加班...... CSS技术是前端必须掌握的一项技能,不仅要掌握,而且要精通。现在前端框架横行的趋势,程序员写样式的机会也越来越少,组件式开发,一个页面几...[2021/2/22]

纯CSS实现的三种通知栏滚动效果_CSS教程_CSS

纯CSS实现的三种通知栏滚动效果_CSS教程_CSS

前言 通知栏组件是一个比较常见的组件了,基本上每个站点都会有怎么个组件,主要就是通告站点的一些变化或者是告知一些中奖名单等作用。 最近在复习CSS3动画部分内容,想着平时通知栏组件大部分还是用JS来实现,正好拿这块组件来当复习,下面写了三个小例子在此分享,欢迎大家观看,如有疑问,欢迎留言评论哈...[2021/2/22]

一文教你玩转CSS 组合选择器_CSS教程_CSS

CSS组合选择符包括各种简单选择符的组合方式。 在 CSS3 中包含了四种组合方式: 后代选择器(以空格分隔) 子元素选择器(以大于号分隔) 相邻兄弟选择器(以加号分隔) 普通兄弟选择器(以破折号分隔) 1.后代选择器 后代选择器用于选取某...[2021/2/22]

设置div背景透明的方法示例_Div+CSS教程_CSS

div背景透明常见的有两种方法: 1. 通过opacity属性设置,取值0~1,0表示透明,1表示不透明,但是这种方法会把div上的内容也同时进行透明设置。 效果如下: 2.通过rgba格式的background-color设置,格式为:background-color:rgba(...[2021/2/22]

关于Js中new操作符的作用详解

前言 Js是当今时代最常用的代码操作语言,其中new操作符尤为常见。对于很多代码小白来说,并不清楚new在Js中扮演着怎样的角色,具体是做什么用,干了什么。本文从new操作符的作用着手,简单介绍new操作符相关知识。 什么是new? 众所周知,在JS中,new的作用是通过构造...[2021/2/22]

Nest.js环境变量配置与序列化详解

环境变量配置简述 程序在不同的环境下需要不同的环境变量,例如生产环境、测试环境以及开发环境所需要不同的数据库信息:链接地址、链接端口号、登录用户名和密码相关信息。为了解决这个问题需要进行相关操作。 在 Nest 中最佳方案创建一个 ConfigModule,该 ConfigModule ...[2021/2/22]

移动web开发-流式(百分比)布局

移动web开发流式布局 1.0 移动端基础 1.1浏览器现状 PC端常见浏览器:360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。 移动端常见浏览器:UC浏览器,QQ浏览器,欧朋浏览器,百度手机浏览器,360安全浏览器,谷歌浏览器,搜狗手机浏览器,猎...[2021/2/19]

教你玩转CSS Display(显示) 与 Visibility(可见性)

隐藏元素 - display:none或visibility:hidden 隐藏一个元素可以通过把display属性设置为”none”,或把visibility属性设置为”hidden”。但是请注意,这两种方法会产生不同的结果。 visibility:hidden可以隐藏某个元素,但隐...[2021/2/19]

H5外部浏览器唤起微信分享

最近在做一个手机站,要求点击分享可以直接打开微信分享出去。而不是jiathis,share分享这种的点击出来二维码。在网上看了很多,都说APP能唤起微信,手机网页实现不了。也找了很多都不能直接唤起微信。 总结出来一个可以直接唤起微信的。适应手机qq浏览器和uc浏览器。 下面上代码,把...[2021/2/19]

CSS 实现各种 Loading 效果附带解析过程_CSS教程_CSS

HTML <div cla ="spinner"></div> CSS .spinner { width: 40px; height: 40px; background-color: #333;...[2021/2/19]

教你玩转CSS 分组选择器和嵌套选择器

分组选择器 在样式表中有很多具有相同样式的元素。 h1 { color:green; } h2 { color:green; } p { color:green; } 为了尽量减少代码...[2021/2/19]

网页布局准则

 一、网页布局思路     通过盒子模型,知道大部分html标签是一个盒子;     通过c 浮动,定位,可以让每个盒子排列成网页;     一个完整的网页是由标准流、浮动、定位一起完成布局的,每个都有自己专门的用法;    1、网页布局准则       多个...[2021/2/19]

教你玩转CSS padding(填充)

padding(填充) 当元素的 padding(填充)内边距被清除时,所释放的区域将会受到元素背景颜色的填充。 单独使用 padding 属性可以改变上下左右的填充。   可能的值 属性 描述 length 定义一个固定的填充(像素、pt、em、等) ...[2021/2/19]

教你玩转CSS margin(外边距)

margin margin 清除周围的(外边框)元素区域。margin 没有背景颜色,是完全透明的。 margin 可以单独改变元素的上,下,左,右边距,也可以一次改变所有的属性。   可能的值 值 | 说明 –|— auto | 设置浏览器边距。 这样做的结果会依赖于浏...[2021/2/19]

教你玩转CSS 轮廓(outline)属性

教你玩转CSS 轮廓(outline)属性

CSS 轮廓(outline) 轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。 CSS outline 属性规定元素轮廓的样式、颜色和宽度。   定义和用法 outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,...[2021/2/19]

高阶函数

高阶函数 函数柯里化 函数柯里化,又称部分求值。一个currying函数首先会接收一些参数,接受这些参数后该函数不会立即求值。而是会将传入的参数在函数内保存,待函数真正需要求值时,之前的所有参数都会被一次性用于求值 非柯里化 var mothlyCost = 0; var cost...[2021/2/19]

《深入浅出React和Redux》(3) - Export & Import, 高阶组件

Export & Import export可以导出函数、cla 等,有两种导出方式: 默认导出(default export) 命名导出(named export) 默认导出(default export) default export不需要指定名称,但每个文件中只能有一...[2021/2/19]

教你玩转CSS border(边框)

边框样式 边框样式属性指定要显示什么样的边界。 border-style属性用来定义边框的样式   border-style的值 代码演示: <!DOCTYPE html> <html lang="en"> <head> ...[2021/2/19]

如何玩转CSS列表样式?速看!

CSS 列表 CSS列表属性作用如下: 设置不同的列表项标记为有序列表 设置不同的列表项标记为无序列表 设置列表项标记为图像   列表 在HTML中,有两种类型的列表: 无序列表 - 列表项标记用特殊图形(如小黑点、小方框等) 有序列表 - 列表项的标记有数字或字母...[2021/2/19]

教你玩转CSS表格(table)

1.表格边框 指定CSS表格边框,使用border属性。 下面的例子指定了一个表格的Th和TD元素的黑色边框: table, th, td { border: 1px solid black; } 请注意,在上面的例子中的表格有双边框。这是因为表...[2021/2/19]

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