HTML+css 小组件

1.三角代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #sj{ width: 0px; border:100px solid transparent; border-top: 100px solid #0000FF; } #sj1{ wi…

一个loading的小组件, 给其他模块调用.先上图 type:cat type:ball 第一幅loading,老鼠是一个圆形的背景图片,已经转成base64. 小猫也是图片也已经转成base64. 老鼠的父div,一直在rotate. 小猫的眼珠,是不动的.动的是小猫的眼球div,眼球div一直在rotate,眼珠是绝对定位在眼球的底部,这样眼球转起来的时候,给人的感觉就是眼珠再转. 第二幅loading的小球也是上面这个原理. 文字的动画,是用宽度,和透明度的变化来实现的. 源代码 c…

jQuery实现淘宝购物车小组件

我爱撸码,撸码使我感到快乐! 大家好,我是Counter,本章将实现淘宝购物车小组件, 用原生js可以实现吗,当然可以,可是就是任性一回,就是想用jQuery 来实现下.HTML代码不多才4行,CSS样式也不多,主要是功能,你要是能在里面输入除了0~20的整数, 算我输,嘿嘿.主要需求就是购物车里的商品可以是0到20件,少了不行,多了装不下,就是这样.(记得如果有bug就留言我哦,我快马加鞭改bug,不过不能有bug,自信...) 效果如下: 主要是jQuery部分,每一行都有详细注释,欢迎一…

jq 自定义标注小组件 $.widget

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> <meta http-equiv="…

[Asp.net core 3.1] 通过一个小组件熟悉Blazor服务端组件开发

通过一个小组件,熟悉 Blazor 服务端组件开发.github 一.环境搭建 vs2019 16.4, asp.net core 3.1 新建 Blazor 应用,选择 asp.net core 3.1. 根文件夹下新增目录 Components,放置代码. 二.组件需求定义 Components 目录下新建一个接口文件(interface)当作文档,加个 using using Microsoft.AspNetCore.Components;. 先从直观的方面入手. 类似 html 标签对的…

css小技巧（1）

1.-webkit-overflow-scrolling: touch; 解决ios滑动时无缓冲问题 2.::-webkit-scrollbar 设置ios滑动时是否显示滚动条 3.::selection 选中文字时文字颜色和选中色 <!doctype html> <html> <head> <meta charset="utf-8"> <meta content="width=device-width,initial-s…

iOS阶段学习第34天笔记(UI小组件 UISegment-UISlider-UIStepper-UIProgressView-UITextView介绍)

iOS学习(UI)知识点整理一.UI小组件 1.UISegmentedControl 分段选择器实例代码 - (void)viewDidLoad { [super viewDidLoad]; //分段选择器 //在iOS6里,每个段的宽度会根据字数来决定 //iOS7以后,每个段的宽度相同,宽度取决于最长的字数 self.view.backgroundColor=[UIColor whiteColor]; seg=[[UISegmentedControl alloc]initWithIte…

HTML+CSS小实战案例

HTML+CSS小实战案例登录界面的美化,综合最近所学进行练习网页设计先布局,搭建好大框架,然后进行填充,完成页面布局 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>实验</title> <style type="text/css"> *{…

CSS小tip整理

CSS小tip整理 1.利用css在列表靠头和末尾添加箭头: /* 左箭头*/ ol a[rel="prev"]:before { content: "\00AB"; padding-left: 0.5em; } /* 右箭头*/ ol a[rel="next"]:after { content: "00BB"; padding-right: 0.5em; } 2.让父元素包含浮动的子元素: 添加一个进行清理的元素让父元素浮…

Widget小组件

一.使用步骤: 1.建立Widget的样式布局文件widght,布局只支持几种,比如,相对布局,线性布局,帧布局,布局里支持的控件也是有限的. 2.在res下建立一个新的文件夹我的命名为xml 3.在新建立的xml文件夹里建设一个Widget的.XML配置文件,weather.XML 4..XML配置文件里要写上必要的一些属性 android:minWidth="200dp" android:minHeight="400dp" androi…

.Net用户使用期限的设置、限制通用小组件

.Net用户使用期限的设置.限制通用小组件最近比较项目组的同事都比较烦,不断的穿梭在不同的项目之间,一个人同时要兼顾多个项目的维护修改.甚至刚放下这个客户的电话,另一个客户的电话就进来了.究其原因,相比很多人都深受其苦,“收尾款”``````` 看着商务部,不断发过来的项目维护文档,同时伴随着客户不断的承诺,这批维护好就结尾款....我们为之奋斗了一天又一天```` 终于,商务部的老大火了,为了每个客户剩余的那些尾款,投入的精力,都足赶上承接一个新的客户的项目开发精力啦.商务老大丢出很霸气的一…

JQuery-常用小组件

常用的小组件记录 1. 单选框.复选框重置样式效果参考: http://www.cnblogs.com/sanshi/p/4369375.html 三生石上参考: http://www.jq22.com/demo/checkbox20151229/ jQuery 插件库 2. 下拉列表参考: http://www.dowebok.com/demo/196/ 下拉框 3. tab 切换参考: http://sc.chinaz.com/jiaoben/120921091090.htm 站…

css小细节罗列

有空时候把一些常见可能不是每个人都知道的css小细节总结了下,共勉. 1.line-height 众多周知,line-height是行高的意思,我们时常会使用类似line-height:24px;这样的代码来设置绝对的行高.但是当我们的需求改变,字体大小变动的时候,可能我们还需要再次改动行高,那么现在我们可以使用直接设置数字来设置行高,当我们使用纯数字来设置行高的时候,它相对于的是字体大小的倍数,也就是说下面的h4其实设置的行高也是12*2px就是24px.这样设置的好处是当我们在改变字体大小的…

css小随笔（二）与通用样式

51先在学校HTML5已经有半个多月了,然后这个星期做了一个京东的手机网站,接触到了通用样式,下面以京东的手机站为例这两个就是京东手机站了的不同的两个板块,因为HTML5仅仅只是学完了基本标签跟css的标签,所以在没有接触通用样式之前很可能就是这两个板块就是两个不同的代码了,然后就会导致css文件里面的代码会非常的多,也会是比较混乱的,不能够清楚明了的看懂.而且应用的通用样式就是可以用一套代码来搞定各个类似板块,并且每个板块不同的地方仅仅需要微调就可以了.这样不仅仅使代码明了,而且还会很省事,…

iconfont字体图标和各种CSS小图标

前言:这是笔者学习之后自己的理解与整理.如果有错误或者疑问的地方,请大家指正,我会持续更新! iconfont字体图标我们的需求中,很多时候会看到一些小的图形,或者叫图标,比如天猫网站中: 这些小图形我们可以用图片代替,通常我们是把这些图形切图之后做成精灵图(又叫雪碧图): 精灵图的原理:把很多小图片集合成一张大图片,然后用设置背景图的位置来显示图片: 精灵图的优点:减少服务器的请求次数,降低服务器压力: sprites是一款很好的精灵图制作工具: 当然还有其他的方法可以制作这些…

Android Widget小组件开发（一）——Android实现时钟Widget组件的步骤开发，这些知识也是必不可少的！

Android Widget小组件开发(一)--Android实现时钟Widget组件的步骤开发,这些知识也是必不可少的! PS:学习自某网站(不打广告) 这个小组件相信大家都很熟悉吧,以前的墨迹天气的时候我也经常用,现在好像很少有软件用了,个人感觉吧-他对于一个用户而言来说是十分方便,快捷的,而且我们可以定制一些各种各样的开关等等等等-. 我们新建一个工程--Widget > 一.开发步骤 1.绘制Widget布局(比较局限性的View) 2.配置Widget的属性 3.自定义APPwidge…

Android开发工程师文集-1 小时学会Widget小组件开发

前言大家好,给大家带来Android开发工程师文集-1 小时学会Widget小组件开发的概述,希望你们喜欢学会用Widget (小组件) Widget小组件很方便,很快捷,可以个性化,自己定制,相关功能,可以实时更新最新内容. Widget布局,Widget配置,AppWidgetProvider与Configuration Activity Android Widget xml布局类型:AppWidget Provider <appwidget-provider xmlns:android…

python测试开发django-45.xadmin添加小组件报错解决

前言 xadmin首页上有个添加小组件按钮,打开的时候会报错"render() got an unexpected keyword argument 'renderer'" 环境: python3.6 django 2.1.2 xadmin 2 遇到问题在xadmin后台首页点"添加小组件" 出现报错:"render() got an unexpected keyword argument 'renderer'" 解决办法 extra_apps…

CSS 小技巧

CSS 小技巧一.边框内圆角我们在设计例如按钮等控件的时候,会遇到这样的设计:只有内侧有圆角,而边框或者描边的四个角还是保持直角的形状,用以下代码可以轻松的实现. #wrapper { width: 200px; height: 80px; padding: 10px; background: rgb(255, 187, 51); #content { display: flex; justify-content: center; align-items: center; height: 1…

html+css小总结

html+css小总结 1.块级元素 <div> <h1> <hr /> <p> <pre> <ol> <ul> <li> <dl> <dt> <dd> <table> <tr> <td> <colgroup> <col> <form>等会换行,想在同一行显示需浮动或者display: inline 2…

【前端词典】几个有益的 CSS 小知识

今天偷个懒,不长篇大论,分享几个你可能不知道的 CSS 小知识. 样式的顺序 CSS 代码: HTML 代码: 记得之前这是一道比较火的 CSS 考题,当时好像是有不少的人答错(30% 以上) 答案你们应该是知道的. 可以这样提升 CSS 性能后代选择器样式选择器中间的空格是什么?它的名字是 —— 后代选择器. 为什么会更消耗性能呢? 因为浏览器首先会找到所有p标签,然后再向上查找包含class为div标签.这样一来如果代码中有很多p标签,无疑是会做很多重复工作的. 所以可以减少使用…

Vue框架——页面组件中使用小组件

小组件在components文件夹中,页面组件在views文件夹中一.先写小组件的vue,比如text.vue(在template设置模板渲染,style设置样式) <template> <div class="text"> <p>tttt</p> </div> </template> <script> export default { name: "text" } </sc…

python测试开发django-43.xadmin添加小组件报错解决

前言 xadmin首页上有个添加小组件按钮,打开的时候会报错“render() got an unexpected keyword argument 'renderer'”环境:python3.6django 2.1.2xadmin 2 遇到问题在xadmin后台首页点“添加小组件” 出现报错:“render() got an unexpected keyword argument 'renderer'” 解决办法 extra_apps目录找到xadmin/views/dashboard.py…

几个有益的 CSS 小知识

样式的顺序 CSS 代码: HTML 代码: 记得之前这是一道比较火的 CSS 考题,当时好像是有不少的人答错(30% 以上) 答案你们应该是知道的. 可以这样提升 CSS 性能后代选择器样式选择器中间的空格是什么?它的名字是 —— 后代选择器. 为什么会更消耗性能呢? 因为浏览器首先会找到所有p标签,然后再向上查找包含class为div标签.这样一来如果代码中有很多p标签,无疑是会做很多重复工作的. 所以可以减少使用 HTML 标签来定义 CSS 的方式,换成使用具体的class.…

css 小图标 & iconfont 字体图标

前言:这是笔者学习之后自己的理解与整理.如果有错误或者疑问的地方,请大家指正,我会持续更新! iconfont 字体图标我们的需求中,很多时候会看到一些小的图形,或者叫图标,比如天猫网站中: 这些小图形我们可以用图片代替,通常我们是把这些图形切图之后做成精灵图(又叫雪碧图): 精灵图的原理:把很多小图片集合成一张大图片,然后用设置背景图的位置来显示图片: 精灵图的优点:减少服务器的请求次数,降低服务器压力: sprites 是一款很好的精灵图制作工具: 当然还有其他的方法可以制作…

Android-Widget桌面小组件

1, 掌握Widget的用:Widget的用途,能够添加到手机桌面的程序 2, Widget的特点和用法步骤: 特点:快捷,方便,个性化,可自定义功能,可及时控制更新Widget显示内容 3, 用法步骤流程图绘制Widget布局配置Widget的基本属性定义AppWidgetProvider 提供Configuration Activity 4, Android Widget实现一个基础的时钟功能效果: 可以自动更新时间可以添加和删除时钟Widget 5, 完整代码: package…

DRF之Jwt 实现自定义和DRF小组件及django-filter插件的使用

一.DRF之Jwt 实现自定义二.DRF(过滤,排序,分页)组件三.Django-filter插件的使用和自定义 """ 1.drf-jwt手动签发与校验 :只是做token的产生和提高效率缓解服务器的压力检验用户的的合法性(tokenbase64反解析) 2.drf小组件:过滤.筛选.排序.分页 => 针对与群查接口 """ 一.drf-jwt手动签发与校验事前准备工作 1.1url 获取token 用户登录成功就可以获取to…

drf-jwt手动签发与校验，drf小组件：过滤、筛选、排序、分页

复习 """ 频率组件:限制接口的访问频率源码分析:初始化方法.判断是否有权限方法.计数等待时间方法自定义频率组件: class MyThrottle(SimpleRateThrottle): scope = 'sms' def get_cache_key(self, request, view): # 从request的 query_params.data.META 及 view 中获取限制的条件 return '与认证信息有关的动态字符串' settings文件中要…

常用的CSS小技巧

实际开发过程中会遇到一些需要用CSS小技巧处理的布局问题,现在分享几个个人工作中遇到的小问题和解决方案. 1.inline元素间的空白间隙这里要介绍一个神器font-size:0. 如果你写了个列表,因为元素节点有文本节点,在缩进代码时会占据宽度,比如: <ul> <li>我是第一项</li> <li>我是第二项</li> <li>我是第三项</li> <li>我是第四项</li> </ul…

IOS Widget（3）：SwiftUI开发小组件布局入门

引言经过上一篇文章,我们已经可以在桌面上展示出一个小组件出来了,你肯定想小试牛刀,动手改一改,那我们就从改小组件的布局做起吧.本文不会讲解Swift语法,如果是熟悉Flutter,Kotlin这种语言的,问题也不大.本文只讲解小组件中常用的SwiftUI组件. 本文大纲小组件布局怎么区分组件型号:大中小常用基础组件 Text Image 常用容器组件 ZStack VStack HStack 常用属性:充满父布局文字内部居中等分剩余空间(Spacer) 小组件布局怎么区分组件型号:…