编程开发 - 教程之家

101浏览

0评论

如何判断jquery对象是input还是select

判断jquery对象是input还是select的方法：1、首先，打开html编辑器，新建html文件，例如：index.html。2、在index.html中的<script>标签中，输入js代码：if ($('#a').is('inp...

2020-11-28 18:24:24

192浏览

0评论

jquery中图片加载失败怎么办

jquery中图片加载失败的解决办法：1.第一种方法：如果已经引入了jquery插件，就很好办。没有的话，如果实在需要，可以附上代码： script(type='text/javascript', src="http...

2020-11-28 18:23:40

107浏览

0评论

怎么用jquery更改标签属性值

用jquery更改标签属性值的方法：1、新建一个html文件，命名为test.html，用于讲解jquery怎么修改一个标签的属性。2、在test.html文件内，使用p标签创建一行测试的文字，代码如下：3、在...

2020-11-28 18:22:37

105浏览

0评论

jquery如何验证输入的是否为中文

jquery验证输入的是否为中文的方法：例1，判断输入是否为中文的函数代码示例:function ischinese(s){ var ret=true; for(var i=0;i<s.length;i++) ret=ret && (s.char...

2020-11-28 18:22:15

111浏览

0评论

jQuery与Zepto的异同有哪些

jQuery与Zepto的异同：一. 同　　Zepto最初是为移动端开发的库，是jQuery的轻量级替代品，因为它的API和jQuery相似，而文件更小。Zepto最大的优势是它的文件大小，只有8k多，是目前功能...

2020-11-28 18:10:22

124浏览

0评论

java中常用的文件操作有哪些

我们先来介绍一下字节流和字符流的概念及区别：区别字节流和字符流概念字节流：字节流读取的时候，读到一个字节就返回一个字节；主要用于读取图片，MP3，AVI视频文件。字符流：字符流使用...

2020-11-28 18:09:38

112浏览

0评论

jQuery选择器优点有什么

jQuery选择器优点有：1、jQuery选择器的写法更简洁：2、提供了完善的处理机制（完善的兼容处理）3、jQuery选择器提供判断dom节点存在的方法：4、jQuery选择器支持css1-css3所有的选...

2020-11-28 18:09:03

135浏览

0评论

JQuery click()和onclick()区别是什么

JQuery click()和onclick()区别：1、onclick是绑定事件，告诉浏览器在鼠标点击时候要做什么2、click()方法的主要作用是触发调用click方法元素onclick事件。3、当click()被点击...

2020-11-28 18:08:26

136浏览

0评论

厉害了，30行python代码爬取英雄联盟全英雄皮肤

距离上次写爬虫文章已经过了许久了，之前写过一篇20行Python代码爬取王者荣耀全英雄皮肤
，反响强烈，其中有很多同学希望我再写一篇针对英雄联盟官网的皮肤爬取，但苦于事情繁多，便...

2020-11-28 18:04:56

110浏览

0评论

php 如何替换变量

PHP 替换模板变量实现步骤1.首先需要打开一个文件.这里用到了PHP ->fopen();函数
定义和用法
fopen() 函数打开文件或者 URL。
如果打开失败，本函数返回 FALSE。
函数原型:
f...

2020-11-27 14:08:54

97浏览

0评论

如何实现自动加载jquery

实现自动加载jquery的方法：1、首先在执行环境里引入jquery库。示例里是笔者自己存到cdn上的jquery文件。2、自动加载分为：数据加载完成执行打开就执行，不论等数据是否加载...

2020-11-27 14:07:47

95浏览

0评论

jquery出现错误怎么解决

jquery出现错误的解决方法：1、JS是解释型语言，是根据标签引用分块顺序执行的，$是jQuery中的产生的对象，需要用的话，必须将jquery.js文件放在使用它的JS前面。将jQuery库放在依赖...

2020-11-27 14:07:19

109浏览

0评论

jquery有哪些内容过滤器

jquery内容过滤器有：1.$("#myDiv"); <div id="myDiv">id="myDiv"</div>（比较常用）2.$("div")；<div>DIV1</div>3.$(".myClass"); <div class="myClass">div class="myClass"</d...

2020-11-27 14:06:58

87浏览

0评论

如何使用jQuery中click()方法

jQuery中click()方法的使用方法：1、新建一个html文件，命名为test.html，用于讲解在jquery中click()方法有什么用处。2、在test.html文件内，使用div标签创建一行测试的文字，用于测...

2020-11-27 14:06:31

135浏览

0评论

jquery怎么比较两个数字大小

jquery比较两个数字大小的方法：新建一个html文件，命名为test.html，用于讲解在JQuery里面怎么判断两个数字的大小。在test.html文件内，使用input标签创建两个数字输入框，用于测试...

2020-11-27 14:06:04

106浏览

0评论

jquery怎么实现淡入淡出效果

jquery实现淡入淡出效果的方法：1、新建文本文档，用于代码展示和书写，如图所示；2、创建两个div，id为div1，div2，如图所示；3、引入jquery.js，接下来要用到，如图所示；4、fadeIn()方法，可以淡...

2020-11-27 14:05:33

109浏览

0评论

声明css有哪几种方式

声明css有三种方式，分别是：1、在head标签中使用style标签声明：作用：此声明一般声明当前网页的公共样式或者给某个标签的单独样式2、在标签上使用style属性进行声明：作用：此声明会...

2020-11-27 14:05:07

146浏览

0评论

出现vue.set()报错怎么办

vue.set()报错的解决办法：使用Vue.set()直接在data上增加属性 export default { data() { return { width: '100' } }, methods: {...

2020-11-27 14:04:30

234浏览

0评论

css如何让文字居于div的底部

背景：css对文字的布局上没有靠容器底部对齐的参数，可以考虑使用position属性来解决。属性介绍：position属性指定一个元素（静态的，相对的，绝对或固定）的定位方法的类型。属性值： abs...

2020-11-27 14:03:57

151浏览

0评论

css设置table圆角边框不起作用是什么原因

原因分析：在table中设置border-radius发现不起作用，原因是border-collapse:collapse和border-radius不兼容。css：border-collapse: separate;border-spacing: 0;代码实现：<!DOCT...

2020-11-27 14:02:08

263浏览

0评论

css背景图片显示不完整怎么办

解决思路：通过background-size属性来控制背景图片的大小，从而达到完全显示背景图片的目的。属性介绍：background-size属性指定背景图片大小。语法：background-size: length|perc...

2020-11-27 14:01:32

116浏览

0评论

CSS 实现图片鼠标悬停折叠效果

CSS 实现图片鼠标悬停折叠效果1. 实现要点折叠是由多个块级元素来完成的; 图片是以背景图片的方式呈现出来的; 给每个块级元素设置同一张背景图片，通过backgroun...

2020-11-26 22:48:56

115浏览

0评论

纯CSS实现markdown自动编号的示例代码

问题的由来第一次关注这个标题编号的问题应该回溯到本科毕业论文的时候了，当时还单独涉猎过这个主题，Word 有个很好的特性级联标题，一次设置好之后，后续只要设置标题样式就能按...

2020-11-26 22:48:53

270浏览

0评论

css 实现圆形渐变进度条效果的示例代码

实现思路最外面是一个大圆（渐变色）内部里面绘制两个半圆，将渐变的圆遮住(为了看起来明显，左右两侧颜色不一样,设置为灰蓝) 顺时针旋转右侧蓝色的半圆，下面渐变的圆会...

2020-11-26 22:48:52

137浏览

0评论

css3+贝塞尔曲线实现可伸缩input搜索框效果

话不多说，上效果图。核心代码就是 transition: cubic-bezier(0.68, -0.55, 0.27, 1.55) all 1s; 通过 transition 属性的 cubic-bezier（贝塞尔曲线）在过渡效果上加了个缓冲效...

2020-11-26 22:48:51

121浏览

0评论

CSS使用BEM命名规范实践

当你看到一个class的时候，你想得到什么信息？这个class用在什么地方，作用是什么？是否在其他地方也有使用该class，修改会不会引起其他地方的样式问题？ class 是否在js中...

2020-11-26 22:48:50

121浏览

0评论

解决搜索框和搜索按钮button边框不能重合的问题

今天在用百度页面做练习的时候突然发现，尽管设置了搜索框和button的margin值和padding值各为0，他们俩的边框还是不能重合（不想用position）无奈之下问了老师，老师说设置他俩的父元...

2020-11-26 22:48:48

114浏览

0评论

css一些不常见但很有用的属性操作大全

1、自定义文本选择::selection { background: red; color: black;}2、去掉video的controls中的下载按钮video::-internal-media-controls-download-button { display:n...

2020-11-26 22:48:47

121浏览

0评论

CSS中width和height的默认值auto与%案例详解

结论 width的%：定义基于包含块（父元素）宽度的百分比宽度，会突破父级的限制 width的auto：尽量被父级包裹 height的%：基于包含它的块级对象的百分比高度，会突破父级的限制...

2020-11-26 22:48:45

159浏览

0评论

css实现鼠标放上去时图片过渡转换动画效果

代码<div class="test"> <div></div> <div></div> </div> .test{ width: 200px; height: 200px; margin-top: 200px; margin-left: 300px; overflow: hidden...

2020-11-26 22:48:44

105浏览

0评论

详解CSS标签模式display属性

代码如下所示：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <...

2020-11-26 22:48:43

161浏览

0评论

css为什么要放在head标签中

思考: css为什么要放在head标签中, 而不能像javascript一样置于body标签尾部?Talk is cheap, show me the code.OK, 那我们通过写一些代码来得出结果在这里先说chrome控制台...

2020-11-26 22:48:41

171浏览

0评论

CSS实现两个元素相融效果(粘滞效果)

记得前几年手机版淘宝左下角有个狠有意思的圆形按钮，点击后会出现几个小按钮，并且出场动画很有意思，后面才知道这种效果叫“粘滞”效果，如图：
那这种效果到底用了什么...

2020-11-26 22:48:39

175浏览

0评论

纯 CSS 实现点击展开阅读全文功能

记要开发文章展示列表界面时, 想通过展示部分文章头内容达到基本信息概览的需求即可, 并展示【点击展开阅读全文】的按钮以获取详情内容。参考了文章 caibaojian.com/css-...

2020-11-26 22:48:37

153浏览

0评论

详解CSS边距重叠与解决方案探究

最近复习了一下CSS相关的知识点，对于CSS中经典的边距重叠问题进行了梳理总结，目的是检验复习效果，也希望对他人有所帮助，疏漏之处还请各位前端老鸟们不吝赐教。提出问题：在使用CS...

2020-11-26 22:48:36

172浏览

0评论

CSS3实现左上角或右上角显示提醒圆点的示例代码

效果图（如果想要三角形请点击这里）：代码： <html><head> <style type="text/css"> .message_s { position: relative; cursor: pointer;...

2020-11-26 22:48:34

135浏览

0评论

使用CSS伪元素控制连续几个元素的样式方法

用CSS伪元素控制元素的时候经常性的需要改变一些元素的样式，网上有许多博客都说了如何去控制一个的改变，但是我在实际写的过程中，发现更多时候是需要控制多个连续元素的改变。...

2020-11-26 22:48:33

85浏览

0评论

编程式处理Css样式的示例代码

编程式方法的好处 1.全局控制，避免样式散乱2.代码简洁，开发快速函数式编程大量使用函数，减少了代码的重复，因此程序比较短，开发速度较快3.接近自然语言，易于理解函数式编程的自...

2020-11-26 22:48:32

195浏览

0评论

css实现文字在背景图片之上

效果：<div class="imgs">  <div class="background"> <img :src="item.voteTime ? imgSrc1:imgSrc2" width="100%" height="100%" alt="" /> </div> <...

2020-11-26 22:48:30

103浏览

0评论

Chrome的最小字体12px限制最终解决办法

相信不少做网站的用户会有这样一个问题，Chrome 默认最小字体是12px（最新版英文也有此问题），这个是 Chrome 为了更好显示中文设计的，但是这样一来就会出现某些上标、下标字体过大，...

2020-11-26 22:48:29

310浏览

0评论

CSS将img图片填满父容器div并自适应容器大小

当一个页面中引入多张图片时候，会碰到图片尺寸不一致，单要求显示成一致的大小，我们直接设置图片尺寸会导致图片变形，这就是我们遇到的问题，看下解决方法<div> <img src="...

2020-11-26 22:48:27

151浏览

0评论

button内flex垂直居中竟然不居中的解决

问题描述按钮样式为图标+文字，在使用flex布局写垂直居中时，iphone7手机上文字和图标却没有居中，居左显示。代码如下（已精简）：<button> <img src="./refresh.png" alt /> {{ conf...

2020-11-26 22:48:26

78浏览

0评论

详解常用css样式(布局)

兼容css3新属性在css3中，我们可以使用prefixfree.min.js这个插件来自动为css3的相关属性加上兼容浏览器属性，使我们不用为每个css3新属性再加上属性（需要用到大量css3的项目时...

2020-11-26 22:48:24

140浏览

0评论

如何使用css实现数据热点效果

效果如下：分析1.这里看到的大概有三个圈围着点在做放大动画所以我们写四个盒子点+3个圈<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name=...

2020-11-26 22:48:20

162浏览

0评论

CSS实现鼠标滑过卡片上浮效果的示例

原理hover 的时候对元素设置阴影：box-shadow，使其样式与常态不同。box-shadow 表达式参见 MDN：/* x偏移量 | y偏移量 | 阴影颜色 */box-shadow: 60px -16px teal;/* x偏移量 |...

2020-11-26 22:48:18

61浏览

0评论

CSS常用的封装方法汇总

1. pc-reset PC样式初始化/* normalize.css */html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */}b...

2020-11-26 22:48:15

110浏览

0评论

css实现隐藏滚动条并可以滚动内容的实例代码

前言当页面的html结构嵌套的盒子很多的时候，可能会导致一个页面中含有多个垂直滚动条。
这样的话很影响页面的样式，所以我们需要隐藏滚动条的同时还支持滚动，下面就是利用css实...

2020-11-26 22:48:14

122浏览

0评论

CSS伪类:empty让我眼前一亮(实例代码)

最近看过我文章的都知道：我最近在负责一个微信小程序的项目，在其中遇到了很多有趣的事和一些“奇思妙想”。本文的背景就是某天早上我看着wxml文件中一堆wx:if/else...

2020-11-26 22:48:13

134浏览

0评论

css利用负margin实现平均布局的示例

对于平均分布的布局，我们一般使用负margin的方法。如下图，就是平均布局。一般这种情况，我们都是在父元素和子元素之间加上一层div，然后，给这个div设置负margin-right，值为两个子元...

2020-11-26 22:48:11

65浏览

0评论

纯css3实现横向无限滚动的示例代码

本文示例都是用小程序写的，但是不影响要实现的功能。wxml装图片的盒子多复制一份，让循环图片的首尾相接<view class="scrollbox dis-flex"> <view class="imgItem dis-flex...

2020-11-26 22:48:10

热门文章