Pink

js基础教程学习笔记

若如初见. 提交于 2020-05-04 18:22:53
document.write(); document.getElementById(); <script type="text/javascript"></script> 表示在<script></script>之间的文本类型text,javascript是为了告诉浏览器里面的文本是javascript语言 我们可以把js代码与html代码分开,并在html中引用: <script src="script.js"></script> 找到你的位置(JS在页面中的位置) 我们可以将JavaScript代码放在html文件中任何位置,但是我们一般放在网页的head或者body部分。 放在<head>部分 最常用的方式是在页面中head部分放置<script>元素,浏览器解析head部分就会执行这个代码,然后才解析页面的其余部分。 放在<body>部分 JavaScript代码在网页读取到该语句的时候就会执行。 注意: javascript作为一种脚本语言可以放在html页面中任何位置,但是浏览器解释html时是按先后顺序的,所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面,因为初始化都要求提前进行(如给页面body设置css等);而如果是通过事件调用执行的function那么对位置没什么要求的。 认识语句和符号

好程序员web前端培训系列分享css伪元素的实用技巧

混江龙づ霸主 提交于 2020-04-27 17:46:33
  好程序员web前端培训系列分享css伪元素的实用技巧   1.定义:伪元素用于创建一些不在文档树中的元素,并为其添加样式。比如说,我们可以通过:before :after来在一个元素前、后增加一些文本,并为这些文本添加样式。虽然用户可以看到这些文本,但是这些文本实际上不在文档树中。 2.伪元素的单双冒号 在CSS2之前规范不明确的时,伪元素使用单冒号(:)来表示; 在CSS3规范中的要求使用双冒号(::)表示伪元素,以此来区分伪元素和伪类;但为了向上兼容,现在用单冒号(:)也可以的。 3. 使用场景 下面运用before和after在元素前面和后面插入伪元素,实现一些有意思的小效果,代码和效果图附上。 3.1用伪元素实现插入文字、字体图标库 3.1.1插入文字: h1:before { content:"你好"; / 在标题前面插入文字 并设置样式 / color: pink; font-size: 20px; width: 40px; height: 40px; } 我是标题 效果如下: 3.1.2插入iconfont字体图标库: @font-face { font-family: 'iconfont'; src: url('http://at.alicdn.com/t/font_1274897_t3pj4anz7hg.eot'); src: url('http://at

vue中如何实现数据的双向绑定

被刻印的时光 ゝ 提交于 2020-04-25 22:48:50
  vue中如何实现数据的双向绑定   vue中的指令       v-cloak:       v-model(表单元素设置了之后会忽略掉value,checked,selected)       v-text:代替 {{}} 渲染成文本(不会识别html标签)可以防止网速卡慢时{{}}出现在页面上       v-html:把html字符渲染成html       v-once:只绑定一次(不能写成v-once=”msg”)       v-bind:动态地绑定一个或多个特性       v-for:遍历数组、对象、字符串、数字       条件渲染:v-if v-else-if v-else与v-show       v-show       v-on:监听 DOM 事件(v-on:click可缩写为@click)       自定义指令   vue中的修饰符     表单修饰符     事件修饰符   表单元素双向数据绑定(双向同步)     单选框     复选框     下拉框   Vue中的Class样式与style样式动态绑定(动态的优先级高于原来的)   根据hash实现单页面开发 vue中如何实现数据的双向绑定 实现视图变化数据跟着变:分两步,上面get中的为第二步(即再次读取的时候会调用get方法得到之前设置的值,以此来实现动态改变) 由于直接写obj

20172328 蓝墨云实验——三种查找算法练习

若如初见. 提交于 2020-04-25 08:02:09
20172328 蓝墨云实验——三种查找算法练习 课程:《软件结构与数据结构》 班级: 1723 姓名: 李馨雨 学号:20172328 实验教师:王志强老师 实验日期:2018年10月19日 必修选修: 必修 一、实验要求学习内容 查找的关键:比较 用平均比较次数来评估算法的优劣,称为<font color = purple>平均查找长度(ASL)</font> ASL = ∑ p(i)c(i)(i=1,2,3,…,n) 其中P(i)为查找表中第i个数据元素的概率,C(i)为找到第i个数据元素时已经比较过的次数. 在查找表中查找不到待查元素,但是找到待查元素应该在表中存在的位置的平均查找次数称为<font color = lightpink>查找不成功时的平均查找长度</font>。 线性查找算法的ASL :如果每个关键字查找概率相同,则ASL = (n+1)/2;时间复杂度为O(n) 二分(折半)查找算法的ASL :如图所示,时间复杂度为O(log2(n)) 分块(索引顺序)算法的ASL :因为分块查找是先折半查找再线性查找,故假设序列分成了n块,每块k个元素,那么ASL = LB + LA 那么ASL = (1+n)/2 + (1+k)/2 哈希表ASL :哈希表(Hash Table)也叫散列表,是依据关键码值(Key Value)而直接进行訪问的数据结构

python turtle库的几个小demo

一世执手 提交于 2020-04-24 20:26:22
一、先上图 一个同切圆和五角星 上代码 import turtle #同切圆 turtle.pensize(2) turtle.circle(10) turtle.circle(40) turtle.circle(80) turtle.circle(160) #五角星 from turtle import * color('red','yellow') begin_fill() for i in range(5): fd(200) rt(144) end_fill() done()   至于turtle库的用法,这里有教程链接 python绘图turtle库详解 https://blog.csdn.net/zengxiantao1994/article/details/76588580 二、小猪佩奇 # coding:utf-8 import turtle as t # 绘制小猪佩奇 # ======================================= t.pensize(4) t.hideturtle() t.colormode(255) t.color((255, 155, 192), "pink") t.setup(840, 500) t.speed(10) # 鼻子 t.pu() t.goto(-100,100) t.pd() t.seth(-30) t

js插件---iCheck是用来做什么的

不羁的心 提交于 2020-04-24 05:52:58
js插件---iCheck是用来做什么的 一、总结 一句话总结:25 种参数 用来定制复选框(checkbox)和 单选按钮 (radio button) 定制复选框 定制单选按钮 1、iCheck常用的方法有哪些? $('input').iCheck('check'); $('input').iCheck('uncheck'); $('input').iCheck('toggle'); $('input').iCheck('disable'); $('input').iCheck('enable'); $('input').iCheck('update'); $('input').iCheck('destroy'); 使用方法: $('input').iCheck('check'); //将输入框的状态设置为checked $('input').iCheck('uncheck'); //移除 checked 状态 $('input').iCheck('toggle'); //toggle checked state $('input').iCheck('disable'); //将输入框的状态设置为 disabled $('input').iCheck('enable'); //移除 disabled 状态 $('input').iCheck('update'); //apply

Turtle库学习笔记

假装没事ソ 提交于 2020-04-24 03:01:59
一、 Turtle 库是 Python语言中一个很流行的绘制图像的函数库,想象一个小乌龟,在一个横轴为x、纵轴为y的坐标系原点,(0,0)位置开始,它根据一组函数指令的控制,在这个平面坐标系中移动,从而在它爬行的路径上绘制了图形。 二、基础概念 1 、画布 : 画布就是 turtle 为我们展开用于绘图区域 , 我们可以设置它的大小和初始位置。常用的画布方法有两个: screensize() 和 setup() 。 ( 1 ) turtle.screensize(canvwidth, canvheight, bg) : 参数分别为画布的宽 ( 单位像素 ), 高 , 背景颜色 如: turtle.screensize(800,800,'pink') ( 2 ) turtle.setup(width, height, startx, starty) : width, height: 输入宽和高为整数时 , 表示像素 ; 为小数时 , 表示占据电脑屏幕的比例。 (startx, starty): 这一坐标表示 矩形窗口左上角顶点的位置 , 如果为空 , 则窗口位于屏幕中心。 2 、画笔: 在画布上,默认有一个坐标原点为画布中心的坐标轴 , 坐标原点上有一只面朝 x 轴正方向小乌龟。这里我们描述小乌龟时使用了两个词语: 标原点 ( 位置 ) , 面朝 x 轴正方向 ( 方向 ) ,

Tkinter简易教程

耗尽温柔 提交于 2020-04-17 22:29:10
支持python的常见GUI工具包: Tkinter 使用Tk平台 很容易得到 半标准 wxpython 基于wxWindows。跨平台越来越流行 Python Win 只能在Windows上使用 使用了本机的Windows GUI功能 Java Swing 只能用于Jython 使用本机的Java GUI PyGTK 使用GTK平台 在linux上很流行 PyQt 使用QT平台 跨平台 Tkinter学习 介绍以下几个控件的用法 Label Frame Entry Text Button Listbox Scrollbar 说明每个控件最后要加上pack().否则控件是无法显示的 1.Label 说明:标签 用法:Label(根对象,【属性列表】) 属性: text 要显示的文本 bg 背景颜色 bd 外围3D边界的宽度 font 字体(颜色、大小) width 控件宽度 height 控件高度 实例: #-*- coding: UTF-8 -*- __author__ = '007' __date__ = '2016/4/7' from Tkinter import * root = Tk() # 初始化Tk() root.title("label-test") # 设置窗口标题 root.geometry("200x300") # 设置窗口大小 注意:是x 不是* root

Html的css3法和python3 的matplotlib法实现波浪音节动画特效解析

纵饮孤独 提交于 2020-04-11 09:43:44
感谢平台分享- http://bjbsair.com/2020-04-10/tech-info/53349.html 1.说明: 1.1 推荐指数:★★★★ 1.2 熟悉html的css3相关知识,展现python的强大和matplotlib高级作图法,熟悉相关编程知识和思维。 1.3 本解析通俗易懂,适合任何人士,代码本人亲测过,建议python3.8、微软vscode编辑器和谷歌浏览器使用。 1.4 有点长,适合收藏,慢慢玩。 比较真实的音乐音效动画 2 先说python的matplotlib法 2.1 代码: #---导出模块--- from mpl_toolkits.mplot3d import Axes3D import matplotlib.pyplot as plt import numpy as np #---定义画布大小、颜色、布局--- #fig,ax=plt.subplots() #等同于下面,建议采用下面这种方式 fig = plt.figure(figsize=(22,14),facecolor='black',edgecolor='white') ax=fig.add_subplot(111, projection='3d',facecolor='black') #--定义3d坐标轴的z和x,y--- z=[30] x = np.arange(10)

MIT6.0001 笔记,LECTURE 5:Tuples, List (aliasing, mutability, cloning详解)

半城伤御伤魂 提交于 2020-04-06 09:34:30
这一篇博客主要来解释list的高级特性,主要包括aliasing,mutability,和cloning。这三个特性在赋值时需要特别注意。本篇笔记和代码都来自于MIT的公开课,第五课。 《Introduction to Computer Science and Programming in Python》 。 aliasing 对于 简单的数据类型 ,比如int,使用 b = a 赋值之后,b只是得到了a的地址。如果修改b的值,则b的地址同时改变。 a = 1 b = a print ( 'id(a) is ' , id ( a ) ) print ( 'id(b) is ' , id ( b ) ) print ( 'a is' , a ) print ( 'b is' , b ) id(a) is 1865706560 id(b) is 1865706560 a is 1 b is 1 b = 3 print ( 'id(a) is ' , id ( a ) ) print ( 'id(b) is ' , id ( b ) ) print ( 'a is' , a ) print ( 'b is' , b ) id(a) is 1865706560 id(b) is 1865706624 a is 1 b is 3 对于 复杂的数据结构 ,比如list,使用 hot =