精华内容
下载资源
问答
  • windows下python常用的安装

    万次阅读 多人点赞 2018-12-23 00:49:23
    windows下python常用的安装,前提安装了annaconda 的python开发环境。只要已经安装了anaconda,要安装别的就很简单了。只要使用pip即可,正常安装好python,都会自带pip安装 工具,在python的scripts安装目录下...

          windows下python常用库的安装,前提安装了annaconda 的python开发环境。只要已经安装了anaconda,要安装别的库就很简单了。只要使用pip即可,正常安装好python,都会自带pip安装 工具,在python的scripts安装目录下可以查看。具体安装步骤:使用Anaconda在windows下管理python开发环境  python常用库的安装是python爬虫开发的基石。

    1.urllib 和re库的安装

    这两个库是python自带的库,只要正确安装了python,都可以直接调用者两个库,python模式下验证如下

    >>> import urllib
    >>> import urllib.request
    >>> urllib.request.urlopen('http://www.baidu.com')
    <http.client.HTTPResponse object at 0x0000024222C09240>
    >>> import re
    >>>

    2.requests请求库的安装

    pip3 install requests  dos下执行命令即可安装
    
    python交互下测试request请求库是否安装正确
    >>> import requests
    >>> requests.get('http://www.baidu.com')
    <Response [200]>
    >>>

    3.selenium库的安装

    主要是用来驱动浏览器,做测试之类的,js渲染调试

    pip3 install selenium 执行安装 ,删除库的话直接pip3 uninstall selenium
    
    测试是否安装正确
    >>> import selenium
    >>> from selenium import webdriver
    >>> driver = webdriver.Chrome()  
    #这个时候系统会启动一个空白浏览器,如果失败需要安装chromdriver驱动,将其解压后放到python配置环境变量后的目录下即可
    
    DevTools listening on ws://127.0.0.1:12052/devtools/browser/1f2faef9-0748-40f0-b955-9e41362ce55e
    >>>> driver = webdriver.Chrome()
    
    DevTools listening on ws://127.0.0.1:12722/devtools/browser/5ba65a50-df4a-47fd-b2d6-d313578d539d
    >>> driver.get('http://www.baidu.com')  #这个时候打开的浏览器就会跳转到百度首页。
    >>>driver.page_source   #可以直接打印当前百度网页的代码

    4.phantomjs 库的安装

      无界面浏览器 ,命令行下浏览器驱动实现,跟selenium相辅,前者会打开浏览器

    1.在phantomjs官网下载phantomjs安装包,http://phantomjs.org/download.html   

    2.放到指定安装目录后,配置环境变量,bin目录

    3.直接在dos下执行phantomjs看是否配置成功,如下:

    
    C:\Users\Robot_CHEN>phantomjs
    phantomjs>
    

    4.安装与功能测试 

    >>> import selenium
    >>> from selenium import webdriver
    >>> driver = webdriver.PhantomJS()  #注意区别selenium中的webdrive.Chrom()
    >>> driver.get('http://www.baidu.com')
    >>> driver.page_source

    5.lxml库的安装

    xpath网页解析库,实现网页解析。pip3 install lxml  直接安装即可

    python交互下,用import lxml确认是否安装成功

    6.beatifulsoup 网页解析库的安装,依赖于lxml库

    安装:pip3 install beatifulsoup4 

    测试安装:

    >>> from bs4 import BeautifulSoup  #使用beautifulsoup要从 bs4模块中导入
    >>> soup = BeautifulSoup('<html></html>','lxml')
    >>>

    7.pyquery网页解析库的安装

    pip3 install pyquery 执行安装.

    >>> from pyquery import PyQuery as pq
    >>> doc = pq('<html></html>')
    >>> doc = pq('<html>Hello World</html>')
    >>> result = doc('html').text()
    >>> result
    'Hello World'
    >>>

    8.pymysql存储库的安装

    操作mysql数据库的驱动库 安装命令:pip3 install  pymysql .安装完成后用代码python操作mysql数据库,执行CRUD.

    
    import pymysql  #导入 pymysql
     
    #打开数据库连接
    db= pymysql.connect(host="localhost",user="root",
     	password="123456",db="mydatabase",port=3306)
     
    # 使用cursor()方法获取操作游标
    cur = db.cursor()
     
    #1.查询操作
    # 编写sql 查询语句  user 对应我的表名
    sql = "select * from emp3"
    try:
    	cur.execute(sql) 	#执行sql语句 
    	results = cur.fetchall()	#获取查询的所有记录
    	print("id","name","password")
    	#遍历结果
    	for row in results :
    		id = row[0]
    		name = row[1]
    		password = row[2]
    		print(id,name,password)
    except Exception as e:
    	raise e
    finally:
    	db.close()

    9.pymongo的安装,操作mongodb数据

    安装依旧pip install pymongo

    import pymongo
    
    client = pymongo.MongoClient('localhost')
    db = client['mymongodb']
    coll = db['mycoll']
    mydict = { "name": "RUNOOB", "alexa": "10000" }
    coll.insert_one(mydict)
    print(coll)
    '''测试结果如下:
    Collection(Database(MongoClient(host=['localhost:27017'], document_class=dict, tz_aware=False, connect=True), 'mymongodb'), 'mycoll')
    '''

    10.redis的安装

    pip install redis安装即可

    import redis
    
    result = redis.Redis('localhost',6379)
    result.set('name','jack')
    print(result.get('name')) #b'jack'

    11.flask的安装,主要设置web时使用

    可以在flask的官网文档查看,http://docs.jinkan.org/docs/flask/

    安装方式 pip install flask,测试python交互模式下import flask看是否报错

    12django的安装,web服务器框架

    安装很简单pip install django,测试导入import django

    13.jupyter安装,强大的记事本

    pip  install jupyter即可安装,如果使用的anaconda,则默认已经安装了jupyter,主要用来在线写代码和文档记录,功能很强大也很方便。

    统一声明:关于原创博客内容,可能会有部分内容参考自互联网,如有原创链接会声明引用;如找不到原创链接,在此声明如有侵权请联系删除哈。关于转载博客,如有原创链接会声明;如找不到原创链接,在此声明如有侵权请联系删除哈。 

    展开全文
  • webstorm导入cocos2d-html5库的方法

    千次阅读 2013-06-30 18:04:35
    因为使用webstorm的人还是不多,这里很有可能...webstorm导入 选择preference(osx)或windows下settings,选择libraries 选择add 然后选择所需的包 记得要选上extensions 确定后发现智能感知已经有效了。

    因为使用webstorm的人还是不多,这里很有可能找不到一些设置,所以发现什么都记一下。

    webstorm导入库

    选择preference(osx)或windows下settings,选择libraries

    选择add

    然后选择所需的包

    记得要选上extensions

    确定后发现智能感知已经有效了。


    展开全文
  • 如今,HTML5 可谓如众星捧月一般,受到许多业内巨头的青睐。很多Web开发者也尝试着用 HTML 5 来制作各种各样的富 Web 应用。HTML 5 规范引进了很多新特性,其中最令人期待的之一就
    原文地址为:
    推荐18个基于 HTML5 Canvas 开发的图表库
    

      如今,HTML5 可谓如众星捧月一般,受到许多业内巨头的青睐。很多Web开发者也尝试着用 HTML 5 来制作各种各样的富 Web 应用。HTML 5 规范引进了很多新特性,其中最令人期待的之一就是 Canvas 元素。HTML 5 Canvas 提供了通过 JavaScript 绘制图形的方法,非常强大。今天,本文收集了一些非常好的基于 HTML 5 Canvas 的图表方案推荐给大家。

     

    1. Visualize

    HTML5 Canvas Graphing Solutions Every Web Developers Must Know

    Visualize通过Javascript从结构化的HTML表格获取数据并借助HTML5 Canvas把数据转换为可视化的图表。

    2. rGraph

    HTML5 Canvas Graphing Solutions Every Web Developers Must Know

    rGraph是一个基于HTML5 canvas的图表库。借助HTML5的特性可以生成各种类型的图表,例如饼图、条形图、圆环图、甘特图、雷达图等。

    3. iGrapher

    HTML5 Canvas Graphing Solutions Every Web Developers Must Know

    iGrapher是一个免费的基于Web的,分析和预测股票、货币和商品的市场走势的可视化工具。

    4. Function Plotter

    HTML5 Canvas Graphing Solutions Every Web Developers Must Know

    由Ed Mackey开发的函数图形绘制工具,使用Canvas绘制二维数学函数图形。

    5. Building HTML5 Canvas Bar Graph

    HTML5 Canvas Graphing Solutions Every Web Developers Must Know

    使用HTML5 Canvas元素和Javascript绘制条形图。

    6. HTML5 Graph Slider

    HTML5 Canvas Graphing Solutions Every Web Developers Must Know

    一个动态图形查看器,可通过JavaScript接收数据并即时更新到图表中。

    7. Graph.tk

    HTML5 Canvas Graphing Solutions Every Web Developers Must Know

    Graph.tk是一个开源的图形工具,可以以不同的风格呈现函数曲线。

    8. Ticker Plot

    HTML5 Canvas Graphing Solutions Every Web Developers Must Know

    Ticker plot也是一个开源项目,使用股票符号绘制走势图。

    9. HumbleFinance

    HTML5 Canvas Graphing Solutions Every Web Developers Must Know

    类似于Google的Flash财经图表工具,HumbleFinance是一个基于HTML5 canvas的图表项目。

    10. Charting HTML5

    HTML5 Canvas Graphing Solutions Every Web Developers Must Know

    一个HTML5 canvas实验项目,看看它用于呈现图表的特性。

    11. Graphr

    HTML5 Canvas Graphing Solutions Every Web Developers Must Know

    Graphr是一个使用JavaScript编写的计算器,由Richard Ye开发。

    12. Snazzy Animated Pie Chart with HTML5 and jQuery

    HTML5 Canvas Graphing Solutions Every Web Developers Must Know

    基于HTML5特性开发的饼图工具,拥有漂亮的动画效果。

    13. AwesomeJS

    HTML5 Canvas Graphing Solutions Every Web Developers Must Know

    AwesomeChartJS是一个简单的Javascript库,可用于创建基于HTML 5 Canvas元素的图表。

    14. jsGraph

    HTML5 Canvas Graphing Solutions Every Web Developers Must Know

    jsGraph是一个轻量的javascript库,用于结合HTML5呈现图表。

    15. Facebook Privacy

    HTML5 Canvas Graphing Solutions Every Web Developers Must Know

    基于Prototype开发的可视化数据图表。

    16. ASK KEN

    HTML5 Canvas Graphing Solutions Every Web Developers Must Know

    ASK KEN™是一个序列的节点连接图,可以让你通过可视化导航链接到Freebase服务提供的主题。

    17. CanvasXpress

    HTML5 Canvas Graphing Solutions Every Web Developers Must Know

    CanvasXpress是另外一个结合HTML5特性开发的跨浏览器图表库,兼容主流浏览器。

    18. ZingChart

    HTML5 Canvas Graphing Solutions Every Web Developers Must Know

    如果前面那些开源和免费的图表方案都满足不了你的项目,可以试试ZingChart,这是首个可以以Flash和HTML5 Canvas两种方案呈现图表的图表库。

    深度阅读

    1. Canvas Cheat Sheet

    PDF 和 PNG 格式的 HTML5 Canvas 速查手册。

    2. How to draw with HTML5 Canvas

    如果使用 HTML5 Canvas 元素进行绘图。

    3. Mozilla Canvas Tutorial

    Mozilla提供的 HTML5 Canvas 元素教程。

    4. HTML5 Canvas: The Basics

    一步一步学习如何使用 HTML5 Canvas 元素。

    5. W3Schools HTML5 Canvas

    W3Schools 详细介绍了HTML5 Canvas,附带了基本的例子。

    6. HTML5, Flex and Silverlight Charts: A Test of Performance

    这篇文章对比了几种图表实现方案的性能:HTML5 charts vs. Flex charts vs. Silverlight charts

    7. HTML5 Canvas Element Guide

    非常好的 HTML5 canvas 元素教程。

    8. 5 Clever Uses of the Canvas Tag

    5个基于 HTML5 canvas 元素实现的非常棒的应用。

    9. Canvas Demos

    使用 HTML5 canvas 元素实现的游戏、工具和其它应用程序的示例及教程。

     

    你可能还喜欢



    (编译来源:梦想天空  原文来自:HTML5 Canvas Graphing Solutions Every Web Developers Must Know

     

    转载请注明本文地址: 推荐18个基于 HTML5 Canvas 开发的图表库
    展开全文
  • 使用css样式设计一个简单的html登陆界面

    万次阅读 多人点赞 2019-09-05 19:54:26
    利用DIV+CSS布局来制作一个登录页面 login.html部分: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>...--引入字体图标--> ...

    利用DIV+CSS布局来制作一个登录页面

    login.html部分:

    <!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="utf-8">
            <title></title>
            <!--引入字体图标库-->
            <link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.min.css">
            <link rel="stylesheet" href="css/reset.css">
            <link rel="stylesheet" href="css/login.css">
        </head>
        <body>
    
            <div class="wrap">
                <h1>易购商城后台管理系统</h1>
                <form action="">
                    <div class="input-group">
                        //输入框左边的类似图标的东西是一种字体
                        //可在网上下载文件font-awesome-4.7.0后直接粘贴在项目目录下使用
                        <i class="icon-user fa fa-user"></i>
                        <input type="text" name="" class="form-control" placeholder="请输入用户名">
                    </div>
                    <div class="input-group">
                        <i class="icon-user fa fa-lock"></i>
                        <input type="password" name="" class="form-control" placeholder="请输入密码">
                    </div>
                    <div class="input-group btn-group">
                        <button>登录</button>
                    </div>
                </form>
                <p>&copy;xx集团&nbsp;版权所有</p>
            </div>
    
        </body>
    </html>
    

    reset.css部分(重置部分)

    *{
    	margin:0;
    	padding:0;
    }
    a{
    	font-size: 12px;
    	text-decoration: 0;
    	color:#222;
    }
    a,
    input,
    button{
    	outline: none;
    }
    ul,ol,li{
    	list-style: none;
    }
    h1,h2,h3,h4,h5,h6{
    	font-weight: 100;
    }
    img{
    	display: block;
    	border: 0;
    }
    

    关于重置样式文件:

    因为不同的浏览器对html标签的渲染有各自不同,即使开发者不对html页面写一行css代码,打开的页面也总会存在样式,但不同的浏览器的默认样式略有不同,这在一定程度上给开发者创造了麻烦,所以一般在开始写css代码的之前总是会先重置样式表,使得所有浏览器中html元素的样式统一,前端工程师通过自定义样式文件进行样式的统一,从而提高了前端界面的兼容性。

    login.css部分

    y{
    	background: rgba(0,0,0,0.8);
    }
    body{
        //为网页设置背景图片
    	background-image: url(../img/xx.jpg);
    }
    .wrap{
        //使界面主体在浏览器居中
    	position: absolute;//绝对定位
    	left: 50%;
    	top: 50%;
    	margin: -175px 0 0 -250px;
    	padding: 20px;
    	width: 500px;
    	height: 350px;
    	background: #333333;
    	box-shadow:0 0 10px rgba(255,255,255,0.5);
    	box-sizing: border-box;//padding和border被包含在定义的width和height之内
    }
    h1{
    	height: 50px;
    	font-size: 1.6em;
    	text-align: center;
    	border-bottom: 1px solid rgba(255,255,255,0.5);
    }
    .input-group{
    	margin: 20px auto;
    	height: 40px;
    	width: 300px;
    	border: 1px solid rgba(0,0,0,0.2);
    }
    i{
    	float: left;//左浮
    	width: 40px;
    	height: 40px;
    	text-align: center;
    	line-height: 40px !important;
    	background: rgb(22,160,93);
    	color: #fff;
    	font-size: 22px !important;
    	
    }
    .form-control{
    	float: left;
    	padding: 0 10px;
    	height: 40px;
    	border: 0;
    	width: 260px;
    	font-size: 18px;
    	box-sizing: border-box;
    }
    .btn-group{
    	border: 0;
    	margin-top: 40px;
    }
    button{
    	display: block;
    	width: 100%;
    	height: 40px;
    	font-size: 1.2em;
    	letter-spacing: 10px;
    	border: 1px solid rgb(22,160,93);
    	color: rgb(22,160,93);
    	background: #fff;
    	cursor: pointer;
    }
    button:hover{
        //为按钮元素设置鼠标悬浮的动态效果
    	color: #fff;
    	background: rgb(22,160,93);
    }
    p{
    	font-size: 12px;
    	text-align: center;
    	color: #888;
    }
    

    设计结果在浏览器上的效果
    在这里插入图片描述

    展开全文
  • 15个最佳HTML5视频播放器

    万次阅读 2020-06-16 08:14:10
    随着YouTube最近的一项政策变化,即要求创作者... 无论您是YouTube创作者还是有抱负的电影导演,这份15个最佳HTML5视频播放器列表都将帮助您开始开发以视频为中心的网站。 您最需要什么功能? 一个简单的球员? ...
  • 移动Web UI(H5框架)有哪些,看这里就够了

    万次阅读 多人点赞 2017-11-25 16:30:25
    前言今年上半年,项目组在项目开发的过程中建立了一套风格统一,组件丰富完善,命名统一规范的PC端UI,适用于做大型站点,该UI也是应用到了整个平台的项目中,在各个项目组中进行推广。因为项目的保密性,这里不...
  • html5 轻量级炫酷 js 粒子动画

    千次阅读 2016-05-11 10:43:40
    Qarticles A lightweight and high performance JavaScript library for creating particles ...http://hilongjw.github.io/Qarticles/demo.html 下载ZIP
  • 本文介绍前端二维码扫描库html5-qrcode的使用。一、文档及源码https://github.com/dwa012/html5-qrcode二、引入文件需要引入的文件如下:三、创建容器 ;height:250px"> 注意:这里必须指定容器大小。四、扫描...
  • 10款面向HTML5 画布(Canvas)的JavaScript

    千次阅读 2016-04-01 17:43:21
    10款面向HTML5 画布(Canvas)的JavaScript1. Processing.jsProcessing.js是一个开放的编程语言,在不使用Flash或Java小程序的前提下,可以实现程序图像、动画和互动的应用。Processing.js是轻量,易于了解掌握的...
  • MATLAB Simulink模块详解(一)Sources篇

    万次阅读 多人点赞 2018-07-16 09:41:56
    为仿真提供各种信号源2.Sinks模块,为仿真提供输出设备元件3.Continuous模块,为仿真提供连续系统4.Discrete模块,为仿真提供离散元件5.Math模块,提供数学运算功能元件6.Function&amp;Tables模块,...
  • HTML5前端知识图谱

    千次阅读 多人点赞 2019-02-02 23:41:36
    HTML5知识图谱HTML5知识概要 HTML5知识概要
  • 知名Html5 Canvas Javascript对比 (转)

    千次阅读 2015-05-11 13:46:03
    知名Html5 Canvas Javascript对比 声明: 原文链接:http://www.softr.li/blog/2012/06/20/which-html5-canvas-javascript-library-should-i-use 本译文地址:...
  • WeUI是一套同微信原生视觉体验一致的基础样式,为微信Web开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、toast、article、icon等各式元素。 使用 方法一: 使用bower进行安装 ...
  • HTML5游戏开发开源件lufylegend1.3.1发布

    万次阅读 多人点赞 2012-04-10 12:05:40
    这次更新,其实也没加什么太多的内容,主要是为了方便使用,将...lufylegend.js是个javascript,它的前身是LegendForHtml5Programming,名字太长所以改了,它模仿了ActionScript的语法,包含了LSprite,LBitmapData,
  • 基于html5、JS实现的拍照上传图片

    千次下载 热门讨论 2015-01-26 16:34:36
    原理:调出摄像头,拍照保存到画布,将图片URi传送到后台
  • Py之h5py:Python之h5py的简介、安装、使用方法详细攻略 目录 h5py的简介 Websites Installation Reporting bugs h5py的安装 h5py的使用方法 1、写入数据 2、读取数据 h5py的简介 ...
  • HTML5特效动画

    千次阅读 多人点赞 2019-05-21 17:06:03
    HTML5 Canvas 鼠标滑过3D动画背景 在网页中我们经常会设置元素的背景,简单点的设置背景颜色,复杂的就设置背景图片。今天给大家分享一个将HTML5canvas动画作为网页背景的例子,将canvas置于文本底部,canvas上绘制...
  • HTML5视频聊天Demo(WebRTC+NodeJS)

    热门讨论 2014-07-15 14:40:19
    5分钟搭建一个HTML5视频聊天Demo(WebRTC+NodeJS),资源包包括WebRTC和NodeJS下载,详细操作请参见http://blog.csdn.net/lixq_csdn/article/details/37815103
  • HTML5视频直播及H5直播扫盲

    万次阅读 多人点赞 2016-08-15 14:00:22
    分享内容简介: 目前视频直播,尤其是移动端的视频直播已经火到不行了,基本上各大互联网公司都有了自己的直播产品,所以对于直播的一些基本知识和主要...1. 怎样利用 HTML5 来播放直播视频 2. 怎样录制直播视频 3.
  • HTML5 Canvas 实现雨滴下落在玻璃表面的动画效果

    千次下载 热门讨论 2014-09-23 14:13:10
    Rainyday.js 是一个轻量的 JavaScript ,利用 HTML5 Canvas 实现雨滴下落在玻璃表面的动画效果。Rainyday.js 尽可能的模拟现实的雨滴效果,几乎可以以假乱真了。
  • 往期精选H5编辑器的图片上传和图片设计方案如何实现H5编辑器的实时预览和真机扫码预览功能在线IDE开发入门之从零实现一个在线代码编辑器基于React+Koa实现一个h5页面可视化编辑器...
  • HTML5移动Web开发指南,完整扫描版

    热门讨论 2013-11-21 16:28:11
    HTML5移动Web开发指南》主要围绕html5技术,讲述如何利用html5相关技术开发移动web网站和web app应用程序。...第四部分主要结合sencha touch框架html5技术构建进行讲解,旨在帮助读者将html5技术运用于实践之中。
  • HTML5游戏开发开源件lufylegend1.4.1发布

    万次阅读 多人点赞 2012-07-16 15:35:33
    lufylegend.js件的下载及API文档请点击下面链接http://lufylegend.com/lufylegend一,1.4.1版更新内容1,修正了一些低级bug2,增加了hitTest方法,用于检测矩形碰撞3,增加了hitTestArc方法,用于检测圆形碰撞4,为ie...
  • 一个C++解析HTML

    千次阅读 2015-04-15 01:58:18
    HTTP协议使用广泛,相应的,C++在这块需求也开始增加。一个好的解析可以达到事半功倍的效果,在此贴出我的解析的代码,方便新手朋友们使用。
  • 一个轻量级的,加载html效果很好,而且功能很强大。那就是AgentWeb GitHub地址:https://github.com/Justson/AgentWeb GitHub上面介绍: AgentWeb 是一个基于的 Android WebView ,极度容易使用以及功能强大的...
  • HTML5-页面基本结构

    万次阅读 2019-04-24 11:12:50
    什么是HTML? 超文本标记语言(Hypertext Markup Language) ”超文本“指的就是页面内可以包含图片,链接,甚至音乐,程序等非文本元素。 HTML发展历史 超文本标记语言(第一版)–在1993年6月作文互联网工程工作...
  • HTML5游戏开发工具实践(一)

    千次阅读 2015-10-12 11:29:59
    游戏制作工具Orion2是一个图形化的HTML5编辑工具,目标是用来开发小游戏应用。
  • 10款炫酷的HTML5动画特效,附源码

    万次阅读 多人点赞 2019-07-10 20:15:18
    HTML5确实非常强大,很多时候我们可以利用HTML5中的新技术实现非常炫酷效果时,这些效果也非常消耗电脑的CPU,但是这些HTML5效果确实能给用户带来不一样的用户体验...
  • 在这篇文章中,你将学会如何快速搭建 Cocos2d-HTML5 的开发和运行环境,对于脚本来说,大多编辑器提供语法高亮显示,而没有语义补全,虽然有些开发环境提供了自动补全功能,但都不大好用。这里推荐使用 WebStorm,...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,011,055
精华内容 404,422
关键字:

html5库