大前端
大前端文章,涵盖JavaScript、CSS、HTML
谈晓鸣
没有借口,砥砺前行。
博客园同步地址:https://www.cnblogs.com/tandaxia
展开
-
前端进阶笔记之核心基础知识---那些HTML标签你熟悉吗?
文章目录1、交互实现1.1 meta标签:自动刷新/跳转1.2 title标签:消息提醒2、性能优化2.1 script标签:调整加载顺序提升渲染速度2.2 link标签:通过预处理提升渲染速度3、搜索优化3.1 meta标签:提取关键信息3.2 link标签:减少重复3.3 延伸内容:OGP(开放图表协议)总结提到HTML标签,我们会非常熟悉,开发中经常使用。但我们往往关注更多的是页面渲染效果及交互逻辑,也就是对用户可见可操作的部分,比如表单、菜单栏、列表、图文等。其实还有一些非常重要却容易忽视的标签,原创 2020-06-28 23:31:39 · 270 阅读 · 0 评论 -
CSS3练习笔记
CSS3被划分为模块,其中最重要的CSS3模块包括:选择器框模型背景和边框文本效果2D/3D转换动画多列布局用户界面1、边框border-image:设置所有border-image-*属性的简写形式。可能的值有:border-image-source:用在边框的图片的路径;border-image-slice:图片边框向内偏移;border-image-width:图片边框的宽度;border-image-outset:边框图像区域超出边框的量;border-image-repe原创 2020-06-06 19:07:29 · 239 阅读 · 0 评论 -
HTML5新特性之Canvas
1、概念canvas标签相当于是一块画布(`var canvas = document.getElementById("myCanvas");`)getContext(“2d”) canvas标签是画布,那么在这块画布上面绘制各式各样图片文字等等的工具是什么?就是canvas标签的一个方法getContext("2d"), 它返回一个对象,这个对象也叫画布的“上下文”,这个对象提供了各种...原创 2020-04-15 21:58:37 · 394 阅读 · 0 评论 -
HTML5新特性之多媒体和表单新元素及属性
HTML5新特性之多媒体和表单新元素和属性欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入...原创 2020-03-30 15:27:15 · 215 阅读 · 0 评论 -
HTML5新特性之语义化
HTML5属于上一代HTML的新迭代语言,设计HTML5最主要的目的是为了在移动设备上支持多媒体。例如video标签和audio、canvas标签。HTML5新特性:取消了过时的显示效果标记<font></font>和<center></center>... 新表单元素引入 新语义化标签的引入 canvas标签(图形设计) 本地数据...原创 2020-03-30 10:54:26 · 232 阅读 · 0 评论 -
JS中对象和变量是否可以作为if选择结构的条件?
由于JS很菜,工作中看别人写的js代码,发现很多都是自己没见过没想过的。有点时间发现别人不知是把一个方法还是对象作为if选择结构的条件,感到很疑惑?方法和对象也可以作为if选择结构的条件吗?然后一直想去验证,但是都很懒,没去行动;有一天去测试过了,当时是明白这些是不是可以作为if选择结构,但是过了一段时间后,发现自己又把这些验证过的东西给忘了,记不起来了。所以今晚又来测试一下js中方法和对原创 2013-12-12 03:07:34 · 2228 阅读 · 0 评论 -
小程序瀑布流和web页面瀑布流 效果实现
小程序实现瀑布流效果,和web页面差不多,都要经过以下步骤:1)、加载图片,获取图片的宽高度;2)、根据页面需要显示几列计算每列的宽度;3)、根据图片真实宽度和每列的宽度比,计算出图片需要显示的高度;4)、重新对图片进行定位看看实现效果图: 小程序效果图: 页面实现代码,见博文:https://www.cnblogs.com/tandaxia/p/9...原创 2018-09-25 20:39:53 · 2126 阅读 · 3 评论