1. 移动页面开发基础 1.1 像素——什么是像素 像素是 Web 页面布局的基础,那么到底什么才是一个像素呢? 像素:一个像素就是计算机屏幕所能显示一种特定颜色的最小区域.这是像素的概念,实际上,Web 前端开发领域,像素有以下两层含义: (1) 设备像素:设备屏幕的物理像素,对于任何设备来讲物理像素的数量是固定的. (2) CSS像素:这是一个抽象的概念,它是为 Web 开发者创建的. 如下图,是在缩放比例为1,即 scale = 1 的情况下,设备像素和CSS像素示意图: 我们再来考虑这样…

导语 最近看到不少使用vue制作的音乐播放器,挺好玩的,本来工作中也经常使用Vue,一起交流学习,好的话点个star哦 本项目特点如下 : 1. 原生js封装自己的跨域请求函数,支持promise调用,支持错误处理 2. 制作一些复用性强的vue组件,如轮播图组件,支持手势滑动,无限循环,图片按需加载 3. 清晰明了的项目目录 项目仓库地址 项目演示地址 从项目中提取的banner组件地址 一.规划目录 一个易于维护和迭代的项目,应该是具有可靠的项目目录的,这里,在vue-cli生成的目录中,加…

在开发项目的过程中,由于要集成Cognos的报表通过URL,但是Cognos报表的本身URL长度过程,那么此时就需要开发一个跳转的页面,下面我们就采用VS2010开发一个跳转的页面Default.aspx 1:打开VS2010新建网站 2:选择C#语言,ASP.NET空网站 3:项目JumpPage已经创建好,默认都有一个web.config配置文件 4:本例的web.config内容为,添加了appSettings节点,供下面的操作使用 <?xml version="1.0"?…

第一章:Web页面内容的构成2.Web内容的分工一个Web页面可能的构成(视觉上看):①文字.链接.标题②交互入口(表单元素)③图片(哪些类型)④动画 Flash动画 HTML5 CSS3 动画⑤音视频 背景音乐 Flash广告视频 HTML5视频⑥交互效果 问题:如下元素或者内容,那个是网页中最重要的? (A)A.htmlB.jsascriptC.CSSD.服务器端脚本E.其他页面资源 3.从技术上看待一个页面①HTML 负责内容与结构 -是骨架和肉体,没有内容,一切都是失去了意义②CSS 负…

淘宝SUI Mobile框架   (light7框架 官网:http://www.light7.cn/)官网地址:http://m.sui.taobao.org/ SUI Mobile 是一套基于 Framework7 开发的UI库.它非常轻量.精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App. 轻量的UI库 SUI Mobile 非常轻量,核心库压缩Gzip后的JS.CSS网络传输体积总共只有52K,却提…

在搭建在线教育.医疗.视频会议等场景时,很多中小型公司常常面临 PC 客户端和 Web 端二选一的抉择.Electron 技术的出现解决了这一难题,只需前端开发就能完成一个跨平台的 PC 端应用.本文主要介绍使用 Electron + WebRTC 搭建跨平台的视频会议应用的技术方案. 作者| 峻崎 审校| 泰一 什么是 Electron? Electron 是使用 JavaScript.Html 和 CSS 构建跨平台的桌面应用程序.(官网链接) 为什么要使用 Electron? 目前很多中小…

Web应用程序的开发步骤 如今已进入了web2.0高速发展的互联网时代,各种互联网的Web应用程序如雨后春笋般出现.那么作为一名Web开发人员,怎样去开发一款优秀的Web应用程序呢?这个问题没有一个简单的答案,甚至那些教育机构都未必能清楚的知道.所以,像大多数在这个领域里的web开发人员一样,我们只是通过去做,去实验才学会了这些.没有人告诉我们如何去做,我们从给自己做点什么东西开始,学会如何开发web应用程序是在这个过程中的一个副产品.这是学习任何语言的一个非常有效的方法. Web应用程序与网站…

刚刚开始学习使用IDEA进行开发,好多都不会,本来想直接导入一个eclipse项目,但是出现了好多错误,一时不知道怎么修改,所以就从最基本的servlet开始着手,慢慢熟悉这个工具,下面是使用IDEA创建一个web项目,然后开发一个简单的servlet案例.我也是看着别人的教程,自己边看边弄,然后记录一下. 第一步,新建并配置WEB项目 1.File-->New-->Project,然后如下图,选择Web Application,点击next 2.输入项目名,这里我输入FirstWeb,然后f…

(web) 利用 react-router4 实现 单页面 开发 SPA 应用 ---- (Single Page Web Application) 整个应用只有 一个完整的页面 单击链接不会刷新页面,本身不向服务器发请求 点击路由链接,指挥更新局部页面 数据都需要通过 ajax 请求获取,并在前台异步展现 路由: 指定了 不同请求 (路由地址 key ) 对应的 处理方式 value 一个路由就是一个映射关系 (key: value ---- 路由路径: 处理函数/component) 前台路…

使用react全家桶制作博客后台管理系统   前面的话 笔者在做一个完整的博客上线项目,包括前台.后台.后端接口和服务器配置.本文将详细介绍使用react全家桶制作的博客后台管理系统 概述 该项目是基于react全家桶(React.React-router-dom.redux.styled-components)开发的一套博客后台管理系统,用于前端小站的管理,主要功能包括游客浏览.文章管理.类别管理.评论通知.推荐设置和用户管理 [访问地址] 域名:https://admin.xiaohuoch…