编程开发 - 教程之家

70浏览

0评论

Java 的 AutoCloseable 接口

本文对 try-with-resources 语法进行了较为深入的剖析，验证了其为一种语法糖，同时给出了其实际的实现方式的反编译结果，相信你在看完本文后，关于 AutoCloseable 的使用你会有新...

2020-11-02 20:03:18

62浏览

0评论

28 个提升JavaScript开发效率的 VSCode 插件

Visual Studio Code（也称为VSCode）是一种轻量级但功能强大的跨平台源代码编辑器, 借助对TypeScript 和Chrome调试器等开发工具的内置支持，越来越多的开发都都喜欢使用它。1. Qu...

2020-11-02 20:02:15

89浏览

0评论

看完一定懂 WSGI 是什么

写了几年的python web，却还不知道WSGI是什么东西，是不是大有人在。说来也正常，因为作为开发者很少需要去了解wsgi是什么，也能把网站做出来。但是如果你想自己写个web框架玩玩，就...

2020-11-02 20:00:15

67浏览

0评论

学习在python中实现自动导入缺失的库

导入失败问题，通常分为两种：一种是导入自己写的模块（即以 .py 为后缀的文件），另一种是导入三方库。本文主要讨论第二种情况，今后有机会，我们再详细讨论其它的相关话题。解决导入 Py...

2020-11-02 19:59:50

101浏览

0评论

python六种数据类型是什么？

python六种数据类型 Number（数字） String（字符串） List（列表） Tuple（元组） Dictionary（字典） Set（集合）1.Numbers‘’’
多行注释:三个单引号或者三个双引号
单行注释:#...

2020-11-02 19:59:24

89浏览

0评论

php 如何替换多个字符

php替换多个字符串str_replace函数echo str_replace(array("m","i"),array("n","z"),"my name is jim!")echo str_replace(array('m','i'),'n',"my...

2020-11-02 09:51:36

95浏览

0评论

php utf8如何转unicode

linux下php中文UTF-8转换Unicode方法和注意事项先说下遇到问题：1.php没有内置unicode_ecode函数可以直接使用2.网上很多资料都是用$str = iconv($encoding, 'UCS-2',...

2020-11-02 09:51:13

127浏览

0评论

php 防sql注入方法

PHP+Mysql防止SQL注入的方法这篇文章介绍的内容是关于PHP+Mysql防止SQL注入的方法：方法一：mysql_real_escape_string -- 转义 SQL 语句中使用的字符串中的特殊字符，并考虑到连...

2020-11-02 09:50:47

107浏览

0评论

c语言指针用法有哪些

c语言指针用法：一，指针定义：指针变量的取值范围取值0~4G,是一种数据类型（无符号整数，代表了内存编号）。它可以用来定义变量（与int、long一样），与int、long不同的它存储整数代表了内存...

2020-11-02 09:50:12

127浏览

0评论

如何用css3实现switch组件开关的方法

本文介绍了用css3实现switch组件的方法，分享给大家，具体如下：基于表单的checkbox效果图原理checkbox, 有两种状态, 没选中和选中, 当选中的时候(:checked), 改变样式即可, 首先...

2020-11-01 23:28:41

123浏览

0评论

纯css3使用vw和vh实现自适应的方法

响应式布局的实现依靠媒体查询（ Media Queries ）来实现，选取主流设备宽度尺寸作为断点针对性写额外的样式进行适配，但这样做会比较麻烦，只能在选取的几个主流设备尺寸下呈现完美...

2020-11-01 23:28:40

84浏览

0评论

使用css与js生成的唯美炫酷的图形树效果

效果图如下所示：在线演示：Here～给大家分享一个使用css与js生成的唯美炫酷的图形树效果，相关代码如下：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>...

2020-11-01 23:28:39

118浏览

0评论

css实现右侧固定宽度左侧宽度自适应

反过来也可以：左侧宽度固定，右侧自适应。不管是左是右，反正就是一边宽度固定，一边宽度自适应。这种布局比较常见，博客园很多默认主题就是这种。一般情况下，这种布局中宽度固定的区...

2020-11-01 23:28:37

75浏览

0评论

CSS水平垂直居中解决方案(6种)

准备
创建元素<div class="parent"> <div class="child">child</div></div>垂直水平居中方案一：知道宽度的情况下 absolute+margin负值.parent { width:400px; height:400...

2020-11-01 23:28:36

83浏览

0评论

css3 仿写阿里云水纹效果的示例代码

本文介绍了css3 仿写阿里云水纹效果的示例代码，分享给大家，具体如下：效果图什么也不说了，上代码。<!DOCTYPE html><html><head> <title>css3 水纹效果</title> <style typ...

2020-11-01 23:28:35

86浏览

0评论

ES6与canvas实现鼠标小球跟随效果

最近闲来无聊，看了下ES6的语法，结合canvas实现了动画特效——随着鼠标的移动，会有小球跟随且自动消失的动画。首先，html部分，目前就一个canvas标签。 <canvas id="canv...

2020-11-01 23:28:33

99浏览

0评论

CSS理解块级格式上下文（BFC）

1.BFC 定义BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box（块级元素）参与，它规定了内部的Block-level Box如何布局，并且...

2020-11-01 23:28:32

82浏览

0评论

css中引入svg来兼容部分安卓机显示0.5px边框的示例

相信大家昨天打开某 404 搜索引擎的时候应该都看到这张图片了，不得不说，后人会以这么一种方式来纪念前人，而且还是一个伟大的公司，挺感动的。前言在开发 H5 页面的时候发现，部分...

2020-11-01 23:28:31

254浏览

0评论

css3 实现圆形旋转倒计时

很多答题的H5界面上有旋转倒计时的效果，一个不断旋转减少的动画，类似于下图的这样。今天研究了下，可以通过border旋转得到。一般我们可以通过border得到一个四段圆。See the Pe...

2020-11-01 23:28:29

87浏览

0评论

CSS3 @keyframes简单动画实现

CSS3 @keyframes简单动画实现定义：通过 @keyframes 规则，能够创建动画。创建动画的原理是，将一套 CSS 样式逐渐变化为另一套样式。在动画过程中，可以多次改变这套 CSS 样式。以...

2020-11-01 23:28:28

95浏览

0评论

css设置body背景图片满屏的实例代码

废话不多说了，直接给大家贴代码了，具体代码如下所示：@{ Layout = null; ViewBag.Title = "Login Page";}<!DOCTYPE html><html><head> <meta name="viewport" content...

2020-11-01 23:28:27

104浏览

0评论

css制作收缩圆环旋转效果实例代码

效果如下所示：收缩旋转圆环css代码：<style>body { background: #372940;}.demo { position: relative; margin: 120px auto; width: 150px;}.loader { position: absolu...

2020-11-01 23:28:26

131浏览

0评论

css制作超萌吃豆豆加载动画效果

豆豆加载效果 point_down:html代码：<div class="demo"> <div class="pacman"></div><div class="dot"></div>point_down:css代码：<style>@-webkit-keyframes up { 0%, 100% {...

2020-11-01 23:28:24

112浏览

0评论

css 使用relative设置top为百分比值的方法(仿百度首页)

前言：最近在学习HTML、CSS的过程中，想模仿一下百度首页。发现搜索框这一部分与上下其它元素的空白距离可以随着窗口大小变化（效果如下图所示），于是自己研究了一下并记录下来。效...

2020-11-01 23:28:23

202浏览

0评论

纯CSS实现红绿灯效果(面试常见)

先看题，别看答案试下吧 ~_~1、下面的代码输出的内容是什么？function O(name){ this.name=name||'world';}O.prototype.hello=function(){ return function(){ co...

2020-11-01 23:28:21

110浏览

0评论

css自定义属性和聚光灯效果的实现

神秘巨星来了吗？快，打追光，快，快给她镜头。 ------《神秘巨星》神秘巨星是谁？它就是 CSS Variables 。简介CSS Variables，一个并不是那么新的东西，但对css来说绝对是一场革命。之...

2020-11-01 23:28:20

83浏览

0评论

CSS3下的渐变文字效果实现示例

一、方法一：借助mask-image属性如果您手头上的浏览器是Chrome或是Safari，则您可以在demo页面中看到类似下面的效果：方法一下的文字渐变效果相应的HTML代码如下：<h2 class="text-...

2020-11-01 23:28:18

83浏览

0评论

前端css实现最基本的时间轴的示例代码

本文介绍了前端css实现最基本的时间轴的示例代码，分享给大家，具体如下：原型：代码：
<!DOCTYPE html ><html> <head> <link rel="stylesheet" href="http://cdn.static....

2020-11-01 23:28:17

95浏览

0评论

详解css布局实现左中右布局的5种方式

本文介绍了详解css布局实现左中右布局的5种方式，分享给大家，具体如下：效果如下：左中右布局<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="v...

2020-11-01 23:28:16

118浏览

0评论

css3编写浏览器背景渐变背景色的方法

本文介绍了css3编写浏览器背景渐变背景色的方法，分享给大家，具体如下：效果如下：知识点：rgb全色循环算法，HEX与RGB颜色转换算法、CSS3颜色渐变，CSS3渐变色兼容ie方法，定时器与循环，函...

2020-11-01 23:28:14

56浏览

0评论

CSS实现卡片3D翻转效果的示例代码

本文介绍了CSS实现卡片3D翻转效果的示例代码，分享给大家，具体如下：效果：代码：html：<div class="main"> <div class="box b1"></div> <div class="box b2"></div></div>css：.main...

2020-11-01 23:28:12

87浏览

0评论

CSS 记录用户密码的方法

简单的CSS代码，甚至不符合图灵完备的语言，但是也能成为一些攻击者的工具，下面简单介绍一下如何使用CSS去记录用户的密码。但是这些CSS脚本会出现在第三方CSS库中，所以使用第三方...

2020-11-01 23:28:11

117浏览

0评论

纯css实现背景图片半透明内容不透明的方法

前言最近做一个登陆界面的，突然想使用这种背景图片透明，而内容不透明的效果，这里我就说一说我的两个思路吧。效果展示半透明不透明常见的失败做法最常见的做法事设置元素的opac...

2020-11-01 23:28:10

109浏览

0评论

CSS宽高等比布局的方法

宽度是高度的两倍(等比缩放)实现思路: 以父级元素为基准, 子级 width:100%; (也就是父级宽度的100%), padding-top:50% (也就是父级宽度的50%,根据css规范, padding用百分比...

2020-11-01 23:28:08

154浏览

0评论

CSS清除浮动float的三种方法小结

一、浮动的定义使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。ps:文档流：文档流是文档中可显示对象在排列时所占用的位置。语法float常跟...

2020-11-01 23:28:07

93浏览

0评论

CSS布局方案小结

居中布局水平居中1）使用inline-block+text-align原理：先将子框由块级元素改变为行内块元素，再通过设置行内块元素居中以达到水平居中。用法：对子框设置display:inline-block，对父...

2020-11-01 23:28:06

93浏览

0评论

CSS3 :default伪类选择器使用简介

一、CSS3 :default伪类选择器简介CSS3 :default 伪类选择器只能作用在表单元素上，表示默认状态的表单元素。举个例子，一个下拉框，可能有多个选项，我们默认会让某个 <option> 处...

2020-11-01 23:28:05

95浏览

0评论

用CSS实现Tab页切换效果的示例代码

最近切一个页面的时候涉及到了一个tab切换的部分，因为不想用js想着能不能用纯CSS的选择器来实现切换效果。搜了一下大致有下面三种写法。1、利用 :hover 选择器缺点：只有鼠标...

2020-11-01 23:28:04

58浏览

0评论

css3 矩阵的使用详解

css3 矩阵变化. 应用格式为:transform: matrix(a,b,c,d,e,f);对应于就是:实际应用中的转换就是:其中:ax+cy+e = 横坐标bx+dy+f = 纵坐标为什么会多出 0 0 1呢？因为, 为了凑...

2020-11-01 23:28:02

79浏览

0评论

利用CSS3 动画绘画圆形动态时钟

什么是动画？这是我们应该先了解的问题。按照百度百科的解释动画是采用逐帧拍摄对象并连续播放而形成运动的影像技术。不论拍摄对象是什么，只要它的拍摄方式是采用的逐格方式，...

2020-11-01 23:28:01

58浏览

0评论

css实现多边形和梯形盒阴影技巧

一般情况下，我们给块状元素（四边形）添加阴影样式，直接用css box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);就可以了，但是总有一些需求是那么的特别，例如下图：要求给这样的梯形盒外...

2020-11-01 23:27:59

75浏览

0评论

css3 边框、背景、文本效果的实现代码

一、边框box-shadowbox-shadow: h-shadow v-shadow blur spread color inset(ontset);//h-shadow：水平阴影 v-shadow：垂直阴影 blur：模糊距离 spread：阴影的尺寸 color：阴影的颜...

2020-11-01 23:27:58

114浏览

0评论

详解如何用div实现自制滚动条

滚动条是浏览器中最常见的组件了。然而，滚动条的颜值总是不能令人满意，特别是嵌入在页面中的滚动条:漂亮的网页突然出现一根灰灰的滚动条真是太煞风景了。虽然浏览器也提供了...

2020-11-01 23:27:57

132浏览

0评论

利用css3径向渐变做一张优惠券的示例

在很多购物网站上都能看到优惠券，代金券，什么什么的券，但基本都是图片直接放上去，那么你有没有想过css来做一个呢，反正我是这样想过。那么你怎么做呢，切图做背景平铺边缘，嗯，有这样...

2020-11-01 23:27:55

193浏览

0评论

巧用CSS3的calc()宽度计算做响应模式布局的方法

今天浏览这个http://www.sitepoint.com站时，因为好奇看了下人家写的代码，结果发现了这行代码，于是就研究了一下，calc()从字面我们可以把他理解为一个函数function。其实calc是英...

2020-11-01 23:27:54

104浏览

0评论

css3新单位vw、vh的使用教程

响应式布局的单位我们第一时间会想到通过rem单位来实现适配，但是它还需要内嵌一段脚本去动态计算跟元素大小。比如：(function (doc, win) { let docEl = doc.documentElement...

2020-11-01 23:27:53

128浏览

0评论

css实现悬浮效果的阴影的方法示例

本文介绍了css实现悬浮效果的阴影的方法示例，分享给大家，具体如下：要实现的效果图：实现的代码：-webkit-box-shadow:0px 3px 3px #c8c8c8 ;-moz-box-shadow:0px 3px 3px #c8c8c8 ;...

2020-11-01 23:27:52

183浏览

0评论

CSS3实现全景图特效示例代码

本文介绍了CSS3实现全景图特效示例代码，分享给大家，具体如下：基本代码html代码：<div class="panorama"></div>首先定义一些基本的样式和动画：.panorama { width: 300px; height...

2020-11-01 23:27:50

130浏览

0评论

css选择器中有小数点的标签获取方法

需求说明因为项目中章节配置的时候有小数点，1，1.1,1.2,1.11的标题，这个时候每一行标题的id,class设置成标题号是独一无二的标记。但是，直接用js获取是获取不到的，例如$('#3.22')...

2020-11-01 23:27:49

137浏览

0评论

纯CSS制作各种各样的网页图标（三角形、暂停按钮、下载箭头、加号等）

三角形<div class="box"></div><style>.box{ width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50...

2020-11-01 23:27:48

热门文章