码迷,mamicode.com
首页 > Web开发
gojs 如何实现虚线(蚂蚁线)动画?
在绘制 dag 图时,通过节点和来箭头的连线来表示节点彼此之间的关系。而节点常常又带有状态,为了更好的表示节点之间的流程关系,loading 状态的节点,与后续节点之间,需要用 动画着的虚线 表示,表示正在处理中,处理完才会变成实线。原理同页面没加载出来之间,加个 loading 提示,能提供更好的 ...
分类:Web程序   时间:2020-10-18 17:06:39    阅读次数:48
Web前端技术
一、HTML、CSS基础、JavaScript语法基础。学完基础后,可以仿照电商网站(例如京东、小米)做首页的布局。 二、JavaScript语法进阶。包括:作用域和闭包、this和对象原型等。相信我,JS语法,永远是面试中最重要的部分。 三、jQuery、Ajax等。jQuery没有过时,它仍然是 ...
分类:Web程序   时间:2020-10-18 17:04:41    阅读次数:48
总结那些有默认margin,padding值的html标签
一.h1~h6标签:有默认margin(top,bottom且相同)值,没有默认padding值。 在chrome中:16,15,14,16,17,19; 在firefox中:16,15,14,16,17,20; 在safari中:16,15,14,16,17,19; 在opera中:16,15,1 ...
分类:Web程序   时间:2020-10-18 17:04:25    阅读次数:34
web前端性能优化指南
前端需要性能优化么? 性能优化一直以来都是前端工程领域中的一个重要部分。很多资料表明,网站应用的性能优化对于提高用户留存、转化率等都有积极影响。可以理解为,提升你的网站性能,就是提升你的业务数据(甚至是业务收入)。 性能优化广义上包含前端优化和后端优化。后端优化的关注点更多的时候是在增加资源利用率、 ...
分类:Web程序   时间:2020-10-18 17:03:58    阅读次数:31
X3D:现代 Web 的声明式 3D 技术
SVG:可伸缩的矢量图形 SVG本身是基于 XML 的一种独立的数据格式,用于声明式的 2D 矢量图形。但是,它也可以嵌入到 html 文档中,这是所有主流浏览器都支持的。 让我们考虑一个例子,如何使用 SVG 绘制一个可调整大小的圆: <html style="height: 100%; widt ...
分类:Web程序   时间:2020-10-18 17:03:42    阅读次数:41
Http介绍
一:HTTP简介 .什么是http HTTP 全称:Hyper Text Transfer Protocol 中文名:超文本传输协议 Http就是将用户的请求发送到服务器,将服务器请求到的内容传输回给浏览器,浏览器解析后变成便于观看的内容。 .超文本 包含有超链接(Link)和各种多媒体元素标记(M ...
分类:Web程序   时间:2020-10-18 17:02:37    阅读次数:35
使用webpack 配置 serviceworker 实现离线缓存
第一步安装npmi-Dserviceworker-webpack-plugin。第二步:编写wepack.config.js如下constpath=require(‘path‘);constExtracTextPlugin=require(‘extract-text-webpack-plugin‘)const{WebPlugin)=require(’web-webpack-plugin’);con
分类:Web程序   时间:2020-10-18 16:51:24    阅读次数:30
apache commons configuration
使用Commons Configuration可以很好的管理我们的配置文件的读写。 官网:http://commons.apache.org/proper/commons-configuration/ 需要使用到的包有:commons-collections、commons-configuratio ...
分类:Web程序   时间:2020-10-18 16:48:30    阅读次数:35
XCTF:PHP2
1.什么是phps文件? phps文件就是php的源代码文件,通常用于提供给用户(访问者)查看php代码,因为用户无法直接通过Web浏览器看到php文件的内容,所以需要用phps文件代替。 首先访问 index.phps获得代码: not allowed! "); exit(); } $_GET[i ...
分类:Web程序   时间:2020-10-18 16:45:10    阅读次数:32
docker 上传镜像到云端
本地登录: docker login 制作镜像:以容器制作镜像为例: doeker commit -m 'create new image ' odoo:last qianxunman/odoo:1.0 3.docker push qianxunman/odoo:1.0 ...
分类:Web程序   时间:2020-10-18 16:44:34    阅读次数:27
CSS3中边框几种用法
1,CSS3 边框用CSS3,您可以创建圆角边框,添加阴影框,并作为边界的形象而不使用设计程序(如Photoshop等作图软件),极大地帮助您节省了很多时间。 而在本节中,您将了解以下的边框属性有: border-radius box-shadow border-image(需要注意的是:该属性不支 ...
分类:Web程序   时间:2020-10-18 16:33:39    阅读次数:30
CSS3 圆角几种设置方法
1,CSS3 border-radius - 指定每个圆角如果你在 border-radius 属性中只指定一个值,那么将生成 4 个 圆角。 但是,如果你要在四个角上一一指定,可以使用以下规则: 四个值: 第一个值为左上角,第二个值为右上角,第三个值为右下角,第四个值为左下角。 三个值: 第一个值 ...
分类:Web程序   时间:2020-10-18 16:32:03    阅读次数:30
仅3行核心css代码的rate评分组件
用css实现一个rate评分 ? 核心代码也就三行 效果图 原理 梳理如下: 去找个好看的iconfont,[Iconfont-阿里巴巴矢量图标库];借用5个radio单选框,把默认样式都去掉,显示默认的星星;用checked伪类监听用户选中?,由默认的星星变成高亮的星星;然后配合~兄弟操作符把当前 ...
分类:Web程序   时间:2020-10-18 16:23:01    阅读次数:33
在HTML中调用打开摄像头
1 <img src="imgs/qr.png" alt=""> 2 <video src=""></video> 3 <canvas id="canvas" width=200 height=250 ></canvas> 4 5 6 7 // 视频大小 8 var constraints = { ...
分类:Web程序   时间:2020-10-18 10:00:35    阅读次数:27
15个 Vue.js 高级面试题
1. 渲染项目列表时,“key” 属性的作用和重要性是什么? 渲染项目列表时,key 属性允许 vue 跟踪每个 Vnode。key 值必须是唯一的。 如果没有使用 key 属性,并且列表的内容发生了改变(例如对列表进行排序),则虚拟 DOM 宁愿使用更新的数据来修补节点,来反映更改,而不是上下移动 ...
分类:Web程序   时间:2020-10-18 09:49:02    阅读次数:28
屏蔽投诉按钮(无投诉按钮的活动文案网页)
公司是做线下活动文案裂变推广的,因为下半年各大节日和线下活动,景区活动比较多。但是每次活动文案在微信中被分享裂变后,总是容易被同行恶意投诉,从而导致文案被封,损失非常大。不过最近使用了一款文案制作,右上角“...”点开只有分享好友/朋友圈和收藏,没有投诉按钮,这样就不会被恶意投诉,从而让活动吸粉效率 ...
分类:Web程序   时间:2020-10-18 09:47:27    阅读次数:25
详解Kubernetes微服务自动化发布系统
实施微服务架构后,原先单一的系统结构统变成了数量众多的微服务应用,开发、测试、运维部署等都会面临不少挑战。在微服务架构下如何提高工程研发效率,确保开发、测试、运维部署等流程上的顺畅,是微服务技术体系能够真正落地产生效益的关键。
分类:Web程序   时间:2020-10-18 09:46:02    阅读次数:33
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!