background

网页播放器开发系列笔记(二)

℡╲_俬逩灬. 提交于 2020-03-05 09:31:18
(二)页面展示 各位朋友大家好,我们接着上文继续开发,这一节我们主要是把上一节最后的图片素材从新组合,用 web形式展现,我们用到的主要工具是:HBuilderX,这个工具我就不介绍了,上手很容易,很好用的,具体情况大家可以百度研究一下。 1.新建项目 首先启动 HBuilderX开发工具,新建一个项目,具体操作“文件”→“新建”→“项目”如图2-1所示。 图 2-1 新建项目 在弹出的对话框中选择普通项目,项目名称填入 “网页播放器”,选择存储路径,选择空项目,单击创建即可,如图2-2所示。 图 2-2 设置新项目 2.新建目录 在左侧的项目管理窗口,项目上单击右键选择 “新建”→“目录”,CSS文件夹,用于存放样式文件,如图2-3所示新建目录。新建images目录,存放我们上节剪切的图片素材,记得把所有需要的图片素材全部拷贝到该目录下,拷贝十分简单,在文件中复制图片,在项目管理images目录点击右键,选择粘贴,这样所复制的图片就全部拷贝到该目录下了;新建JS目录,用于存放Javascript文件。 图 2-3 新建目录 3.新建文件 新建文件与新建目录大同小异,在项目上点击右键依次选择 “新建”→“html文件”,命名为“index.html”,用于编写HTML代码;在CSS目录上点击右键依次选择“新建”→“css文件”,命名为“playMusic.css”

matplotlib模块 06

百般思念 提交于 2020-03-05 02:29:39
matplotlib模块 */ /*--> */ */ /*--> */ */ /*--> */ In [10]: import numpy as np import pandas as pd import matplotlib.pyplot as plt from matplotlib.font_manager import FontProperties # 修改字体 最简单的图表 ¶ In [3]: x = [5,7,2,10] plt.plot(x) ### 画折线图,传入一个值的话,这个值就是y轴值 plt.show() In [5]: x = [5,7,2,10] y = [3,9,10,5] plt.plot(x,y) ### 画折线图,传入两个值的话,第一个代表x值,第二个代表y值。 plt.show() In [13]: x = [1,3,6,9] y = [12,5,10,20] font=FontProperties(fname='C:\Windows\Fonts\simhei.ttf') plt.figure(figsize=(10,6)) #### 设置画板大小,第一个值表示宽度,第二个值表示高度。 plt.title('两个参数的折线图',fontproperties=font, fontsize=20, color='red') ### 设置标题 plt

Django基础

我的未来我决定 提交于 2020-03-04 13:38:16
Python的WEB框架有Django、Tornado、Flask 等多种,Django相较与其他WEB框架其优势为:大而全,框架本身集成了ORM、模型绑定、模板引擎、缓存、Session等诸多功能。 基本配置 1、创建Django程序 终端命令:django-admin startproject sitename IDE创建Django程序时,本质上都是自动执行上述命令 上述的sitename是自己定义的项目名称! 其他常用命令:   python manage.py runserver 0.0.0.0:port   python manage.py startapp appname   python manage.py syncdb   python manage.py makemigrations   python manage.py migrate   python manage.py createsuperuser 2、程序目录 settings.py 放配置文件 urls.py 存放路由系统(映射) wsgi.py 让你做配置:wsgi有多重一种uwsgi和wsgi,你用那种wsgi来运行Django,一般不用改只有你用到的时候在改 manage.py 就是Django的启动管理程序 以上配置文件,如果是初学者当创建完project后都不要修改

django基础篇

爱⌒轻易说出口 提交于 2020-03-04 13:37:22
Python的WEB框架有Django、Tornado、Flask 等多种,Django相较与其他WEB框架其优势为:大而全,框架本身集成了ORM、模型绑定、模板引擎、缓存、Session等诸多功能。 基本配置 1、创建Django程序 终端命令:django-admin startproject sitename IDE创建Django程序时,本质上都是自动执行上述命令 上述的sitename是自己定义的项目名称! 其他常用命令:  python manage.py runserver 0.0.0.0:port   python manage.py startapp appname   python manage.py syncdb   python manage.py makemigrations   python manage.py migrate   python manage.py createsuperuser 2、程序目录 settings.py 放配置文件 urls.py 存放路由系统(映射) wsgi.py 让你做配置:wsgi有多重一种uwsgi和wsgi,你用那种wsgi来运行Django,一般不用改只有你用到的时候在改 manage.py 就是Django的启动管理程序 以上配置文件,如果是初学者当创建完project后都不要修改

SharePoint Designer - Workflow

一世执手 提交于 2020-03-04 11:36:16
另一篇文章 SharePoint 2013 - Designer Workflow 1. Set field in current item : 不要连续多次使用,否则在发布时会出现unexpected error;当需要同时更新几个字段时,使用update list item。 2. Error:   (1)Errors were found when compiling the workflow. The workflow files were saved but cannot be run. Unexpected error on server associating the workflow。 --------http://support.microsoft.com/kb/2557533 3. Wait for Field Change in Current Item: 可使用此活动将工作流停顿在某一步; 4. 获取InfoPath的文件名(含扩展名)时,可以用 'Name (for use in forms)',或者Title属性,但不要使用Name属性,因为Name属性不包含扩展名; 5. Email 模板 <head><style>TABLE.mail { border-style:none; border-collapse:collapse; font:8pt

css水平垂直居中

笑着哭i 提交于 2020-03-04 09:30:45
1.元素水平居中:元素是行内块元素,可以设置宽度的情况下,margin: 0 auto; 2.一个已知宽度和高度的开启了position: absolute;的元素(父元素开启position: relative;) <div class="wrap"> <div class="content"></div></div> <style> .wrap { background-color: red; width: 300px; height: 300px; position: relative; } .content { background-color: yellow; width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; margin: -50px 0 0 -50px; }</style> 3.一个宽高不固定的元素,同上方式,把固定可知的margin替换成 transform: translate(-50%, -50%); <div class="wrap"> <div class="content">11111</div></div> <style> .wrap { background-color: red; width: 300px; height: 300px; position:

Vue初学者需要掌握的知识点及案例

与世无争的帅哥 提交于 2020-03-04 04:20:42
什么是Vue 前端框架的三大马车(按时间顺序): angular 谷歌公司 m(数据) v(视图) c(控制器) 双向数据绑定 react facebook 视图层的框架view 虚拟dom vue 尤玉溪 双向数据绑定+虚拟dom 是一套用于构建用户界面的渐进式框架 入门难度最低 为什么要学习Vue 高效 运行效率高 采用虚拟dom 减少真实dom的操作使项目的运行效率大大提高 开发效率高 采用了组件化开发 将开发者的精力从dom操作解放出来,转移到数据操作上 dom操作极其影响效率,是制约效率的关键,要减少dom 修改内存中的数据(变量)消耗的资源远远小于dom操作 虚拟dom 就是一个内存中的一个对象 该对象有一个特点和dom有相同的结构 爱上Vue 一旦熟悉,就情不自禁的用Vue,会抛弃原来二阶段的写法(直接操作dom) Vue的实例化 ① /*1、下载引入 2、找到一个dom元素 这个dom元素要被vue控制 3、在js中实例化Vue*/ < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < title > 1 vue的实例化 < / title > < script src = '../vue

『Web前端』 CSS入门(9)——CSS 背景

隐身守侯 提交于 2020-03-03 19:23:38
CSS 背景 CSS 允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果。 CSS 在这方面的能力远远在 HTML 之上。 背景色 可以使用 background-color 属性为元素设置背景色。这个属性接受任何合法的颜色值。 这条规则把元素的背景设置为灰色: p { background-color : gray ; } 如果您希望背景色从元素中的文本向外少有延伸,只需增加一些内边距: p { background-color : gray ; padding : 20px ; } 示例: <html> <head> <style type="text/css"> body { background-color : yellow } h1 { background-color : #00ff00 } h2 { background-color : transparent } p { background-color : rgb ( 250,0,255 ) } p.no2 { background-color : gray ; padding : 20px ; } </style> </head> <body> <h1>这是标题 1</h1> <h2>这是标题 2</h2> <p>这是段落</p> <p class= "no2" >这个段落设置了内边距。</p> <

H5页面在iPhoneX刘海屏适配

我与影子孤独终老i 提交于 2020-03-03 19:11:24
前言 iPhone X和IOS 11的发布,不仅在许多技术方面造成了一定的冲击,前端也不可以避免地也受到影响,因为iPhone X刘海的影响,在编写前端页面的时候要做一些处理,下面先提出一些新的概念。 iphone介绍 iPhone X 无论是在屏幕尺寸、分辨率、甚至是形状上都发生了较大的改变,下面以iPhone 8作为参照物,看看到底iPhone X的适配我们要怎么考虑。 我们看看iPhone X尺寸上的变化: 概念 一、刘海屏 刘海屏也有其它叫法:凹凸屏、头凹屏、覆盖屏、挖孔屏等等,这里统一按刘海屏命名,虽然都在吐槽IPhoneX的刘海屏,但是各大安卓厂商还是不停的争相模仿,使用起来也是挺不方便的,颜值上升,操作感下降,尤其是单手握住屏幕的边缘时会有极大的不便。 苹果IOS的还好,但是安卓的厂商有小米、华为、oppo、vivo等都相应的出了自己的刘海屏,各大厂商也出了自己兼容刘海屏的方案,我们在另外一篇文章中会提及到安卓全家桶——各大厂商的刘海屏解决方案。 二、安全区域 因为刘海的关系,所有的展示都会放在一个叫做safe-area的区域,如下图,主要是为了防止显示的内容被刘海传感器(house sensor),圆角边框(rounded corners)所遮挡,这样对用户来说是不友好的,但是如果全部内容被放置在默认的安全区域,显示的内容就会被压缩,这个时候需要做一些处理

博客园样式

冷暖自知 提交于 2020-03-03 17:23:43
原文: https://segmentfault.com/a/1190000012956911 1. 基础介绍 1-1. 介绍一下我的博客设置 我个人比较习惯用 Makedown 来编写,所以我选择的编辑器是 Makedown ,在 [ 管理 ] - [ 选项 ] 中可以设置。 在 [ 管理 ] - [ 模版 ] 中有许多博客模板,可以直接使用,界面也会变好看一点。我使用的是 red_autumnal_leaves (红叶) 因为我的样式定制是在 红叶 的模版基础上进行修改的,所以可能其他的模版会出现兼容的问题,这个可以根据自己的模版和喜好进行修改。(我已经尽量做到样式兼容了,但是模版太多,心有余而力不足啊。。。) 1-2. 简单的操作 可以通过 审查元素 的方法,来设置自己满意的样式。操作是 F12 。 F12 操作可以打开 控制面板 ,具体的样式可以直接在上面修改,然后把修改后的样式保存下来。 保存后的样式,复制到 [ 管理 ] - [ 设置 ] - 页面定制CSS代码 上面,然后 [ 保存 ] 注意: 有时候修改的样式没有起作用,是因为样式的优先级的原因,这里我选择简单粗暴的 !important 来解决 2. 设置标题、子标题、导航栏 2-1. 标题和子标题 标题和子标题 是页面最顶部的,设置在 [ 管理 ] - [ 设置 ] - 标题,子标题 /* 博客标题和副标题 */