ICode9

精准搜索请尝试: 精确搜索
  • 34.前端jQuery之【入门要点】【选择器】【筛选器】2021-11-25 19:35:18

    目录 1.jQuery基本要点 2.jQuery选择器 3.jQuery筛选器 1.jQuery基本要点 1.jQuery:引入方式 write less do more 官网https://jquery.com/ (1)方式一: 下载jQuery压缩文件https://code.jquery.com/jquery-3.6.0.min.js,复制粘贴到通目录下 <scrip

  • className用法2021-11-25 18:32:42

    4.className用法例 4.1(keyIEFF.html)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head&g

  • 链路追踪(Tracing)的前世今生(上)2021-11-23 18:35:13

    带着疑问看历史 提起链路追踪,大部分人都会想起 Zipkin、Jaeger、Skywalking 这些已经比较成熟的链路追踪开源软件以及 Opentelemetry、OpenTracing、OpenCensus 这些开源标准。虽然实现各有差异,但是使用各种软件、标准和实现组合搭建出来的不同的链路追踪系统,却有着许多相类似的

  • laravel js 表格超出宽度鼠标悬停显示td内容2021-11-22 17:35:14

    方法: function contentMatter(value,row,index) { var span=document.createElement("span"); span.setAttribute("title",value); span.innerHTML = value; return span.outerHTML;}html   js  

  • html,css,javascript2021-11-18 13:03:42

    1HTML技术 1.1 HTML5基础标签: head:头标签,一般会将一些网页的基本配置和文件引用在head中设置; body:内容标签,里面是整个网页要展示内容部分; 1.2 HTML5标题: h1…h6等,后面跟的数字越大,对应的标题的字体大小就越小; 1.3 HTML5段落 p标签表示段落,在p标签中可以编写文字段落; 1.4

  • scrapy获取58同城数据2021-11-13 15:31:57

    1、创建scrapy项目 > scrapy startproject scrapy_58tc 文件路径scrapy_58tc\scrapy_58tc 2、找到访问接口     4、创建爬虫文件 scrapy_58tc\scrapy_58tc\spiders> scrapy genspider tc https://bj.58.com/sou/?key=%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91&classpolicy=jianz

  • css 实现文字3D旋转近清晰远模糊2021-11-09 18:03:16

    3D旋转:父元素设置透距perspective:160vmin,子元素设置3D模式transform-style: preserve-3d 近清晰远模糊:通过filter:blur实现模糊,filter:contrast实现更清晰,通过animation-delay:-ns;从指定时间立即开始动画,通过时间差实现,近清晰,远模糊 效果图: 代码示例: body {

  • 京东小练习2021-11-08 23:35:07

    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>京东首页右侧固定层</title> <link href="css/nav.css" rel="stylesheet"> </head> <body> <

  • 点击事件--水波纹动画2021-11-08 10:33:42

    html <div id="app"></div> css .back_span { position: absolute; transform: translate(-50%, -50%); background-color: rgb(255, 254, 254); border-radius: 50%; animation: big 1s; } @keyframes big { 0% { width: 0px; he

  • css3选择器使用例子2021-11-08 02:00:22

    例1  选择title属性值为 honor/荣耀的span元素 document.querySelector("#sale-card .next-cascader-menu li span[title='honor/荣耀']").click() 例2 css伪类选择器 li:nth-child(even)偶数 li:nth-child(odd)奇数     

  • js 鼠标动画12021-11-07 17:04:27

    样式:    js:    html:    1.div.onmousemove=function(e)      e 事件对象 2.获取鼠标位置 console.log(e.x,e.y)    y轴+x轴 span.style.top=e.y+"px";     y轴 span.style.left=e.x+"px";     x轴 扩展内容: span.innerText=e.x+","+e.y;     坐标位置

  • CSS学习笔记:display属性2021-11-06 18:33:43

    目录一、display属性概述1. 块级元素和行内元素的区别2.常见的块级元素和行内元素3. display属性常见的属性值二、测试display取各属性值的效果1. 测试inline和block2. inline-block属性值3. table-cell属性值4. none属性值 参考资料:https://www.bilibili.com/video/BV18J411S7tZ?

  • JS 实现段落展开和收起2021-11-06 16:32:56

      实现  实现如图所示的段落展开和收起功能:     分析 <div class="box"> <p id="content"> 人生最美是清欢;愿有一屋,不被打扰,幸福终老 ;一袭江南梦,醉卧烟雨中;春在水墨中发芽 恬淡,禅里开出的花 ;寻得一方庭院,做匠人 ;有一个院子,种花,画画 ;春未暖,花先开

  • CSS的选择权重问题2021-11-06 13:03:09

    在我们开发前端页面时,往往css会错综复杂,一个元素可能出现多个样式,这个时候如果我们搞不清楚谁生效,就会很麻烦,还要写个demo测试一下。学习这部分内容已经很久了,18年听过姬成老师的课,讲的非常好,今天特来重温一下。 1、什么是选择器的权重 选择器的权重决定了浏览器在渲染页面时所

  • 11月5号2021-11-05 22:31:27

    1、jQuery文档处理中内部插入和外部插入: 内部插入=》子节点:  $("div").appendTo($("span")); //把div追加到span内部的后面 $("div").append($("span"));    //div内部的后面是span $("div").append($("<p>列表</p>"))  $("div")

  • CSS学习(二)选择符2021-11-05 22:00:07

    元素选择符:以元素名作为选择符(span{ color: red; }) 群组选择符:将两个选择符用逗号隔开构成群组(span, div{ color: red; }) 通用选择符:通用选择符(*)将匹配所有元素(*{ color: red; }) 类选择符:根据类名匹配元素(.类名{ color: red; }) ID选择符:根据ID值匹配元素(#id{ color: red; }) 属性

  • 鼠标的移动效果2021-11-05 17:34:15

    1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Document

  • boss直聘2021-11-03 17:04:47

    """author:张鑫date:2021/11/3 11:30https://m.zhipin.com/wapi/zpgeek/mobile/search/joblist.json?query=python%E7%88%AC%E8%99%AB%E5%B7%A5%E7%A8%8B%E5%B8%88&page=6&city=101010100&query=python%E7%88%AC%E8%99%AB%E5%B7%A5%E7%A8%8B%E5%B8%8

  • jQuery常用脚本2021-11-03 11:34:01

    1、常用选择器 $('#div1') //id为div1的节点,如<div id='div1'></div> $('span') //所有的span结点,一个包装集 $('p span') //p标签下的所有span节点,后代节点 $('p>span') //p标签下的所有span子节点,子代节点 $('.red') //使用样式red的

  • css3简单实现输入框选中酷炫效果2021-11-01 18:33:41

    <!DOCTYPE HTML> <html> <head> <meta charset=UTF-8 /> <title>Nothing</title> <style type="text/css"> #post{ position: relative; } span{ position: absolute; left: 0.625rem; top: 0; poin

  • 10.29笔记2021-11-01 08:35:00

    1.<iframe src="toubu.html" width="100%" height="178px" ></iframe>将其他页面嵌入到本页面标签位置 2./*垂直居中*/ align-items: center;/*水平居中*/ text-align: center; 3./*轮廓线*/ outline: none; 4..head .line2 .search input:focus+span 定位到span

  • 正则表达式2021-10-30 22:36:21

    1 概念 正则表达式:regex 给字符串定义正确规则的字符串表达式 api:参考String 涉及正则表达式的String方法 * boolean matches(String regex) :判断当前字符串是否匹配参数正则表达式 * String replaceAll(String regex, String replacement)

  • xpath爬取猪八戒网案例2021-10-30 19:02:53

    import requests from lxml import etree url = "https://jingzhou.zbj.com/rjkf/f.html?fr=zbj.sy.zyyw_2nd.lv2" response = requests.get(url) # print(response.text) response.close() html = etree.HTML(response.text) divs = html.xpath("/html/body

  • 学习笔记2021-10-29 23:33:44

    1、justify-content 用于设置或检索弹性盒子元素在主轴(横轴)方向上的对齐方式。 提示:使用 align-content 属性对齐交叉轴上的各项(垂直)。 2、span、div、li等获取焦点问题:对于普通的div/span/li等元素节点是不能直接获取焦点的,需要用到一个属性tabindex。 可以通过:“:focus+span”获

  • Practical Training Demo1-购买buy(10.29)2021-10-29 17:03:37

    HTML内容部分:   <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/buy.css" />

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有