-
解决vscode 中保存后html自动格式化的问题
所属栏目：[编程] 日期：2020-03-29 来源：DaWei
最近几天更新了 vsCode 的版本，目前所用的版本号为：1.43。其实每次更新 vsCode 版本号并没有感受到有什么明显的变化，只是日常顺手更新而已。而这一次 vsCode 真的是帮了我一个大忙。 众所周知我们写 html 页面经常会在元素上绑定很多属性或者是事件什么[详细]
-
html实现简单ListViews效果的实例代码
所属栏目：[编程] 日期：2020-03-29 来源：DaWei
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 来源：DaWei
marquee标签，它是成对出现的标签，首标签marquee和尾标签/marquee之间的内容就是滚动内容。marquee标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等，它们都是可选的。 今天在做微信端[详细]
-
html符号转实体算法挑战
所属栏目：[编程] 日期：2020-03-29 来源：DaWei
将字符串中的字符 、、、 （双引号）, 以及 （单引号）转换为它们对应的 HTML 实体。 如果你被卡住了，记得开大招 Read-Search-Ask。尝试与他人交流编程思路、但编写你自己的代码。 例如： convert(Dolce Gabbana) 应该返回 Dolce amp; Gabbana。 convert([详细]
-
html随意拖动内容位置的两种实现方式
所属栏目：[编程] 日期：2020-03-29 来源：DaWei
测试：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 来源：DaWei
大多数的导航栏都是横向排列如下图所示，那么这究竟是怎么实现的呢？其实它主要运用ul标签中li的横向排列，下面以一个例子向大家详细讲解具体是如何实现的。 1编写横向菜单的HTML代码架构 ul id=menu lia href=http://www.jb51.net/web/http:/www.baidu.co[详细]
-
html 打印相关操作与实现详解
所属栏目：[编程] 日期：2020-03-29 来源：DaWei
原理为调用 window.print() 方法，但是该方法只能对当前页面全部打印，所以有了以下方案来解决局部打印 1: 利用 iframe 将需要打印的元素和样式注入 再调用打印 // 示例代码function print () {let ifElement = document.getElementById('ifId')const addH[详细]
-
HTML中的块级、行级元素，特殊字符，嵌套规则
所属栏目：[编程] 日期：2020-03-29 来源：DaWei
如果介绍HTML网页基本标签的嵌套规则，首先要说的就是元素的分类。元素可以划分为块级元素和行级元素，块级元素是什么？它可以独占一行，可以设置宽高度，默认是100%；行级元素与之相反，它的内容决定它的宽高度，至于特殊字符就当成是文字来看 !DOCTYPE h[详细]
-
HTML在透明输入框里添加图标的实现代码
所属栏目：[编程] 日期：2020-03-29 来源：DaWei
最近在写一个律师推荐前台的网站，在上面搜索框这里出现了问题，我想把搜索的图标放在搜索框里面，但是弄了半天都不大如意 话不多说，我们直接进入主题 ： 基本思路 其实就把输入框与后面的图标一起放在一个div里面，然后将输入框的border设置为0px，最后[详细]
-
socket.io 和canvas 实现的共享画板功能
所属栏目：[编程] 日期：2020-03-29 来源：DaWei
起初只是想要写个简单的画板,后面不知不觉的想起石墨文档有一个白板功能，就想将当前这个画布功能，开发成一个简易版的协作画板。 在线演示：努力部署中，目前需要clone到本地运行。 git 地址 2、运行 git clone repositorynpm install#对于开发阶段：#前[详细]
-
利用canvas实现图片下载功能来实现浏览器兼容问题
所属栏目：[编程] 日期：2020-03-29 来源：DaWei
前言:项目中需要实现图片下载功能，第一个想到的是使用a标签的download属性来实现，但是在不同浏览器下测试会发现，有的浏览器无效，点击后直接预览图片，所以，上网找到了另外一种兼容不同浏览器的图片下载的方法，那就是利用canvas来处理图片，实现下载[详细]
-
HTML5印章绘制电子签章图片(中文英文椭圆章、中文英文椭圆印章)
所属栏目：[编程] 日期：2020-03-29 来源：DaWei
副标题#e# 印章图片的采集两种互补方式： 方式1：在线生成印章图片方式，但是这种方式有个弊端，对印章中公司名称字数有限制，字数越多可能就完蛋了。 方式2：上传印章扫描件，系统来对扫描图片进行处理，提取扫描件中的印章图片。 本文介绍方式1，方式2待[详细]
-
详解利用canvas实现环形进度条的方法
所属栏目：[编程] 日期：2020-03-29 来源：DaWei
前提：有时候在项目中会有用到进度条的情况，使用css3也可以实现，但是对于性能不好的设备，或者网络不好的情况下，卡顿现象非常明显，避免出现不流畅的尴尬情况，所以记录一下，使用canvas来实现的方法。 效果图 DOM中，首先定义canvas画板元素： canvas[详细]
-
Html5 实现微信分享及自定义内容的流程
所属栏目：[编程] 日期：2020-03-29 来源：DaWei
最近一个项目有一个微信分享并且需要自定义微信分享内容的需求，因为是第一次接触到微信分享，所以记录一下期间遇到的一些问题，以及完成功能的整个流程。 以下为大概流程(细节放在各个阶段) 安装 weixin-js-sdk 初始化微信分享 配置微信分享自定义内容（[详细]
-
前端canvas动画如何转成mp4视频的方法
所属栏目：[编程] 日期：2020-03-29 来源：DaWei
副标题#e# 用户通过上传合适尺寸的图片，选着渲染动画的效果和音乐，可以预览类似幻灯片的效果，最后点击确认生成视频，可以放到头条或者抖音播放。 生成视频可能的方案 纯前端的视频编码转换(例如WebM Encoder Whammy) 图片地址只能是相对地址 音乐不能收[详细]
-
详解FireFox下Canvas使用图像合成绘制SVG的Bug
所属栏目：[编程] 日期：2020-03-29 来源：DaWei
所有的事情都会有一个起因。 最近产品上需要做一个这样的功能：给一些图形进行染色处理。想想这还不是顺手拈来的事情，早就研究过图形染色的技术。于是我把之前写好的两种算法发给了小伙伴，让他参照实现，第一种算法是操纵像素、第二种使用了图像合成：gl[详细]
-
canvas实现有递增动画的环形进度条的实现方法
所属栏目：[编程] 日期：2020-03-29 来源：DaWei
副标题#e# 高清大图！ 码农多年，老眼昏花，动图看不清？！那就看静态截图！！！ 不同分值效果如下： 看完了卖家秀，我们来看产品的制作过程吧！ canvas绘制圆环1、vue中，template lang=pug里的代码如下： canvas#baseCanvas是底部的灰色圆环 canvas#myCan[详细]
-
Html5新增标签与样式及让元素水平垂直居中
所属栏目：[编程] 日期：2020-03-29 来源：DaWei
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 来源：DaWei
碰撞检测 计算文字在 canvas 中所占据的范围 // 计算文字所需的宽度var p = { x: 10, y: 10, name: 测试文字};var measure = ctx.measureText(p.name);// 求出文字在 canvas 画板中占据的最大 y 坐标var maxX = measure.width + p.x;// 求出文字在 canvas[详细]
-
格力成功研发“不用电费空调”
所属栏目：[编程] 日期：2020-03-28 来源：DaWei
25日，格力电器自主研发的“光储空调直流化关键技术研究及应用”在广东省科技创新大会上获技术发明类一等奖。 根据官方介绍，与传统研发思路不同，格力研发团队基于空调设备变频用电的特性，提出了新能源直流供电与空调系统相结合、提升系统电能利用效率的[详细]
-
电池老化怎么办？华为EMUI智能充电模式有效延缓电池老化
所属栏目：[编程] 日期：2020-03-28 来源：DaWei
手机电池使用一两年之后老化是常见的事情，华为消费者BG软件部总裁王成录表示，手机锂电池是易耗品，在电池生命周期的末期，都会出现不同程度的老化、电池容量衰减等。如果使用方法的不当，比如经常给手机长时间充电而忘了及时拔掉电源，或者整晚充电，致[详细]
-
疫情严重美国医疗设备急缺 特斯拉重开超级工厂
所属栏目：[编程] 日期：2020-03-28 来源：DaWei
国际疫情愈发严重，口罩告急，不少的中国企业都在转产口罩，但是依旧不能满足所需，美国近几日的确诊病例迅速增加，为美国的医疗系统带来了巨大的压力，并且其国内的防疫物资及医疗设备也面临紧缺局面。 据外媒报道，特斯拉首席执行官埃[详细]
-
千万别错过 办公人群的必选的笔电在这儿
所属栏目：[编程] 日期：2020-03-28 来源：DaWei
目前市面上针对设计师群体的笔记本产品越来越多，不过挑选一款合适自己的笔记本还是挺困难的。首先要拥有强悍的性能做稿时不卡顿，还要能体现设计师独特气质的高颜值外观，到底谁能够满足如此高要求？惠普推出的一款高性能轻薄战66三代刚好满足这些要求，[详细]
-
TWS耳机全面升级在望 高通发两款耳机芯片
所属栏目：[编程] 日期：2020-03-28 来源：DaWei
不久前高通发布了两款全新的无线蓝牙耳机芯片QCC514x和QCC304x。 这两款芯片均支持高通TrueWireless镜像技术，这种芯片在提升蓝牙耳机连接可靠性的同时进一步实现了主动降噪的功能，同时这两款蓝牙芯片均支持语音助手。值得注意的是，这两款蓝牙芯片的能效[详细]
-
魅族Flyme 8体验版更新 AI性能进一步提升
所属栏目：[编程] 日期：2020-03-28 来源：DaWei
魅族近期更新推送了Flyme 8体验版，在这版系统中，魅族进一步提升了手机的AI性能，增加了全新的Aicy语音、小窗模式2.1、全新的滤镜等功能。 其中Aicy语音现在已经支持了亲和、、温柔及自然三种人声选择，在人声上给用户更多选择。还有全新的小窗模式2.1，[详细]
