编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Rust Android Go语言鸿蒙OS C类语言综合编程正则表达式

136浏览

0评论

浅谈vue.js中的Props（单向数据流）

prop 是单向绑定的：当父组件的属性变化时，将传导给子组件，但是不会反过来。这是为了防止子组件无意修改了父组件的状态——这会让应用的数据流难以理解。另外，每次父...

2020-10-20 22:29:29

212浏览

0评论

vue如何实现一个电子签名组件？

在生活中我们使用到电子签名最多的地方可能就是银行了，每次都会让你留下大名。今天我们就要用vue实现一个电子签名的面板想要绘制图形，第一步想到的就是使用canvas标签，在之前...

2020-10-20 22:28:59

128浏览

0评论

了解一些提高前端开发效率的 CSS 属性选择器

属性选择器非常神奇。它们可以使你摆脱棘手的问题，帮助你避免添加类，并指出代码中的一些问题。但是不要担心，虽然属性选择器非常复杂和强大，但是它们很容易学习和使用。在本文中...

2020-10-20 22:27:38

170浏览

0评论

如何利用HTML5 canvas旋转图片？（实例演示）

最近突然想研究一下js旋转图片的功能。对于之前的实现方式，就不先说了。现在HTML5很不错，主要了解一下HTML5中的图片旋转吧。实例演示：http://www.imqing.com/demo/rotateImg.h...

2020-10-20 22:27:07

122浏览

0评论

深入理解DOM树和节点

DOM通常被称为DOM树，由称为节点的对象树组成。在DOM简介中，我们讨论了文档对象模型（DOM），如何使用控制台访问document对象和修改其属性，以及HTML源代码和DOM之间的区别。在本教程...

2020-10-20 00:02:04

77浏览

0评论

了解JavaScript中的回调函数并使用它们

在JavaScript中，函数是第一类对象，这意味着函数可以像对象一样按照第一类管理被使用。既然函数实际上是对象：它们能被“存储”在变量中，能作为函数参数被传递，能在函数...

2020-10-20 00:01:29

90浏览

0评论

深入浅析ES6中的箭头函数及其作用域

在ES6很多很棒的新特性中, 箭头函数 (或者大箭头函数)就是其中值得关注的一个! 它不仅仅是很棒很酷, 它很好的利用了作用域, 快捷方便的在现在使用以前我们用的技术, 减少了...

2020-10-20 00:00:42

115浏览

0评论

你所不知道的Spring自动注入详解

自动注入和@Autowire

@Autowire不属于自动注入！

注入方式（重要）

在Spring官网上（文档），定义了在Spring中的注入方式一共有两种：set方法和构造函数。

也就是说，你想在A...

2020-10-18 19:46:37

258浏览

0评论

axios封装与传参示例详解

1.开发环境 vue+typescript

2.电脑系统 windows10专业版

3.在开发的过程中,我们会经常使用到 axios进行数据的交互,下面我来说一下,axios封装和传参!

4-1:下面结...

2020-10-18 19:46:24

357浏览

0评论

vue自定义树状结构图的实现方法

vue 实现自定义树状结构图

可动态添加、删除可整体拖拽如需内容也为动态，把组件内容使用input、select等组件替换数据结构

treeData: [{ name: '1', child: [ {...

2020-10-18 19:46:04

104浏览

0评论

详解VUE中的插值( Interpolation)语法

背景分析

在传统的html页面中我们可以定义变量吗？当然不可以，那我们假如希望通过变量的方式实现页面内容的数据操作也是不可以的。当然我们可以在服务端通过定义html标签...

2020-10-18 19:45:20

130浏览

0评论

用Nodejs实现在终端中炒股的实现

背景

前阵子在股票行情见好时拿出全部零花钱入了几手，后来大盘来来回回调整时也不想卖，准备再留一段时间看看。

开盘的时间都是要撸码的，在电脑上使用软件或网页去看行...

2020-10-18 19:44:19

211浏览

0评论

vscode+gulp轻松开发小程序的完整步骤

利用 gulp+vscode 来开发小程序的一个小工具，内置扩展了一系列的 wx 全局api方法，支持自定义配置相对应的信息和别名等问题

安装方法：

# 全局安装npm install -g wechat-...

2020-10-18 19:44:07

130浏览

0评论

vue任意关系组件通信与跨组件监听状态vue-communication

众所周知，组件式开发方式给我们带来了方便，不过也引入了新的问题，组件之间的数据就像被一道无形的墙隔开，如果我们希望临时让两个组件直接通信，vuex 太巨，而 $emit 又不好维护 p...

2020-10-18 19:43:52

115浏览

0评论

JavaScript大数相加相乘的实现方法实例

前言

JavaScript 中的最大安全整数是 2 ^{53} – 1 ，即 9007199254740991，当我们进行超出这个范围的数值计算的时候就无法得到精确的值，而是一个近似值，比如我们计算 90071...

2020-10-18 19:43:39

193浏览

0评论

vuex刷新后数据丢失的解决方法

导语：

我们在写vue项目的时候，经常要用到vuex作为内存来储存，但是我们存放在vuex中的数据（用户数据，当前页面的数据等等）在刷新后就会丢失，那么如何解决呢？超级简单。

1，安装...

2020-10-18 19:43:26

339浏览

0评论

Laravel统一错误处理为JSON的方法介绍

Laravel中的AppExceptionsHandler 类负责记录应用程序触发的所有异常，这在我们开发过程中十分方便，总是try...catch使代码太过繁琐且可读性大大降低，那么怎么使用它处理异常...

2020-10-18 19:43:14

258浏览

0评论

自定义Django_rest_framework_jwt登陆错误返回的解决

在使用Django做前端后端项目时，登陆认证方法往往使用的是jwt_token，但是想自定义登陆成功和失败的返回体。

1.当用户名和密码正确就会生成token，返回response是调用的是JW...

2020-10-18 19:42:39

164浏览

0评论

JavaScript中EventBus实现对象之间通信

一、什么是EventBus?

我个人理解：EventBus 可以实现对象之间的通信，当数据或某些特性发生改变时，能自动监听事件作出一些改变。还有更多的内容可能我还没有拓宽。怎么实...

2020-10-18 19:42:17

120浏览

0评论

如何编写一个 Webpack Loader的实现

前言

在平时自己由零搭建项目时，虽然基础配置都比较熟悉，比如配置 file-loader, url-loader, css-loader 等，配置不难，但究竟是怎么起作用的呢，今天就来说说如何编写一个 We...

2020-10-18 19:41:23

119浏览

0评论

Python通过format函数格式化显示值

英文文档：format(value[, format_spec])Convert a value to a “formatted” representation, as controlled by format_spec. The interpretation of format_spec...

2020-10-17 18:54:49

132浏览

0评论

三分钟了解css中z-index属性

css中z-index属性在做项目时，常常会用到弹出一个层，然后在这个层上进行操作，操作完成时就关闭弹出层，或者点击别的地方进行关闭层。通常都会在p样式中设置z-index的值，比如父层设...

2020-10-17 18:52:18

198浏览

0评论

css实现元素垂直居中显示的7种方式

【一】知道居中元素的宽高absolute + 负margin代码实现.wrapBox5{ width: 300px; height: 300px; border:1px solid red; position: relative;}.wrapItem5{...

2020-10-16 07:32:43

177浏览

0评论

css下div下同行多元素右对齐

方法一：float:right
此外，浮动还会使得布局更紧凑（没空隙）<div style="background-color: red;width: 100%;height: 60px;/* text-align: right; */"> <div style="width: 30px;...

2020-10-16 07:32:41

190浏览

0评论

浅谈css当中:focus-within的好玩之处

相信有些人看到过这个B站输入密码就遮眼睛的这个图这里我们用:focus-within玩一把布局是这样的外面有一个ctn 可以忽略，就是一个居中固定位置而已xPassword在没点击之前里面...

2020-10-16 07:32:38

183浏览

0评论

HTML+CSS+JS实现堆叠轮播效果的示例代码

效果：
轮播图在向一个方向移动的同时，要对其每一个图片的大小，位置，透明度以及层级进行改变
原理：
轮播图向左移动时将第一个子元素剪切到末尾，轮播图向右移动时，将末尾子元素剪切...

2020-10-16 07:32:37

181浏览

0评论

浅谈css动画是否会被js阻塞

css的动画部分是会被js阻塞的，不过transform的动画则不会受影响。下面举一个margin-left移动的动画下，启动js阻塞动画的性能图表<style>.walkabout-old-school { animation:...

2020-10-16 07:32:33

334浏览

0评论

详解CSS-opacity子元素继承父元素透明度的解决方法

在写项目页面的过程中，遇到子元素继承父元素透明度的问题，查找了好多文档给出的都是第一种方法，这种方法主要解决简单场景的，而对于设置复杂的background时，该方法不再适用。分析...

2020-10-16 07:32:32

623浏览

0评论

css选中父元素下的第一个子元素(:first-child)

前言最近在项目中用到 :first-child 很容易的就想到了，嗯嗯。这不就是选择第一个元素吗？好像很好用，平时使用中也没有遇到什么问题，理所当然的就以为它只会选中父元素下的第一个...

2020-10-16 07:32:30

144浏览

0评论

详解如何使用CSS选择所有子元素

如何使用CSS递归选择所有子元素？下面本篇文章就来给大家介绍一下使用CSS递归选择所有子元素的方法，希望对大家有所帮助。当元素是某个元素的子元素时，可以使用子选择器匹配，该选...

2020-10-16 07:32:29

137浏览

0评论

css等比例分割父级容器（完美三等分）的实现

父级容器的宽度一定，要实现子元素等比例完美均分父级宽度，实现方式有哪些？html部分代码：方法一：浮动布局+百分比（将子元素依次左浮动，根据子元素的个数，设定每个子元素的宽度百分...

2020-10-16 07:32:27

157浏览

0评论

CSS实现半透明边框与多重边框的场景分析

场景一：实现半透明边框：由于CSS样式的默认行为，背景色的渲染范围是 content+padding+border。半透明边框被主调色影响, 实现的效果为解决方案：使用background-clip 属性规定背景...

2020-10-16 07:32:26

98浏览

0评论

CSS拾遗之箭头,目录,图标的实现代码

1. CSS拾遗之图标图标有三种制作方法：图片 css(小箭头用CSS搞定) 自己画font(fontawsome插件)fontawsome插件下载之后，解压，新版的与老版不一样。2. html文件的目录...

2020-10-16 07:32:25

192浏览

0评论

基于html+css做一个好看的可翻转登录注册界面

做一个好看的可翻转登录注册界面前言
最近在尝试做网盘，使用的技术栈大概是 .net core + MVC + Mysql + Layui，主要目的是通过这个具体的项目，熟悉熟悉 .net core 开发，.net 的...

2020-10-16 07:32:24

88浏览

0评论

CSS动态渐变色边框围绕内容区域旋转的效果(实例代码)

效果图&emsp;&emsp;在网上查阅相关资料后，发现目前的动态渐变色边框的实现方式大部分为使用伪元素比内容区域大一圈然后横向移动渐变色背景的方式实现，而没有渐变色边框围绕内...

2020-10-16 07:32:21

151浏览

0评论

CSS实现鼠标移至图片上显示遮罩层效果

1、将遮罩层html代码与图片放在一个div我是放在 .img_div里。<div class="img_div"> <img src="./images/paella-dish.jpg"> <a href="#"> <div clas...

2020-10-16 07:32:18

104浏览

0评论

CSS3实现酷炫的3D旋转透视效果

CSS3实现酷炫的3D旋转透视3D动画效果现在越来越普及，已经被广泛的应用到了各个平台，比如阿里云，华为云，webpack官网等。它可以更接近于真实的展示我们的产品和介绍，带来极强的视...

2020-10-16 07:32:17

87浏览

0评论

webpack加载css文件及其配置方法

webpack加载css文件及其配置当我们写了几个css文件之后如果想要引用到html中去的话我们最开始的方式就是通过link标签将css文件导入进去，但是如果我们的css文件有很多的...

2020-10-16 07:32:15

322浏览

0评论

CSS 使用radial-gradient 实现优惠券样式

本文将介绍如何使用 css 中的 radial-gradient 实现如下图所示的优惠券样式效果：绘制基本样式首先，我们绘制出优惠券的基本样式，这很简单，就不多说了。<div class="voucher">...

2020-10-16 07:32:14

62浏览

0评论

CSS如何设置列表样式属性(看这篇文章就够用了)

列表样式属性在 HTML 中有 2 种列表、无序列表和有序列表，在工作中无序列表比较常用，无序列表就是 ul 标签和 li 标签组合成的称之为无序列表，那什么是有序列表呢？就是 ol...

2020-10-16 07:32:12

141浏览

0评论

使用CSS的border-radius属性设置圆弧

现象：将div变为有一定幅度的圆形、椭圆形等方法：使用css的border-radius 属性进行设置CSS3 border-radius 属性：向 div 元素添加圆角边框：一：首先建立一个div二：给div设置圆角边框...

2020-10-16 07:32:05

123浏览

0评论

CSS边框长度控制功能的实现

以前需要边框长度比容器小一些时，我用div嵌套。后来发现伪类在实现这个效果时很方便，只需要一个div就够了，另外调整padding和margin都不会很麻烦。<div class="content-block">...

2020-10-16 07:32:03

1809浏览

0评论

详解如何修改el-select的样式：popper-append-to-body和popper-class

如何修改elementUI提供的el-select组件的样式网上有很多关于这个的解决方式：1、找到下拉框的类名，写个全局样式覆盖掉就行了
2、修改.el-select-dropdown__item的样式
3、通过...

2020-10-16 07:32:01

176浏览

0评论

css3动画小球滚动 js控制动画暂停

CSS3 可以创建动画，它可以取代许多网页动画图像、Flash 动画和 JavaScript 实现的效果。CSS3 @keyframes 规则要创建 CSS3 动画，你需要了解 @keyframes 规则。@keyframes 规则...

2020-10-16 07:32:00

467浏览

0评论

postcss-pxtorem移动端适配的实现

执行命令安装插件postcss-pxtorem npm install postcss-pxtorem -Dpostcss.config.js 新建package.json同一个目录下，文件内容如下module.exports = { plugins: { 'auto...

2020-10-16 07:31:59

230浏览

0评论

纯CSS实现数字加减按钮的最佳方案

前言：对于数字加减按钮的实现，以前用过不少方案，诸如：1.使用背景图片——这种效果比较好，缺点是样式控制有点复杂了，还需要使用图片；2.直接使用“+”“-&...

2020-10-16 07:31:57

170浏览

0评论

CSS flex-basis 文本溢出问题的解决

不值一提的 flex-basis ，却给文本溢出添加省略号这个小小的功能带来很多了麻烦。下面来演示一下。1. flex 家族flex 里有很多的属性，我们经常用到的就是如下操作：.container {...

2020-10-16 07:31:56

151浏览

0评论

CSS实现元素浮动和清除浮动的方法

浮动基本介绍在标准文档流中元素分为2种，块级元素和行内元素，如果想让一些元素既要有块级元素的特点也同时保留行内元素特点，只能让这些元素脱离标准文档流即可。浮动...

2020-10-16 07:31:55

148浏览

0评论

深度理解CSS clear:both的使用

clear:both用来清除浮动这是一直来的印象，但是自己很少会用这个，理解其实也不太正确，今天查查了资料，记录一下float的脱离文档流float的原始作用是为了实现文字环绕的作用，可以理...

2020-10-16 07:31:53

67浏览

0评论

better-scroll实现菜单和内容联动的效果

1、基本使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equ...

2020-10-16 07:31:51

首页 «1074 107510761077 1078 »尾页

热门文章