- 综合排序
- 最热优先
- 最新优先
- 来自专栏Java
动态水滴页面
HTML+CSS实现动态水滴的登录页面 参考素材 获取盒子形状通过这个网站可以执行设置@keyframes move 中的属性。 效果展示 HTML骨架 <! DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-<em>8</em>"> <meta http-equiv="X-UA-Compatible 设置内边距 */ padding: 0 35px; /* 去除边框 */ border: none; /* 设置背景颜色 */ background: #F<em>8</em>F9F9 /* 设置为绝对定位 */ position: absolute; /* 设置盒子放在中间的位置 */ left: 50%; top: 50%; /* 设置<em>动态</em>效果
69900编辑于 2025-01-21 - 来自专栏Java
登录页面(动态背景)
第一步:构建HTML框架 简介：本文用最通俗的语言，一步步教会大家CSS构建登录页面。 首先构建HTML框架，包含用户名，密码，记住密码，注册这几个功能。 /* 去除边框 */ border: none; /* 设置背景颜色 */ background: #F8F9F9 /* 去除边框 */ border: none; /* 设置背景颜色 */ background: #F8F9F9 /* 去除边框 */ border: none; /* 设置背景颜色 */ background: #F8F9F9 DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-<em>8</em>"> <meta http-equiv="X-UA-Compatible
1.2K00编辑于 2025-01-21 用JavaScript制作动态表白页面
分享出来给大家参考，也期待大佬们给出更好的实现方案～ ### 实现效果: 在屏幕内随机出现div盒子,位置随机,内容随机选,要求动态的一个个浅出 **css部分** div { width: 200px 你是我最珍贵的宝藏']; //背景颜色 let colors = ['#FF5733','#33FF57','#3357FF','#F333FF','#33FFF5','#F5FF33','#FF33A8' ,'#A833FF','#33FFA8','#FFA833']; **实现思路** 1. colors.length)];//选取随机颜色 hzh.style.opacity = '0'; // 初始透明度 document.body.appendChild(hzh);//将创建的元素添加到页面
24510编辑于 2025-10-31- 来自专栏python3
Splash抓取javaScript动态渲染页面
我们来看看页面：这是由于每一条名人名言是通过客户端运行一个Js脚本动态生成的。 修改文件quotes.py # -*- coding: utf-8 -*- import scrapy from scrapy_splash import SplashRequest #重新定义了请求 重新定义起始爬取点 for url in self.start_urls: yield SplashRequest(url, args={'timeout': 8, 'images': 0}) 修改items.py # -*- coding: utf-8 -*- # Define here the models for your scraped items # content = json.dumps(dict(item), ensure_ascii=False) + ',\n' self.f.write(content.encode('utf=8'
3.8K30发布于 2020-10-26 - 来自专栏sktj
flask html页面中放动态链接
{% block head %} {{ super() }} <link rel="shortcut icon" href="{{ url_for('static', filename = 'favicon.ico') }}" type="image/x-icon"> <link rel="icon" href="{{ url_for('static', filename = 'favicon.ico') }}" type="image/x-icon"> {% endblock %} url_f
3.4K30发布于 2019-07-08 - 来自专栏python进阶学习
python如何获取动态页面数据
在日常使用python爬取数据的时候会遇到一些动态页面，有些网页的HTML代码是由javascript动态生成的，直接爬取可能会出现无法加载的情况，需要用phantomJS和selenium模拟浏览器， 有时候窗口中有很多子tab页面，这些都是需要进行切换的。 selenium提供了一个叫做switch_to_window来进行切换，具体切换到哪个页面，可以从driver.window_handles中找到。 示例代码如下# 打开一个新的页面self.driver.execute_script("window.open('"+url+"')")# 切换到这个新的页面中self.driver.switch_to_window
2.1K60编辑于 2023-06-05 - 来自专栏哈利迪ei
Android | Tangram动态页面之路（二）介绍
delegateAdapter.setAdapters(adapters); recyclerView.setAdapter(delegateAdapter); 可以看到，随着布局样式越来越多，代码量也会越来越多，于是，用json模板描述页面的 Tangram的意思是七巧板，旨在用七巧板的方式拼凑出各式各样的页面。 值得注意的是，TangramDemo里的json模板都是包含了业务数据的，这么做可能是为了剔除掉网络请求的代码，方便开源学习，而在实际业务中不太可能把数据绑定在模板里，这样模板会很臃肿，我们要做的是，用模板描述页面结构和数据源 recommend" //数据来源于request，key为recommend } ] } 既然json模板可以由后端下发，也就意味着，我们可以让运营同学通过后台拖动模块搭建页面 vlayout的介绍就到这里了，下篇文章将对Tangram的使用进行更详细的讲解，点关注，不迷路~ 参考文章 苹果核 - Tangram 的基础 —— vlayout（Android） 苹果核 - 页面动态化的基础
1.1K21发布于 2020-08-10 - 来自专栏哈利迪ei
Android | Tangram动态页面之路（三）使用
{ "imgUrl": "https://www.wanandroid.com/blogimgs/90c6cc12-742e-4c9f-b318-b912f163b8d0 { "imgUrl": "https://www.wanandroid.com/blogimgs/90c6cc12-742e-4c9f-b318-b912f163b8d0 Override public void cellInited(BaseCell cell) { setOnClickListener(cell); } 比如商城首页，大多数模块都是点击进行页面跳转 ，行为比较单一，不需要每个Cell都去做点击事件，SimpleClickSupport就能很好的支持，在defaultClick里取出页面短链进行跳转即可，如， public class MyClickSupport BaseCell cell, int eventType) { super.defaultClick(targetView, cell, eventType); //取出页面短链
1K10发布于 2020-08-10 - 来自专栏全栈程序员必看
静态页面和动态页面的区别在于_超链接属于静态网页还是动态网页
什么是静态页面？什么是动态页面？两者有什么区别？很多不了解前端技术的人可能会认为静态页面就是一个内容固定不变，没有任何效果的页面，而动态页面则是页面非常丰富，有各种交互效果和动态效果的页面。 通过本篇文章的阅读，详细为大家分享一下静态页面和动态页面到底是什么，两者有什么区别。 什么是静态页面和动态页面？ 为了更好地认识理解静态页面和动态页面，我们重点了解一下两者之间的区别。 首先静态页面和动态页面的工作原理不同。 静态页面和动态页面的交互性差异 静态页面以展示为主，用户仅仅是通过页面获取相应的内容，而动态页面允许用户主动参与到页面之中，例如登录功能、查询功能、定制化页面内容等等。 而动态页面的URL包含“？”，并且一般以.asp/.php/.jsp等扩展名结尾。当然我们并不能够直接通过一个网页的URL来判断这个页面是静态页面还是动态页面。
1.2K30编辑于 2022-11-01 - 来自专栏全栈程序员必看
ue4动态加载模型_U3D动态页面
关于动态资源生成的几种方式 资源加载远不止我列出这几种方式，会有更多。 1>代码方式如何Spawn蓝图类？ ::LoadTexture(FString fullPath) { RETURN_NULL_IF_FALSE(FPaths::FileExists(fullPath)); TArray<uint8> RETURN_NULL_IF_FALSE(ImageWrapper->SetCompressed(RawFileData.GetData(), RawFileData.Num())); TArray<uint8> UncompressedBGRA; RETURN_NULL_IF_FALSE(ImageWrapper->GetRaw(ERGBFormat::BGRA, 8, UncompressedBGRA)) UTexture2D* result = UTexture2D::CreateTransient(ImageWrapper->GetWidth(), ImageWrapper->GetHeight(), PF_B8G8R8A8
1.1K30编辑于 2022-11-09 - 来自专栏开心分享-技术交流
js实现HTML页面时钟动态显示
DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-<em>8</em>"> <title>Title</title> </head> <body DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-<em>8</em>"> <title>Title</title> </head> <body
9.2K30发布于 2020-08-05 - 来自专栏哈利迪ei
Android | Tangram动态页面之路（一）需求背景
本系列文章主要介绍天猫团队开源的Tangram框架的使用心得和原理，由于Tangram底层基于vlayout，所以也会简单讲解，该系列将按以下大纲进行介绍： 需求背景 页面模板的多维度定投（分时、分人群等 页面定投 大家都知道，电商行业喜欢造节，从双11双12，到现在的321、618、921等，几乎一年四季都会有营销活动，这些活动能带动GMV持续造血。一场大促，通常会分预热期和正式期。 也就是说，需要足够灵活的页面模板，满足不同时间，不同人群（如多人多面）展示不同结构的页面。当然这点h5也能做到，但是h5体验要差于native，一般用于临时活动页或高度灵活的页面。 像商城首页，商品详情等相对稳定的页面，对灵活性的要求并非无限制的，只要各模块足够抽象、细粒度，native也是可以满足日常和大促需求的。 至此，我们会发现，页面模板不仅要描述页面结构，还要描述各模块所需的数据来源。
1.3K40发布于 2020-08-10 - 来自专栏偏前端工程师的驿站
静态页面设置缓存、动态页面设缓存（不断更新中。。。。）
1.静态的html页面想要设置使用缓存：<meta http-equiv="expires" content="utc时刻"/>，目前我只明确该方法可行。 2.动态页面使用缓存：在页面上使用<meta http-equiv="expires" content="utc时刻"/>和<meta http-equiv="cache-control" content ="max-age=时间"/>并不使动态页面使用缓存，要在后台代码段Response.AddHeader("cache-control","max-age=时间（单位：秒）")或Response.Expires 注意：动态页面的内容可能时时刻刻都在变化，所以一般不设定缓存，而是设定一个lastmodified时间和Etag来标识文件是否有更新，如果更新了就重新生成一个页面返回客户端，如果页面没有更新就返回304
3K80发布于 2018-01-18 - 来自专栏青梅煮码
动态修改Vue项目中的页面title
Vue.directive('title', { inserted: function (el, binding) { document.title = el.dataset.title } }) 二、在某个页面最大的
1.5K40编辑于 2023-03-13 - 来自专栏前端三元同学
懒加载 React 长页面 - 动态渲染组件
在这种情况下，如果一次性将页面全部渲染，可想而知，我们的页面直出效率（fmp, fid）会受到影响。 为了更好的用户体验，我们需要考虑在用户滚动到下一屏时，渲染下一屏的组件。 ? 设计思路 假设页面预期渲染 n 个组件，每个组件均会触发请求其他接口。设计这样一个长页面，我们主要会面临以下两个问题： 渲染下一屏组件的时机应该如何判断？ 监听滚动优化 在滚动时会频繁触发 scrollRenderHandler 函数，导致页面性能低下。 症结分析 至此，随着屏幕滚动，我们基本完成了组件动态渲染的要求。但还有另外一个问题：随着滚动，相同的数据接口请求了多次。 ? ? 如上图，同一楼层的接口被请求了两遍。 intersectionobserver_api.html [7] 精读《react-intersection-observer 源码》: https://zhuanlan.zhihu.com/p/149926289 [8]
4.4K40发布于 2021-04-30 - 来自专栏哈利迪ei
Android | Tangram动态页面之路（五）Tangram原理
本系列文章主要介绍天猫团队开源的Tangram框架的使用心得和原理，由于Tangram底层基于vlayout，所以也会简单讲解，该系列将按以下大纲进行介绍：
1.4K50发布于 2020-08-10 - 来自专栏算法与编程之美
微信小程序|页面动态更新数据
问题描述 每一个小程序都是由很多的数据构成的，这些信息数据构成页面内容再通过视图展现给大家。大家平时所使用的微信小程序都是实时更新的将最新的数据内容分享给大家。 那么如何对小程序的数据进行页面动态更新呢？ 解决方案 更新数据并让框架自动更新相关视图需要用到this.setData（）方法。 在js中定义一个this.setData（）事件然后绑定到视图按钮上，这样当我们点击页面中的按钮时就可以实现数据更新。 （以下例子是对上一期微信小程序的后续完善，有与本文章无关且不懂的内容可以查看小编往期的小程序文章有详细介绍） （1）首先在wxml中对页面内容进行设置，并创建一个button按钮 bindtap="f1 imagePath: "/pages/img/小说2.jpg" }, { name: "《家》", comment: "入选20世纪中文小说100强（第8位
8.7K20发布于 2020-04-28 - 来自专栏啄木鸟软件测试
Python下利用Selenium获取动态页面数据
这种情况下有如下几种方法： 清空网页上的network信息，更新页面，观察网页发送的请求，有些网站可以通过这种方法构造参数，从而简化爬虫。但是适用范围不够广泛。 xmlname=1465594312346（最新测试发现网站已无法打开，2021年5月25日） 学习示例时请不要爬取太多页面，走一遍流程了解怎么抓就行。 在这个网站中，点击下一页页面的url不发生变化，是通过执行一段js代码更新页面的。因此本文思想就是利用selenium模拟浏览器进行点击，点击“下一页”后页面数据进行更新，获取更新后的页面数据即可。 下面是完整代码： # -*- coding:utf-8 -*- import requests from bs4 import BeautifulSoup import json import time from selenium import webdriver import sys reload(sys) sys.setdefaultencoding( "utf-8" )
3.9K30发布于 2021-07-22 - 来自专栏哈利迪ei
Android | Tangram动态页面之路（四）vlayout原理
本系列文章主要介绍天猫团队开源的Tangram框架的使用心得和原理，由于Tangram底层基于vlayout，所以也会简单讲解，该系列将按以下大纲进行介绍：
1.3K40发布于 2020-08-10 - 来自专栏哈利迪ei
Android | Tangram动态页面之路（六）数据分离
数据分离 前面的文章提到过，在实际业务中不太可能把数据绑定在模板里，这样模板会很臃肿，我们要做的是，用模板描述页面结构和数据源，而非数据本身，因此需要将数据剥离出来。 运行效果： ? 重点看页面结构即可，远程模板调整了Card顺序、4列布局改成5列、改了文本颜色和瀑布流item背景色。 动态合并数据 参考官方Demo，首先想到的方法是，动态来合并数据，也就是按如下思路， ? /www.wanandroid.com/article/list/%s/json", //模板名字 "templateName":"net_shopping_home", //页面结构 { "imgUrl":"https://www.wanandroid.com/blogimgs/62c1bd68-b5f3-4a3c-a649-7ca8c7dfabe6
1.1K10发布于 2020-08-10
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号