标签分类 热门分类
当前位置:首页 > 程序设计电子书 > 网站开发电子书网盘下载
高性能响应式Web开发实战 高性能响应式Web开发实战
scoter2008

scoter2008 提供上传

资源
25
粉丝
50
喜欢
218
评论
15

    高性能响应式Web开发实战 PDF 完整版

    网站开发电子书
    • 发布时间:

    给大家带来的一篇关于网站开发相关的电子书资源,介绍了关于响应式、Web开发、实战方面的内容,本书是由人民邮电出版社出版,格式为PDF,资源大小33.1 MB,李光毅编写,目前豆瓣、亚马逊、当当、京东等电子书综合评分为:8.8,更多相关的学习资源可以参阅 程序设计电子书、等栏目。

  • 高性能响应式Web开发实战 PDF 下载
  • 下载地址:https://pan.baidu.com/s/1_TbDHxHG_Qii2fLr96PiJ
  • 分享码:jc98
  • 响应式Web设计的理念是让页面根据用户行为以及设备环境(屏幕尺寸、分辨率等)进行相应的响应和调整。响应式网页设计就是一个网站能够兼容多种终端,而不是为每种终端做一个特定的版本。

    高性能响应式Web开发实战分为两部分,首部分是前端的基本响应式技术,涉及响应式布局、图片的处理、解决问题的思路以及一些进阶的技巧等;第二部分在以上内容的基础上,加入了对页面进行性能调优的内容,包括如何确立性能指标,如何使用不同的工具衡量性能,以及如何解决常规的性能问题等。

    本书适合有兴趣学习响应式技术的前端从业人员和其他相关人员阅读。

    目录

    • 第1章 概述及任务介绍 1
    • 第2章 响应式中要面对的问题 9
    • 第3章 布局 23
    • 第4章 布局——响应式篇 41
    • 第5章 响应式图片 91
    • 第6章 脚本与性能:入门篇 125
    • 第7章 脚本与性能:提高篇 165
    • 第8章 工程问题 189

    上一篇:构建跨平台APP:响应式UI设计入门  下一篇:Selenium 2自动化测试实战:基于Python语言

    展开 +

    收起 -

     
    网站开发 相关电子书
    关于网站开发的学习笔记
    网友NO.548542

    高效Web开发的10个jQuery代码片段

    在过去的几年中,jQuery一直是使用最为广泛的JavaScript脚本库。今天我们将为各位Web开发者提供10个最实用的jQuery代码片段,有需要的开发者可以保存起来。 1、检测Internet Explorer版本 当涉及到CSS设计时,对开发者和设计者而言Internet Explorer一直是个问题。尽管IE6的黑暗时代已经过去,IE也越来越不流行,它始终是一个能够容易检测的好东西。当然了,下面的代码也能用于检测别的浏览器。 $(document).ready(function() { if (navigator.userAgent.match(/msie/i) ){ alert('I am an old fashioned Internet Explorer'); }}); 2、平稳滑动到页面顶部 这是一个最广泛使用的jQuery效果:对一个链接点击下会平稳地将页面移动到顶部。这里没什么新的内容,但是每个开发者必须要会偶尔编写一下类似函数 $("a[href='#top']").click(function() { $("html, body").animate({ scrollTop: 0 }, "slow"); return false;}); 3、固定在顶部 非常有用的代码片段,它允许一个元素固定在顶部。对导航按钮、工具栏或重要信息框是超级有用的。 $(function(){ var $win = $(window) var $nav = $('.mytoolbar'); var navTop = $('.mytoolbar').length $('.mytoolbar').offset().top; var isFixed=0; processScroll() $win.on('scroll', processScroll) function processScroll() { var i, scrollTop = $win.scrollTop() if (scrollTop = navTop !isFixed) { isFixed = 1 $nav.addClass('subnav-fixed') } else if (scrollTop = navTo……

    网友NO.939744

    详解使用webpack+electron+reactJs开发windows桌面应用

    electron是一两年前挺火的一个框架 本质上是一个浏览器,但是集成了很多windows系统的功能,让前端开发也可以直接操作windows的窗体,做成一个实打实的桌面软件 (当然听说mac上也可以用electron,不过没试过) (没错我还在用windows,不是mac也不是linux,我是个lowB) 团队主要的技术栈是react,所以考虑用react开发,方便维护。 PS.由于项目是大半年前做的,所以一些细节可能记忆有误请见谅 几个重点: 1.想要能调试必须使用webpack打包,不能用react那些常用的打包脚手架,因为webpack打包有target: "electron-main" 2.对于不使用electron模块的项目,electron可以直接跑任何网页;对于用到electron模块的项目,如果不设置target: "electron-main",而直接用webpack打包(或者其他的打包工具),打包工具会直接默认把electron模块一起打包进去。而electron模块里会用到node的比如fs模块,这些模块都不允许在网页上调用,因为需要直接访问电脑文件 下面开始 我们知道electron其实是有两个部分的,一个是窗体部分,一个是窗体里运行的网页项目 窗体部分通常放在根目录下,只使用main.js一个文件来控制 网页项目部分一般放在src目录下,打包出来的文件放到dist目录下 目录大致如下 main.js文件里会对窗体部分做很多配置 具体可以参见electron的官方文档:electro……

    网友NO.235774

    怎样在windows下快速完成web.py开发框架的搭建

    用Python进行web开发的话有很多框架供选择,比如最出名的Django,tornado等,除了这些框架之外,有一个轻量级的框架使用起来也是非常方便和顺手,就是web.py。它由一名黑客所创建,但是不幸的是这位创建者于2013年自杀了。据说现在由另外一个人在维护和更新。现在就来了解一下windows下如何搭建web.py开发环境。 一.安装web.py 在 https://github.com/webpy/webpy上下载web.py安装包。注意github对浏览器版本有要求的,比如不支持IE9以下的。 自己根据需要下载相应的版本。 下载下来之后,解压,打开cmd,cd到解压目录下,输入 python setup.py install 安装完成即可。(前提必须要安装python,python3以下版本) 二.测试程序。 建立一个hello.py文件 import weburls = ('/hello', 'hello', )class hello(object): def GET(self): return 'hello world'if __name__ == __main__: app = web.application(urls, globals()) app.run() urls是url映射规则(类似于servlet中的映射),类hello是链接请求响应。 然后在命令行下运行该文件: 如果要停止该程序Ctrl+C就可以退出。默认程序运行在8080端口,然后在浏览器里输入:http://127.0.0.1:8080/hello,就可以看到结果了: 程序默认运行在8080端口,而如果8080端口被其他程序占用的话,web.py程序会运行失败,比如会出现sockets.error这种错误,此时需要更改端口: 注意web.py并不具……

    网友NO.904202

    webpack开发环境和生产环境的深入理解

    以前自己写一小项目时,webpack的配置基本就是一套配置,没有考虑生产环境和开发环境的区分,最近在做一个复杂的商城项目接触到了webpack的高级配置,经过两天的研究,写出了一份目前来说比叫满意的配置,在这里分享一下。 如何区分开发环境和生产环境? 众所周知,webpack时基于node.js平台运行的,要区分开发环境和生产环境还要存,node入手。我们启动webpack时,都需要输入一些命令,npm run 、yarn start之类的,所以我们就从命令行入手,告诉webpack,当前是什么环境。 package.json { "name": "webpac-demo", "version": "1.0.0", "description": "webpack练习", "main": "index.js", "scripts": { //配置开发环境参数。注意:真实开发中 package.json 文件中不能有注释 "dev": "webpack --env=development", //配置生产环境参数 "dist": "webpack --env=production", "start": "webpack-dev-server --env=development" }, "dependencies": { "font-awesome": "^4.7.0", "react": "^16.2.0", "react-dom": "^16.2.0" }, "devDependencies":{ ... }} 这样配置,当我们在命令行输入 npm run dev 和 npm run dist 时,就会附带一些参数到命令行中,有了参数,我们该如何拿到呢?那就要用到 node 的一个命令行参数解析引擎了。 minimist minimist轻量级的命令行参数解析引擎 // test.jsvar args = require('minimist')(process.argv.slice(2));console.log(args.hello);$ node test.js --en……

    Copyright 2018-2020 xz577.com 码农之家

    电子书资源由网友、会员提供上传,本站记录提供者的基本信息及资源来路

    鸣谢: “ 码小辫 ” 公众号提供回调API服务、“ 脚本CDN ”提供网站加速(本站寻求更多赞助支持)

    版权投诉 / 书籍推广 / 赞助:520161757@qq.com

    上传资源(网友、会员均可提供)

    查看最新会员资料及资源信息