Vue和Angular、React都是前端框架 1、单页面框架 2、基于模块化组件化的开发模式 Vue简单 灵活 高效 国内的中小企业里面用的非常多 前端技术薪资介绍 Html5+Css3+Jquery PC端 移动端静态页面 6k-8k Angular 、 Vue 、React 10k+ Node ...
分类:
其他好文 时间:
2020-12-18 12:38:58
阅读次数:
2
拖拽的实现 在html5还未普及之前,实现元素的拖拽还算是一件比较麻烦的事,大概思路就是监听鼠标移动相关事件,下面是伪代码 odiv.onmousedown = function(ev){ //记录起始位置 } document.onmousemove = function(ev){ //移动目标元 ...
分类:
其他好文 时间:
2020-12-17 12:44:20
阅读次数:
2
1、使用meta标签:viewport H5移动端页面自适应普遍使用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。 viewport 是用户网页的可视区域。翻译为中文可以叫做"视区"。 手机浏览器是把页面放在一个虚拟 ...
分类:
移动开发 时间:
2020-12-17 12:38:29
阅读次数:
3
HTML 全局属性 H5 = HTML5 中添加的属性。 属性描述 accesskey 规定激活元素的快捷键。 class 规定元素的一个或多个类名(引用样式表中的类)。 contenteditable H5 规定元素内容是否可编辑。 contextmenu H5 规定元素的上下文菜单。上下文菜单在 ...
分类:
Web程序 时间:
2020-12-16 11:53:39
阅读次数:
5
HTML DOM Dialog 对象 Dialog 对象 Dialog 对象是HTML5新增的新对象。 Dialog 对象表示 HTML <dialog> 元素。 注意: 目前只有Chrome Canary,Safari 6 浏览器支持 <dialog> 元素。 尝试一下 Dialog 对象属性 属 ...
分类:
其他好文 时间:
2020-12-16 11:51:01
阅读次数:
4
# Bootstrap, ## 一、Bootstrap简介 ### 1. Bootstrap是什么? ? Bootstrap是Twitter推出的一个开源的前端开发框架 ? 基于HTML、CSS、JavaScript,代码简洁、视觉优美,用来快速开发基于PC及移动端的Web页面,更迅速、简单 ? B ...
分类:
其他好文 时间:
2020-12-15 12:42:46
阅读次数:
4
一、进入swiper官网,下载swiper框架,https://www.swiper.com.cn/ 二、创建项目 创建swiperdemo文件夹,在下面再分别创建css、js、images文件夹 三、从下载的swiper文件中把swiper-bundle.min.css和swiper-bundle ...
分类:
其他好文 时间:
2020-12-15 12:00:32
阅读次数:
1
css中,在.swiper-pagination-bullet-active{}中修改就ok。 默认样式为: .swiper-pagination-bullet-active { background-color: #e8561a; width: 20px; border-radius: 20px; ...
分类:
其他好文 时间:
2020-11-27 11:33:41
阅读次数:
7
页面适配计算: 假设存在一个设计稿 宽度 xxx 或者 未知page 1、设计稿存 page在一个元素 宽度100px 2、拿以上的需求去实现不同宽度的页面适配 page px = 750 rpx 1 px = 750 rpx / page 100px = 750 rpx * 100 /page 假 ...
分类:
其他好文 时间:
2020-11-19 12:16:30
阅读次数:
5
一、文字备忘之标签 HTML5中新增的标签 <article> 定义文章 <aside> 定义页面内容旁边的内容 <audio> 定义声音内容 <canvas> 定义图形 <command> 定义一个控制按钮 <datagrid> 指树或表格状数据格式中的动态数据 <datalist> 定义一个下拉 ...
分类:
Web程序 时间:
2020-11-17 13:03:06
阅读次数:
36