-
HTML表格标记教程(40):表头的暗边框色属性BORDERCOLORDARK
所属栏目:[编程] 日期:2020-03-29 热度:114
在表头中,可以单独定义暗边框色。 基本语法 TH Bordercolordark=color_VALUE 语法解释 定义颜色的时候,可以使用英文颜色名称或十六进制颜色值表现。 文件范例:10-38.htm 设定表头暗边框的颜色。 01 !-- ------------------------------ -- 02 !-- 文件[详细]
-
解决vscode 中保存后html自动格式化的问题
所属栏目:[编程] 日期:2020-03-29 热度:130
最近几天更新了 vsCode 的版本,目前所用的版本号为:1.43。其实每次更新 vsCode 版本号并没有感受到有什么明显的变化,只是日常顺手更新而已。而这一次 vsCode 真的是帮了我一个大忙。 众所周知我们写 html 页面经常会在元素上绑定很多属性或者是事件什么[详细]
-
html实现简单ListViews效果的实例代码
所属栏目:[编程] 日期:2020-03-29 热度:74
html实现简单ListViews效果 实现效果: css样式文件listviewTest.css body{background: whitesmoke;}#mainContentDiv{position: absolute;width : 70%;height :100%;background: whitesmoke;top: 10%;left: 10%;}.mainDivMainImgDiv{position: absolute;wi[详细]
-
HTMl 中marquee标签实现无缝滚动跑马灯效果
所属栏目:[编程] 日期:2020-03-29 热度:71
marquee标签,它是成对出现的标签,首标签marquee和尾标签/marquee之间的内容就是滚动内容。marquee标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等,它们都是可选的。 今天在做微信端[详细]
-
html符号转实体算法挑战
所属栏目:[编程] 日期:2020-03-29 热度:52
将字符串中的字符 、、、 (双引号), 以及 (单引号)转换为它们对应的 HTML 实体。 如果你被卡住了,记得开大招 Read-Search-Ask。尝试与他人交流编程思路、但编写你自己的代码。 例如: convert(Dolce Gabbana) 应该返回 Dolce amp; Gabbana。 convert([详细]
-
html随意拖动内容位置的两种实现方式
所属栏目:[编程] 日期:2020-03-29 热度:183
测试:chrome v80.0.3987.122 正常 两种方式为:拖拽普通标签位置或拖拽canvas中的文本框位置 1. 实现鼠标拖动标签元素到任意位置 演示地址 css 代码 #range {position: relative;width: 600px;height: 400px;margin: 10px;background-color: rgb(133, 246[详细]
-
HTMl中标签中li横向排列的实现示例
所属栏目:[编程] 日期:2020-03-29 热度:101
大多数的导航栏都是横向排列如下图所示,那么这究竟是怎么实现的呢?其实它主要运用ul标签中li的横向排列,下面以一个例子向大家详细讲解具体是如何实现的。 1编写横向菜单的HTML代码架构 ul id=menu lia href=http://www.jb51.net/web/http:/www.baidu.co[详细]
-
html 打印相关操作与实现详解
所属栏目:[编程] 日期:2020-03-29 热度:82
原理为调用 window.print() 方法,但是该方法只能对当前页面全部打印,所以有了以下方案来解决局部打印 1: 利用 iframe 将需要打印的元素和样式注入 再调用打印 // 示例代码function print () {let ifElement = document.getElementById('ifId')const addH[详细]
-
HTML中的块级、行级元素,特殊字符,嵌套规则
所属栏目:[编程] 日期:2020-03-29 热度:180
如果介绍HTML网页基本标签的嵌套规则,首先要说的就是元素的分类。元素可以划分为块级元素和行级元素,块级元素是什么?它可以独占一行,可以设置宽高度,默认是100%;行级元素与之相反,它的内容决定它的宽高度,至于特殊字符就当成是文字来看 !DOCTYPE h[详细]
-
HTML在透明输入框里添加图标的实现代码
所属栏目:[编程] 日期:2020-03-29 热度:141
最近在写一个律师推荐前台的网站,在上面搜索框这里出现了问题,我想把搜索的图标放在搜索框里面,但是弄了半天都不大如意 话不多说,我们直接进入主题 : 基本思路 其实就把输入框与后面的图标一起放在一个div里面,然后将输入框的border设置为0px,最后[详细]
-
Canvas 文字碰撞检测并抽稀的方法
所属栏目:[编程] 日期:2020-03-29 热度:148
碰撞检测 计算文字在 canvas 中所占据的范围 // 计算文字所需的宽度var p = { x: 10, y: 10, name: 测试文字};var measure = ctx.measureText(p.name);// 求出文字在 canvas 画板中占据的最大 y 坐标var maxX = measure.width + p.x;// 求出文字在 canvas[详细]
-
Html5 实现微信分享及自定义内容的流程
所属栏目:[编程] 日期:2020-03-29 热度:198
最近一个项目有一个微信分享并且需要自定义微信分享内容的需求,因为是第一次接触到微信分享,所以记录一下期间遇到的一些问题,以及完成功能的整个流程。 以下为大概流程(细节放在各个阶段) 安装 weixin-js-sdk 初始化微信分享 配置微信分享自定义内容([详细]
-
前端canvas动画如何转成mp4视频的方法
所属栏目:[编程] 日期:2020-03-29 热度:78
副标题#e# 用户通过上传合适尺寸的图片,选着渲染动画的效果和音乐,可以预览类似幻灯片的效果,最后点击确认生成视频,可以放到头条或者抖音播放。 生成视频可能的方案 纯前端的视频编码转换(例如WebM Encoder Whammy) 图片地址只能是相对地址 音乐不能收[详细]
-
详解FireFox下Canvas使用图像合成绘制SVG的Bug
所属栏目:[编程] 日期:2020-03-29 热度:77
所有的事情都会有一个起因。 最近产品上需要做一个这样的功能:给一些图形进行染色处理。想想这还不是顺手拈来的事情,早就研究过图形染色的技术。于是我把之前写好的两种算法发给了小伙伴,让他参照实现,第一种算法是操纵像素、第二种使用了图像合成:gl[详细]
-
canvas实现有递增动画的环形进度条的实现方法
所属栏目:[编程] 日期:2020-03-29 热度:179
副标题#e# 高清大图! 码农多年,老眼昏花,动图看不清?!那就看静态截图!!! 不同分值效果如下: 看完了卖家秀,我们来看产品的制作过程吧! canvas绘制圆环1、vue中,template lang=pug里的代码如下: canvas#baseCanvas是底部的灰色圆环 canvas#myCan[详细]
-
Html5新增标签与样式及让元素水平垂直居中
所属栏目:[编程] 日期:2020-03-29 热度:186
1、利用table标签,自带的功能 style.parent{border: 1px solid red;height: 500px}.child{border: 1px solid black}/stylebody!-- --table class=parenttrtd class=child测试 测试 测试 测试 测试 测试 测试 测试 测试 测试 测试 测试 测试 测试 测试 测[详细]
-
利用canvas实现图片下载功能来实现浏览器兼容问题
所属栏目:[编程] 日期:2020-03-29 热度:146
前言:项目中需要实现图片下载功能,第一个想到的是使用a标签的download属性来实现,但是在不同浏览器下测试会发现,有的浏览器无效,点击后直接预览图片,所以,上网找到了另外一种兼容不同浏览器的图片下载的方法,那就是利用canvas来处理图片,实现下载[详细]
-
HTML5印章绘制电子签章图片(中文英文椭圆章、中文英文椭圆印章)
所属栏目:[编程] 日期:2020-03-29 热度:92
副标题#e# 印章图片的采集两种互补方式: 方式1:在线生成印章图片方式,但是这种方式有个弊端,对印章中公司名称字数有限制,字数越多可能就完蛋了。 方式2:上传印章扫描件,系统来对扫描图片进行处理,提取扫描件中的印章图片。 本文介绍方式1,方式2待[详细]
-
详解利用canvas实现环形进度条的方法
所属栏目:[编程] 日期:2020-03-29 热度:108
前提:有时候在项目中会有用到进度条的情况,使用css3也可以实现,但是对于性能不好的设备,或者网络不好的情况下,卡顿现象非常明显,避免出现不流畅的尴尬情况,所以记录一下,使用canvas来实现的方法。 效果图 DOM中,首先定义canvas画板元素: canvas[详细]
-
socket.io 和canvas 实现的共享画板功能
所属栏目:[编程] 日期:2020-03-29 热度:98
起初只是想要写个简单的画板,后面不知不觉的想起石墨文档有一个白板功能,就想将当前这个画布功能,开发成一个简易版的协作画板。 在线演示:努力部署中,目前需要clone到本地运行。 git 地址 2、运行 git clone repositorynpm install#对于开发阶段:#前[详细]
-
OPPO闪充科学家:40W无线快充年内商用
所属栏目:[编程] 日期:2020-03-28 热度:132
为了弥补手机电池的续航问题,手机厂商一边在研究新电池,一边还在发力快速充电技术,手机有线充电技术已经实现了65W,目前商用最高的无线充电技术也已经冲上了30W。在2019年OPPO闪充技术沟通大会上露面的OPPOVOOC闪充首席科学家张加亮在微博表示:“听产[详细]
-
相机上的旋转轮:华为Mate 40具有圆形触摸显示屏吗?
所属栏目:[编程] 日期:2020-03-28 热度:159
虽然华为P40系列的到来只有一天的路程,但对于Mate 40 Pro,华为可能会感到有些奇怪。基于Mate 30 Pro的后置摄像头阵列,该渲染图基于2020年旗舰旗舰产品的最新专利申请,还具有圆形辅助显示屏。 华为倾向于为其Mate系列保留最先进的硬件,但是即使按照Mat[详细]
-
App Store现在在更多国家/地区可用,新增20个国家/地区加入
所属栏目:[编程] 日期:2020-03-28 热度:119
近期,苹果公司在开发者网站上发布了一条通知,指出该App Store将现已拓展至新增国家。 苹果表示:到目前为止,这个可公开访问的平台仅通过应用和应用内购买就为开发人员带来了1,550亿美元的收入。目前,App Store可以连接到175个国家和地区的用户,但是Ap[详细]
-
全接口高颜值 VAIO SX12满足你的所有想象
所属栏目:[编程] 日期:2020-03-28 热度:92
在对笔记本进行选择上,每个人都有自己的需求,或是为了性能,亦或是为了便携程度等等....然而,有很多的人了解自己的痛楚与需求,却不知道该怎么选择。 VAIO SX12 2020(VJS122C0711P) 酷睿十代处理器,核芯显卡,IPS显示屏,背光键盘 [经销商] 京东商城 [[详细]
-
敌军还有三十秒到达战场 这几款游戏本赶快买
所属栏目:[编程] 日期:2020-03-28 热度:89
在游戏界有这么一句话,那就是快是一切的前提。当然,在笔者看来这是在任何行业都适用的通率,比如在球场上,速度快就能够抵消你在技术上的短板;在电竞领域的PK也是一样,假若在敌军到达战场前你早早就进行部署,可能会助力你最终赢得胜利。不过,很多玩[详细]
