编程开发 - 教程之家

144浏览

0评论

使用CSS实现图片帧动画与曲线运动

所有动画的基本原理都是：在短时间内连续依次展示对应的图片，这样在视觉上看起来就是'动'的了。本文主要来说一说第4点和第5点。图片帧动画当我们要实现的动画效果比较复杂，而且...

2020-11-01 23:19:05

123浏览

0评论

css 多列布局解决方案

一. 定宽 + 自适应期望效果: 左侧宽度固定, 右侧宽度自适应
公共代码:
html:<div class="parent"> <div class="left"> <p>left menu</p> </div> <div cla...

2020-11-01 23:19:03

311浏览

0评论

运用CSS methodologies去实现模块化的方法示例

一、什么是 CSS methodologiesCSS methodologies，可以理解成设计模式，也可以理解成 css 规范，市面使用情况如下图：上图来源：https://2019.stateofcss.com/technologies/你可能在...

2020-11-01 23:19:02

305浏览

0评论

CSS实现雨滴动画效果的实例代码

玻璃窗今天我们要实现的是雨滴效果，不过实现雨滴前，我们先把毛玻璃的效果弄出来，没有玻璃窗，雨都进屋了，还有啥好敲打的。<div class='window'></div>.window { posit...

2020-11-01 23:19:01

240浏览

0评论

css实现旋转翻牌动画效果

css动画之旋转翻牌效果，具体内容如下所示：1、我们先设置两个盒子大小，颜色等等，然后定位重叠在一起，最后再进行动画设置例子如下：<style> .box { height: 300px...

2020-11-01 23:18:59

283浏览

0评论

基于html css实现带搜索图标的搜索框功能

前言给大家分享一下前端用处很多的带小图标的搜索框的制作方法。效果展示
基本思路1、搜索图像用绝对定位放到搜索框的上方2、input框设置文本缩进，大小为搜索图像大小加上图...

2020-11-01 23:18:57

305浏览

0评论

浅谈css position absolute相对于父元素的设置方式

大家知道css的position absolute默认是根据document来设置的，比如position:absolute后设置left:0;top:0这时候元素会显示到页面的左上角。有时候我们需要在父元素的容器内设...

2020-11-01 23:18:56

206浏览

0评论

CSS 设置滚动条样式的实现

webkit滚动条样式重置1、scrollbar包含scrollbar buttons和一个track。track进一步细分为track pieces和thumb。trace pieces为thumb的上半部分和半下部分。
2、scrollbar c...

2020-11-01 23:18:55

227浏览

0评论

scss使用mixin不生效(浏览器无法编译出来)的解决方法

mixin方法：浏览器无法编译：以前旧版sass是支持上面写法，现在新版后不支持，传入变量必须加#{}编译浏览器编译：以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持...

2020-11-01 23:18:54

98浏览

0评论

css link与@import区别详解

如何在html中添加css？在html中设置css共有三种方式，分别是：行内式内嵌式导入式-link 导入式-@import1.行内式。即在html标签中的style属性中设置css，值得注意的...

2020-11-01 23:18:52

198浏览

0评论

CSS3 实现footer 固定在底部(无论页面多高始终在底部)

前言把 footer 区固定在底部，无论页面高度多宽，它始终在底部不会变，就像移动端的菜单一样。<!DOCTYPE html><html><head><meta charset="utf-8" /><title>document</title><!--...

2020-11-01 23:18:51

92浏览

0评论

CSS ellipsis 与 padding 结合时的问题详解

CSS 实现的文本截断考察如下代码实现文本超出自动截断的样式代码：.truncate-text-4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-...

2020-11-01 23:18:49

172浏览

0评论

使用CSS3实现SVG路径描边动画效果入门教程

不依赖javascript，直接使用纯css实现 svg 的描边绘制动画效果，效果演示动画。基础知识：SVG中有个比较重要的属性分支 stroke ，中文软件中称为“描边”。和stroke相关...

2020-11-01 23:18:48

288浏览

0评论

CSS实现 Google Material Design 文本输入框风格(推荐)

大家好，今天想要跟大家分享如何使用纯CSS来实现 Google Material Design 文本输入框的风格。虽然今天我们有很多框架可以帮我们实现这些风格，不过通过学习在底层是如何使用纯C...

2020-11-01 23:18:46

249浏览

0评论

CSS 如何影响首次加载时的白屏时间的解决方法

含有外部 css 文件的渲染流水线上图中，请求 HTML 数据和构建 DOM 中间有一段空闲时间，这段时间可能成为页面渲染的瓶颈。DOM 构建结束后，css 文件还未下载完成这段时间内，渲染...

2020-11-01 23:18:45

285浏览

0评论

详解CSS盒子塌陷的5种解决方法

一，盒子塌陷是什么？本应该在父盒子内部的元素跑到了外部。二，为什么会出现盒子塌陷？当父元素没设置足够大小的时候，而子元素设置了浮动的属性，子元素就会跳出父元素的边界（脱离文...

2020-11-01 23:18:43

177浏览

0评论

利用css制作3D照片墙效果

利用css制作3D照片墙，具体代码如下所示：<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><body> <div> <img src="#"/> <img src="#"/>...

2020-11-01 23:18:42

182浏览

0评论

css滚动条样式修改的代码

css滚动条样式修改的代码.scroll::-webkit-scrollbar { // 纵向滚动条和横向滚动条宽度 width: 1px; height: 1px;}.scroll::-webkit-scrollbar-thumb {...

2020-11-01 23:18:37

236浏览

0评论

CSS3中的display:grid，网格布局介绍

1.网格布局(grid):　　　　　　　　它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局;2.基本概念：　　　　　　　　容器和项目，如图所示： <div class="co...

2020-11-01 23:18:36

178浏览

0评论

css 之空格处理的方法

1、空格规则HTML 代码的空格通常会被浏览器忽略。<p> hello world </p>上面是一行 HTML 代码，文字的前部、内部和后部各有两个空格。浏览器的输出结果如下: hello world可...

2020-11-01 23:18:34

234浏览

0评论

CSS 阴影动画优化技巧

本技巧来自这篇文章 --How to animate box-shadow with silky smooth performance本文不是直译，因为觉得这个技巧很有意思很有用，遂起一文。box-shaodw在我们的工作中使用以及...

2020-11-01 23:18:33

211浏览

0评论

css清除默认样式和设置公共样式的方法

CSS 清除默认样式通常的清除默认样式：*{ margin:0; padding:0}li{ list-style:none}img{ vertical-align:top; border:none}设置默认字体body,button, input,...

2020-11-01 23:18:31

356浏览

0评论

uni-app中使用scss的示例代码

遇到的坑整个一个下午我都在解决uni-app中使用scss的坑，首先说一下我的问题，在用scss时一直不能使用@mixin，然后百度各种办法调试：代码写法问题（完全按官网的写法来的不可行）: 官...

2020-11-01 23:18:30

291浏览

0评论

CSS3 边框效果

什么是CSS#CSS(Cascading Style Sheets的缩写)，翻译为“层叠样式表”或“级联样式表”，简称样式表。CSS的主要作用#它主要是用来给HTML网页来设置外观或...

2020-11-01 23:18:29

198浏览

0评论

css3给背景图片加颜色遮罩的方法

前段时间在开发中，遇到需要给背景层加颜色遮罩的项目，现在特定总结一下给背景图层加颜色遮罩的方法。方法一：通过定位叠加(注意层级)<div class="wrap1"> <div class="inne...

2020-11-01 23:18:27

231浏览

0评论

CSS3实现图片抽屉式效果的示例代码

老规矩，先放图片效果图：这个效果实现原理很简单：只要你掌握css3动画和过渡相关知识就行，不用js代码；HTML代码：<div> <ul id="list"> <li > <a...

2020-11-01 23:18:26

338浏览

0评论

css :not的多个条件的写法详解

:not 伪类选择器可以筛选不符合表达式的元素例子table tbody tr:not(:first-child):not(:last-child) td{ text-align: right;}以上代码可以选择table表格中tbody部分非...

2020-11-01 23:18:24

181浏览

0评论

手把手教你CSS水平、垂直居中的10种方式(小结)

面试必备，工作一定会用到。emmm大家都懂的，话不多说，先直接贴一个总结和效果图。总结 PC端有兼容性要求，子元素宽高固定，推荐absolute + 负margin PC端有兼容要求，子元素宽...

2020-11-01 23:18:23

217浏览

0评论

CSS3制作轮播图的一种方法

轮播图，网页上经常能看得见，画面比较精美，下面是纯CSS3的轮播图的一种下面是style部分：这几行都能明白吧<style> *{margin:0;padding:0;} a{text-decoration:none} li{...

2020-11-01 23:18:22

171浏览

0评论

css实现流程导航效果(三种方法)

css实现流程导航效果，具体内容如下所示：::tip 使用纯css线上流程导航效果。本文统一采取 flex 布局 ,你也可以采用其他布局实现，核心原理不变 ::: ## 方法一利用裁剪...

2020-11-01 23:18:21

207浏览

0评论

CSS3 新增选择器的实例

结构(位置)伪类选择器（CSS3) :first-child :选取属于其父元素的首个子元素的指定选择器 :last-child :选取属于其父元素的最后一个子元素的指定选择器 :nth-child(n...

2020-11-01 23:18:20

235浏览

0评论

奇妙的 CSS 属性 MASK详解

本文将介绍 CSS 中一个非常有意思的属性 mask 。顾名思义，mask 译为遮罩。在 CSS 中，mask 属性允许使用者通过遮罩或者裁切特定区域的图片的方式来隐藏一个元素的部分或者全部...

2020-11-01 22:49:25

231浏览

0评论

C++实现线性代数矩阵行简化

本文实例为大家分享了C++实现线性代数矩阵行简化的具体代码，供大家参考，具体内容如下输入一个矩阵，可分别输出该矩阵的阶梯型和最简型。输入仅支持整数，支持分数形式输出。妈妈...

2020-11-01 22:19:54

312浏览

0评论

C++11中std::packaged_task的使用详解

C++11中的std::packaged_task是个模板类。std::packaged_task包装任何可调用目标(函数、lambda表达式、bind表达式、函数对象)以便它可以被异步调用。它的返回值或抛出的异...

2020-11-01 22:19:52

294浏览

0评论

C++实现涂色游戏（博弈）

在一个2*N的格子上，Alice和Bob又开始了新游戏之旅。这些格子中的一些已经被涂过色，Alice和Bob轮流在这些格子里进行涂色操作，使用两种涂色工具，第一种可以涂色任意一个格子，第二...

2020-11-01 22:19:51

184浏览

0评论

C++11 并发指南之多线程初探

C++11 自2011年发布以来已经快两年了，之前一直没怎么关注，直到最近几个月才看了一些 C++11 的新特性，今后几篇博客我都会写一些关于 C++11 的特性，算是记录一下自己学到的东西吧...

2020-11-01 22:19:50

488浏览

0评论

C++11 并发指南之std::thread 详解

上一篇博客《C++11 并发指南一(C++11 多线程初探)》中只是提到了 std::thread 的基本用法，并给出了一个最简单的例子，本文将稍微详细地介绍 std::thread 的用法。std::thread...

2020-11-01 22:19:48

212浏览

0评论

C语言实现骑士飞行棋

本文实例为大家分享了C语言实现骑士飞行棋的具体代码，供大家参考，具体内容如下/* Author Mr.Long * Date 2015年12月2日17:33:17 */#include<iostream>#include<string>#inc...

2020-11-01 22:19:47

228浏览

0评论

C语言实现骑士飞行棋小游戏

本文实例为大家分享了C语言实现骑士飞行棋的具体代码，供大家参考，具体内容如下需求分析游戏规则和传统的飞行棋一样，支持两人对战采用100格小型游戏棋盘游戏规则：对战双方轮流掷...

2020-11-01 22:19:46

287浏览

0评论

C语言实现五子棋游戏

本文实例为大家分享了C语言实现五子棋的具体代码，供大家参考，具体内容如下
#include <stdio.h>#include <bios.h>#include <ctype.h>#include <conio.h>#include <dos.h>#defi...

2020-11-01 22:19:44

152浏览

0评论

C/C++读写注册表中二进制数据(代码示例)

1、RegOpenKeyEx 函数：原形：LONG RegOpenKeyEx(
HKEY hKey, // 要打开主键名
LPCTSTR lpSubKey, // 需要打开的子键或路径
DW...

2020-11-01 22:19:43

248浏览

0评论

C/C++ INI文件操作实现代码

一、INI文件用途： 1、存储程序的初始化信息；
2、存储需要保存的数据信息。二、INI文件结构：由节名、键名、键值组成。形式如下：
[节名]
键名 = 键值备注：一个INI文件，可以用多...

2020-11-01 22:19:42

151浏览

0评论

C语言编写五子棋游戏

本文实例为大家分享了C语言编写五子棋游戏的具体代码，供大家参考，具体内容如下一、构建棋盘首先可以用一个二维数组来构建棋盘，下标表示位置，内容表示黑子白子或者空位。当数组...

2020-11-01 22:19:40

255浏览

0评论

C语言编写洗牌发牌程序

用C语言编写洗牌发牌程序，供大家参考，具体内容如下题目现在只有一套扑克牌中52张副牌（无大王小王），包含了4种花色的牌
现在打乱顺序后分给甲乙丙丁四人
全部分配完毕后，输出甲乙丙...

2020-11-01 22:19:39

187浏览

0评论

C++11 并发指南之std::mutex详解

上一篇《C++11 并发指南二(std::thread 详解) 》中主要讲到了 std::thread 的一些用法，并给出了两个小例子，本文将介绍 std::mutex 的用法。Mutex 又称互斥量，C++ 11中与 Mutex...

2020-11-01 22:19:37

161浏览

0评论

C++11 并发指南之Lock 详解

在《 C++11 并发指南三(std::mutex 详解) 》一文中我们主要介绍了 C++11 标准中的互斥量(Mutex)，并简单介绍了一下两种锁类型。本节将详细介绍一下 C++11 标准的锁类型。C++...

2020-11-01 22:19:36

170浏览

0评论

C++11 <future>中std::promise 介绍

前面两讲《C++11 并发指南二(std::thread 详解) 》，《C++11 并发指南三(std::mutex 详解) 》分别介绍了 std::thread 和 std::mutex，相信读者对 C++11 中的多线程编程有了一个...

2020-11-01 22:19:35

157浏览

0评论

深入浅析C++多态性与虚函数

派生一个类的原因并非总是为了继承或是添加新的成员，有时是为了重新定义基类的成员，使得基类成员“获得新生”。面向对象的程序设计真正的力量不仅仅是继承，而且还在于允许派生...

2020-11-01 22:19:33

228浏览

0评论

手动添加bits/stdc++.h到vs2017的详细步骤

本机环境：win10系统 64位 vs2017最近码代码时偶然发现了bits/stdc++.h这个头文件（万能头文件），基本上所有的代码只要用了这个头文件就不再写其他头文件了。看到它就仿佛开启了新...

2020-11-01 22:19:31

341浏览

0评论

C语言sqrt函数的实例用法讲解

c语言sqrt函数的用法sqrt函数用于计算一个非负实数的平方根。sqrt的函数原型: 在VC6.0中的math.h头文件的函数原型为double sqrt(double);说明：sqrt即Square Root Calculatio...

2020-11-01 22:19:29

热门文章