随笔分类 -  HTML

摘要:import React, { Component, Fragment } from 'react' import { Form, Button, Input, InputNumber } from 'antd' import DrawerArrow from './DrawerArrow' imp 阅读全文
posted @ 2021-01-14 15:27 Mr.曹 阅读(904) 评论(1) 推荐(1) 编辑
摘要:``` 你的浏览器不支持 canvas,请升级你的浏览器。 ``````var c = document.getElementById("myCanvas");var ctx = c.getContext("2d");/* beginPath(): 新建一条路径,路径一旦创建成功,图形绘制命令被指向到路径上生成路径 moveTo(x, y):... 阅读全文
posted @ 2020-02-28 15:18 Mr.曹 阅读(344) 评论(0) 推荐(0) 编辑
摘要:1. 开发环境 2. 项目功能 用户登录 邮箱注册 图形验证码 找回密码 修改密码 用户退出 3. 项目创建 首先创建项目: 创建app: (根目录新建apps文件夹,将以上 users 拖到 apps 下面) 文件路径设置: 在/settings.py中: 4. 用户Models 设计 可以选择在 阅读全文
posted @ 2019-04-19 16:49 Mr.曹 阅读(2617) 评论(1) 推荐(0) 编辑
摘要:html: js: // 初始化 echarts var realTimeInvokeChart = echarts.init(document.getElementById('realTimeInvoke'),'light'); var timeerOfRealtime; // 实时调用量 定时器 阅读全文
posted @ 2019-04-04 15:02 Mr.曹 阅读(5730) 评论(0) 推荐(0) 编辑
摘要:1. 选择需要的图标,添加到购物车 2. 打开购物车,添加至我的项目 3. 打开项目列表 更多操作 编辑项目 修改FontClass/Symbol前缀,自定义一个名称,例如:v icon custom 4. 点击下载至本地,解压文件后 将里面各个文件(除去demo_index.html和demo.c 阅读全文
posted @ 2019-03-09 18:37 Mr.曹 阅读(3474) 评论(0) 推荐(0) 编辑
摘要:1. 创建 loading 公用组件 loading效果如下: 需要在 login.vue 页面背景图完全加载完成之前显示上面的loading效果 2. login.vue 页面 阅读全文
posted @ 2019-02-01 15:31 Mr.曹 阅读(9730) 评论(0) 推荐(2) 编辑
摘要:``` 首页 姓名 身份证号 手机号 ... 阅读全文
posted @ 2019-01-22 08:43 Mr.曹 阅读(9111) 评论(0) 推荐(0) 编辑
摘要:通常在页面中,需要使页脚 footer 部分始终处于底部。当页面高度不够 100% 时, footer 处于页面最底部,当页面内容高于 100% 时,页脚元素可以被撑到最底部。 方法一:绝对定位 方法二: flex 布局 阅读全文
posted @ 2019-01-15 15:46 Mr.曹 阅读(2820) 评论(0) 推荐(0) 编辑
摘要:CSS calc() 函数 calc() 函数用于动态计算长度值。 注意,运算符前后都需要保留一个空格,例如:width: calc(100% 10px); 任何长度值都可以使用calc()函数进行计算; calc()函数支持 "+", " ", " ", "/" 运算; calc()函数使用标准的 阅读全文
posted @ 2019-01-07 13:11 Mr.曹 阅读(2169) 评论(0) 推荐(0) 编辑
摘要:1. 设备震动 vibrate Navigator.vibrate() 方法使设备(有震动硬件)产生有频率的震动。若设备不支持震动,该方法将无效。若某震动方式已经在进行中(当该方法调用时),则前一个震动方式停止,新的取而代之。 该方法若因为提供无效的参数使得无法使设备震动,它将返回false,否则返 阅读全文
posted @ 2018-12-19 10:39 Mr.曹 阅读(340) 评论(0) 推荐(0) 编辑
摘要:1. 在页面中引入友盟(CNZZ)统计的 JS 代码 2. 在页面的之前添加 “var _czc = _czc || [];”,用来声明_czc对象,API代码中都会使用到这个对象。 “_czc.push(["_setAccount", "XXXXXXXX"]);”用来指定需要哪个网站代码(site 阅读全文
posted @ 2018-12-14 16:36 Mr.曹 阅读(8338) 评论(0) 推荐(0) 编辑
摘要:当首页内容或图片比较多时,加载时间会比较长,此时可能出现页面白屏的情况,用户体验较差。所以,在页面完全加载出来之前,可以考虑加入loading效果,当页面完全加载完后,是loading消失即可。 1. 方法 html: 在页面开头部分加入: js: 在页面最后面引入: css: 2. 效果如图: 3 阅读全文
posted @ 2018-12-14 15:35 Mr.曹 阅读(11616) 评论(3) 推荐(3) 编辑
摘要:clip 属性 用于剪裁绝对定位元素。 scroll behavior: smooth; 作用在容器元素上,可以让容器(非鼠标手势触发)的滚动变得平滑。利用这个css属性可以一步将原来纯css标签直接切换,变成平滑过渡切换效果。 代码: 阅读全文
posted @ 2018-11-16 11:19 Mr.曹 阅读(3148) 评论(0) 推荐(0) 编辑
摘要:在提交 from 表单时,下面的 input 无法正常提交给后台, 发现,如果input的字段设为disabled,该表单是无法提交的。 解决方法 1. 将表单中字段 disabled 用 readonly 代替即可(如有需要,可以对该表单加上灰色的背景色) 2. 可以在写一个隐藏属性,一个用于传值 阅读全文
posted @ 2018-11-06 15:40 Mr.曹 阅读(4687) 评论(0) 推荐(0) 编辑
摘要:FormData对象用以将数据编译成键值对,以便用XMLHttpRequest来发送数据。其主要用于发送表单数据,但亦可用于发送带键数据(keyed data),而独立于表单使用。 jQuery Ajax 上传文件 通过 Ajax 向后台发送文件(包括图片)时,其参数类型属于对象。可以创建一个 Fo 阅读全文
posted @ 2018-11-01 09:50 Mr.曹 阅读(81765) 评论(2) 推荐(3) 编辑

点击右上角即可分享
微信分享提示