ICode9

精准搜索请尝试: 精确搜索
  • 707:html列表:ol,ul,dl2021-08-10 20:02:39

    列表 有序列表 – ol、li 无序列表:ul、li 定义列表:dl、dt、dd 列表相关的CSS属性 03_列表_列表的属性使用.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="wid

  • 前端性能优化2021-08-09 14:03:45

    一、初始阶段--->加载优化 1.主要解决首屏加载慢的问题(根本问题就是资源请求过多且文件体积大的问题)     1.图片处理;  可以使用图片懒加载、雪碧图、字体图标iconfont的方式  来减少图片请求     2.css /js; 通过nginx服务器来做资源文件的合并或者通过webpack等打包工具进

  • 恩偶爱皮模拟尸体-292021-08-03 18:04:14

    水博客太快乐了。。。 RT 好几场模拟赛的博客都因为懒所以被咕掉了,也不打算补,就直接从新的比赛开始水吧。。。 因为用了 \(HZ\) 的电脑,换了输入法,所以标题也和原来不一样了。。。。 考场 先大概地看了一下三道题,发现 \(T3\) 可以大力树剖线段树,于是想也不想就开始写了。。。 写了

  • HTML2021-08-01 23:33:39

    1.行内元素和块级元素 //块级元素 //常见的块级元素h1-h6,div,p,ul,ol,li等 //1.独占一行 //2.宽度,高度,外边距及内边距都可以控制 //3.宽度是容器(父级元素)的100% //4.是一个容器盒子,里面可以放块和行内元素 //注意:文字类的元素不能使用块级元素如:p,h1-h6都是文字类块级元素,里面

  • 前端移动端轮播图2021-07-31 11:00:37

    css要点 外容器子绝父相,通过JS的offsetWidth设置wrapper的宽度 焦点图的ul(500%)、li(20%)、img(100%)设置百分制的宽度,并且ul初始的时候要margin-left: -100%; ul要手动清除浮动,因为li都float:left了,而ol里的li是通过display: inline-block;来使他一行显示的。 JS的要点 注意

  • JavaScript 16 JQuery 选择器、事件、操作DOM对象2021-07-29 16:01:01

    5.2 JQuery 选择器 JQuery 的选择器 必须全都是 “” 或 ‘’ 包含起来的,也就是我们 只接收 字符串形式的! 标签选择器 $('标签名')ID选择器 $('#id名')类选择器 $('.类名') JQuerty API 文档工具站 5.3 JQuery 事件 我们的 JQuery 是可以 接收 事件的!这就是 它的 强大之处

  • css用为标签制作导航栏2021-07-28 21:29:35

    效果图 顶部导航栏,当鼠标滑动到链接时,变为粉色背景颜色。 代码部分: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name=&quo

  • (一) css3选择器2021-07-27 17:33:34

    1. 属性选择器 根据元素的属性进行选择 示例 /* 1.选择所有带有 day 属性的元素 */ [day] { width: 200px; height: 200px; background-color: pink; } 2. 结构伪类选择器 当子元素标签一致时, 用哪个都一样 但是如果子元素不一致, 注意前三个和后三个的区别 示例 u

  • jquery事件绑定与事件委托2021-07-26 12:32:25

    事件 页面载入 ready(fn) //当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。 $(document).ready(function(){}) -----------> $(function(){}) 事件处理 $("").on(eve,[selector],[data],fn) // 在选择元素上绑定一个或多个事件的事件处理函数。 // .

  • 畅销书排行榜2021-07-26 11:01:59

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>制作畅销书排行榜页面</title> <style type="text/css"> h2 { width: 300px;

  • css选择器总结2021-07-25 22:33:50

    1.通配符选择器        *     =>表示选中页面中所有元素       ( 如下,页面所有标签中的文字都是蓝色) <style> * { color: blue; } </style> <div>这是div中的文字</div> <p>这是p中的文字</p> <a href="#">这是a中的文字</a> <h1>这是h1中的文字<

  • ul ol li2021-07-19 23:32:13

    ul是无序列表,全称是unordered list,先来个例子:    ●张三    ●李四    ●王二    ●刘五   ol是有序列表 ,全称是ordered list,同样举个例子:  1、张三  2、李四  3、王二  4、刘五这就是ul与ol的区别。ul与ol前的符号是可以修改的。只需要修改它们的type值。ul的

  • Dom——下拉菜单2021-07-17 22:00:33

    下拉菜单 案例展示 效果如上图所示,当鼠标经过最上面的内容时出现下拉菜单,鼠标移开则隐藏。当鼠标移动到下拉菜单的选项时该选项背景颜色改变,如下图所示。 核心思想 上方内容用ul和li,每个li内包含超链接a;下拉菜单部分也是用ul和li。为了能够让每个li都有鼠标经过事件,需要为

  • 0712 NOTE2021-07-17 16:02:40

    0712 NOTE 动画 DOM不适合做动画,多个动画都是集中在一个setInterval中 setInterval本身不断渲染,强行覆盖数据,不断地进行重绘或者回流,导致页面刷新频繁,屏幕闪烁 performance.now() //性能 requestAnimationFrame(animation) //请求动画帧 原生js轮播图 轮播图1 /*css样式*/

  • jQuery+css实现点击下拉列表2021-07-17 09:33:35

    jQuery+css实现点击下拉列表 实现效果: HTML代码如下: <section class="drop-down"> <ul> <li> <div class="dp-title open"> <img class="" src="

  • 求解!写了个轮播图,在谷歌浏览器和火狐浏览器100%缩放的时候,轮播图点击小圆点正常切换,但是在谷歌浏览器缩放小于100%的时候,轮播图切换到不了正确的位置?2021-07-15 13:02:20

    求解!写了个轮播图,在谷歌浏览器和火狐浏览器100%缩放的时候,轮播图点击小圆点正常切换,但是在谷歌浏览器缩放小于100%的时候,轮播图切换到不了正确的位置? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" conte

  • 项目总结12021-07-13 19:32:59

    1、你学会了什么? 从看到项目的第一眼,开始分析这个项目具体的功能模块有哪些,需要使用什么样的方式才能更加方便,同时,项目中的各个html文件、css样式文件、js文件应该怎样去整理才能更加的规范整洁,并且能快速找到相应的文件。 在项目的进行期间对class类名、id名进行系统性分

  • 亚马逊“血洗”卖家,产品无质检包括遭下架2021-07-12 18:01:20

    2021年最大的封号潮已经来了,有人对近期被封店的大卖进行了统计,发现竟多达12家,涉及品牌40余个,大部分是3C类产品。 据了解,近期亚马逊在3C认证品类吹的风可够大的,严查起UL测试报告了。许多卖家反映收到相关邮件通知,产品也由于在规定时间内无法提供UL测试报告,出现被暂停销售、listi

  • 对Ul下的li标签执行点击事件,并操作相关事件2021-07-07 22:34:49

    情景: 1.当点击当前元素增加addClass一个样式,并对其他的元素进行删除样式; 2.当点击某个元素,div盒子内容显示相应内容 <ul id="activeLi"> <li class="box">北京</li> <li class="box">广州</li> <li class="box">上海</li> <

  • 原生Js 实现的简单无缝滚动轮播图2021-07-07 19:03:41

    简单无缝滚动轮播图存在很多漏洞,就是后期增加图片时会很不方便,需要改动的地方也很多,耦合性也很强,只适用于一部分程序,所以我们可以通过改动图片结构和计算折算点的方式,升级代码。    原简单的滚动轮播代码   <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-

  • 10122. Sparse Matrix Multiplication2021-07-06 15:02:14

    https://judgegirl.csie.org/problem/0/10122 稀疏矩陣為大部份元素皆為零的矩陣,在科學與工程領域中求解線性模型時經常出現大型的稀疏矩陣。現在給予最常見的 Coordinate Format (簡稱 COO 格式),請問兩個矩陣相乘結果為何。給予矩陣 An,m 和 Bm,r,請計算稀疏矩陣相乘。 因为最近需

  • python测试开发django-101.Form渲染成HTML的格式(as_p,as_ul,as_table)2021-07-05 12:35:18

    前言 form表单类可以在模板中渲染成HTML的格式,在模板中一般可以用到这3个方法 {{ form.as_p }} 生成p标签 {{ form.as_ul }} 生成ul标签 需要自定义 ul {{ form.as_table }} 生成table表格 需要自定义 table 除了上面3个方法我们也可以在模板中自己去遍历form生成对应的标签 f

  • Python 爬虫(五):PyQuery 框架2021-06-28 15:55:21

        PyQuery 是仿照 jQuery 实现的,语法与 jQuery 几乎完全相同,如果你熟悉 jQuery,又不想再记一套 BeautifulSoup (Python 爬虫(三):BeautifulSoup 库) 的调用方法,那么 PyQuery 是一个很好的选择。 1 准备工作 1.1 安装 使用如下终端命令安装 pip install pyquery 安装完成后导包 from

  • 【Html】23 - flex弹性布局2021-06-28 12:32:01

    flex弹性布局 flex(flexible box)弹性盒子任何一个盒子都可以指定为flex布局 父级设置flex 布局以后,子元素的float、clear和vertical-align属性将失效。 display:flex的元素,称为flex容器(flex container); 它的所有子元素称为容器的项目(flex item) <!--父元素--> <ul> <!-

  • ASP.NET获取DataTable的值 与 动态添加ul,li列表2021-06-19 20:35:53

    .NET获取DataTable的值: 方法一: for (int i =0; i < dtb_xx.Rows.Count; i++ ) {   response.write dtb_xx.Rows[i]["szxxxx1"].ToString();   response.write dtb_xx.Rows[i]["szxxxx2"].ToString(); }   方法二: if (dtb_xx.Rows.Count > 0) {   foreac

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

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

ICode9版权所有