![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
深入应用
了解
zuo_zuo_blog
这个作者很懒,什么都没留下…
展开
-
冒泡
1. 冒泡:当一个元素上的事件被触发后,同样的事情在所有父元素上都会被触发a)从原始元素一直冒泡到DOM树最上层box3.onmouseover = function() { alert("我是3") } document.onmouseover = function() { alert("我是body"); } 2. 捕获冒泡目标阶段捕获:从上往下...原创 2020-01-15 16:22:35 · 524 阅读 · 0 评论 -
Vue中使用websocket
HTML5 WebSocketWebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在 WebSocket API 中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。在 WebSocket API 中,浏览器和服务器只需要做一个握手的动作,然后,浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据...原创 2019-10-25 09:47:07 · 387 阅读 · 0 评论 -
前端面试技巧
楼主总结了一些关于前端面试时技能点的知识点:里面的知识都是从互联网上找到的。1、熟练使用HTML/CSS,能够手写符合W3C标准的页面,能够兼容主流浏览器,可以精确还原设计图;浏览器兼容问题:浏览器兼容问题一:不同浏览器的标签默认的外补丁和内补丁不同问题症状:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大。碰到频率:1...转载 2019-03-23 16:08:31 · 225 阅读 · 0 评论 -
Westrom快捷键
ctrl+c 复制ctrl+v 粘贴ctrl+x 剪切一行或删除一行ctrl+d 复制本行到下一行ctrl+z 退回之前操作ctrl+shift+z 已经做好的退回之后的下一步ctrl+a 全选ctrl+/ 注释行ctrl+shift+/ 注释选定区域ctrl+g ...原创 2019-07-05 09:54:38 · 279 阅读 · 0 评论 -
Webtrom汉化方法
先下载一个中文压缩包,resources_cn.jar文件放在bin目录下即可原创 2019-03-28 21:12:20 · 217 阅读 · 1 评论 -
WebStrom 激活码
在打开的 License Activation 窗口中选择 License server。点击 Activate。http://idea.iteblog.com/key.php原创 2019-03-28 21:03:31 · 1793 阅读 · 0 评论 -
sublime常用插件
必须先安装 Package Control插件安装的方法ctrl+shift+p 输入 install package 回车输入插件的名字 即可安装AutoFileName根据 打开的文件 进行提示BracketHighlighter高亮 选中的括号CSS3CSS3的样式DocBlockr函数注释插件EmmetEmmet语法HTML5HTML5的一些内容SideBa...原创 2019-05-29 18:33:47 · 99 阅读 · 0 评论 -
百度富文本编辑器ueditor
百度富文本编辑器ueditor在日常工作用,肯定有用到富文本编辑器的时候,富文本编辑器功能强大使用方便,我用的是百度富文本编辑器,首先需要下载好百度编辑器的demo,然后创建ueditor.html文件,引入百度编辑器,然后在html文件内引入,然后再用js实例化编辑器即可,代码如下: 1 2 3 4 5 6 7 8...转载 2019-03-24 15:39:19 · 2062 阅读 · 0 评论 -
HTML5 canvas绘制线条
使用HTML Canvas绘制线条,我们需要用到的是Canvas上下文的MoveTo()和LineTo()方法<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>&l...原创 2019-12-19 10:10:20 · 204 阅读 · 0 评论 -
js实现滑动验证码功能
<!DOCTYPE html><html ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>发送验证码</title><style>.contain{width:400px;heig...原创 2019-12-17 17:36:04 · 2005 阅读 · 0 评论 -
纯前端实现图形验证码功能
概要:一般的图形验证码就像上方的短信验证码一样,就是后台生成的验证码图片返回给前端的,那样的话就比较简单,因为复杂的都让后台解决了,我在这里主要说的是另一种,就是不调用后台接口,通过canvas画布来解决图形验证码。思路:a.一个文本框用来输入由数字和字母组合的验证码+一个画布标签来显示图形验证码+一个提交按钮;b.提交按钮进行表单验证,输入正确或者错误进行相应的提示;c.用画布生成并渲...原创 2019-12-17 17:08:53 · 6050 阅读 · 2 评论 -
html5 canvas绘图之fillStyle,strokeStyle的区别
context.fillStyle(“”): 表示 填充颜色context.strokeStyle(“”):表示边框颜色。原创 2019-12-17 16:52:33 · 670 阅读 · 0 评论 -
天气预报接口
1.引用和风天气免费apihttps://console.heweather.com2.步骤首先邮箱注册登录进入控制台填写应用名称选择类型记录下key值3.打开帮助文档-api-常规天气预报获取免费版接口:https://free-api.heweather.net/s6/weather/{weather-type}?{parameters}3.图标下载...原创 2020-02-25 19:22:46 · 208 阅读 · 0 评论 -
在线制作平台H5制作
https://coh5.cn/p/5d52a2f4.html原创 2019-03-12 08:17:58 · 1835 阅读 · 0 评论 -
小工具
favicon在线制作原创 2020-03-12 21:40:42 · 95 阅读 · 0 评论 -
WebAssmebly简介
自从2008年各大浏览器为JavaScript执行引擎加入JIT(Just in Time, 即时编译器)以来,JavaScript在浏览器的执行性能有了一个量级的飞跃提升,促进了Web领域的飞速发展,一大波大型Web应用丰富了我们的网络世界。但是,JIT带来的性能提升也有天花板,在处理复杂运算的情况下表现仍有不足,为了更进一步解决JavaScript的性能问题,WebAssembly就应运而生了...原创 2019-12-19 19:28:55 · 971 阅读 · 0 评论