- 博客(29)
- 收藏
- 关注
RSS订阅原创 第一章 数据存储
1.1 位和位存储信息是以0和1的模式编码，这些数字称为位（bit, 是binary digit的简写，意思是二进制数字）1.2 主存储器为了储存数据，计算机包含大量的电路，每一个电路能够储存一个位。这种位储存器被称为计算机的主存储器。 1.2.1 存储器结构计算机的主存储器是由成为 存储单元(cell)的可管理单位组成的，一个典型存储单元的容量是8位。因为一个8位的串称为一个...
2018-09-18 17:13:06
437
原创 7-6 列表筛选功能
在view中加入筛选城市逻辑class OrgView(View): def get(self,request): all_orgs = CourseOrg.object.all() all_city = CityDict.object.all() #取出筛选城市 city_id = request.GET.get('city','') ...
2018-09-07 20:42:15
356
原创 7.5 列表的分页功能
https://github.com/jamespacileo/django-pure-pagination如何实现对页面的分页第一步：使用django-pure-pagination ,按照github上所述安装配置第二步：在机构页面View函数在加入分页逻辑：organization/views.pyclass OrgView(View): def get(self,...
2018-09-07 10:54:48
132
原创 7.3 & 7.4 如何显示保存的机构介绍
第一步 创建机构模型 class CourseOrg(models.Model): name = models.CharField(max_length=50, verbose_name=u"机构名称") desc = UEditorField(verbose_name=u"机构描述",width=900, height=300, imagePath="org/uedi...
2018-09-06 22:55:44
118
原创 12.21 原型 - prototype 和__proto__
function User(name,age) this.name = name; this.age = age;this.eat = function(){ console.log('mia mia mia...')}this.greet = function(){ console.log('Yo,我叫'+this.name +',我今年'+this.age+'岁了')...
2018-09-06 22:41:32
110
原创 setting中的各种设置
* 在admin中填写课程机构信息时，需要上传图片。在定义CourseOrg模型时，上传图片用到了image=models.ImageField(upload_to='org/%Y/%m', verbose_name=u'封面图')。模型中指明的路径为相对路径，Django不知道到底把文件存放在哪个根目录之下。因此在settings.py中设置MEDIA_URL ='/media/'...
2018-09-06 11:27:59
3011
原创 7-3 & 7-4课程机构列表页数据展示
将 机构类型 写成前端静态文件， 将 所在地区 从后端取出展示在页面上1.写好了保存城市信息的model apps/organizations/models.pyclass CityDict(models.Model): name = models.CharField(max_length=20, verbose_name=u"城市") desc = mode...
2018-09-06 11:17:59
192
原创 7-1 & 7-2 django templates模板继承
网站的继承base.html 为继承的页面<!DOCTYPE html><html>{% load staticfiles %}<head> <meta charset="UTF-8"> <meta name="renderer" content="webkit"> &a
2018-09-06 11:08:22
175
原创 12.20 原型-构造器
工厂函数 function usre(name,age,gender){ var person = {}; person.name = name; person.age = age; person.gender = gender; return person;}var whh = user('王花花',20,'male')console.log('wh...
2018-09-05 21:39:01
100
原创 12.19 undefined - 数据类型详解
为什么会有这种类型？因为JS是一门神奇的语言 :("undefined"这个词的字面意思是"未定义"，好的，那我声明一个变量var a; console.log(a); // undefineda为什么是undefined？？？"因为你那叫声明不叫定义，你还没赋值呢，如果你没赋值，那它肯定是未定义呀"OK，我来赋值var a = undefined; // 这里竟...
2018-09-05 21:10:37
168
原创 12.18 null - 数据类型详解
为什么会有这种类型？因为有时候我们需要明确的说明一个量只有壳没有瓤，也就是空。使用null只有在需要明确指定（或清空）一个量时才使用，如删除用户介绍：user.intro = null。 null只能手动设置，JS本身不会将任何量的默认值设为null。注意typeof null 会返回 "object"为什么会这样？JS设计者的锅，工作没做好，仅此而已。那为什么一直...
2018-09-05 21:08:12
524
原创 12.17 Array - 数据类型详解
为什么会有这种类型？因为好组织。举个栗子：var 同学1 = '王花花';var 科目1 = '传呼机打蜡指南';var 同学2 = '李拴蛋';var 科目2 = '上网冲浪必修';var 同学3 = '刘备备';var 科目3 = '网络词汇必修';var 同学 = [ '王花花', '李拴蛋', '刘备备',];var 科目 = [ '传呼机...
2018-09-05 21:04:14
281
原创 12.16 Object - 数据类型详解
为什么会有这种类型？因为好组织。举个栗子：// 第一种写法var 人名 = '王花花';var 狗的年龄 = 3;var 人的年龄 = 20;var 狗的职业 = '保卫员';var 人的部门 = '序员鼓励部';var 狗名 = '李拴蛋';var 人的职业 = '序员鼓励师';var 狗的部门 = '序员保卫处';// 第二种写法var 花花 = { 姓...
2018-09-05 20:51:43
187
原创 12.15 Sting-数据类型详解
为什么会有这种类型？因为机器无法理解人类的语言，而我们又需要显示人类的语言。"yo"和"mmp"在计算机眼里只是两串不同的字符而已，所以，当我们把一个商品的标题写为"发货地：西安"那就是我们的锅了，因为这个数据应该写在商品属性里，而不是标题上，而机器并不知道这两者的区别。如何定义一段字符串？很简单，用引号包起来就好"yo" 双引号 'yo' 单引号 在JS中单双引号没有任何...
2018-09-05 20:25:58
174
原创 12.14 Number-数据类型详解
为什么会有这种类型？因为好算。计算机可以直接理解数字，如果你在console中输入1 + 1它会立即返回2，而如果你输入'1' + '1'猜猜它会返回什么？并不是我们预期的'2'而是'11' ˙Ꙫ˙所以为了方便计算，一般在需要发生数学运算的地方我们都会使用Number类型，如价格、总数、折扣等等。常见的Number类型都有哪些？整数（整型） 如：1，-1 怎么判断一个值是...
2018-09-05 20:12:11
225
原创 12.13 window对象: setTimeout setInterval和clearInterval
setTimeout计时器，设置某件事在时间到了后去执行setTimeout(function(){ console.log('2s到了')},2000);2000毫秒=2秒 函数中单位为毫秒setInterval函数中，第二个参数为时间参数，意为间隔多少秒执行一次var count = 0;var timer = setInterval(function()...
2018-09-05 20:06:06
120
原创 12.12 window对象: alert confirm和prompt
alert用于提示用户某些信息confirm使用确认消息框可向用户问一个“是-或-否”问题，并且用户可以选择单击“确定”按钮或者单击“取消”按钮。confirm 方法的返回值为 true 或 false。var r = confirm('您是否年满18周岁？');console.log('r:',r);prompt提示消息框提供了一个文本字段，用户可以在此字段输入一个答...
2018-09-05 19:40:28
159
原创 12.11 闭包
通过一个例子引入必闭包概念var user={ name:'王花花'; age:20; sex:'女'}user.age=21;这样我们很轻易的改变了user的age,这种方式在大型程序中比较危险function user(name){ var age,sex; return{ getName:function(){return name;},setN...
2018-09-05 08:41:36
83
原创 12.10 函数
函数：1.封装代码，重复使用一段代码2.控制数据流3.作用域没有定义在函数里的变量是全局变量，在函数内部仍然是可见的若把一个变量声明在函数里面，就会变成一个局部变量，作用域就是局部作用域，只在function内部可见避免污染作用域，定义匿名函数来使用 ;(function(){ var a=1;})();传参在JS中，没有语言层面的必传参数。fu...
2018-09-04 22:33:22
108
原创 14.1栅格系统
栅格系统是专门用于分割页面宽度。栅格系统把母元素的宽度看成12份，最小的单位是12分之一。<link href="https://cdn.bootcss.com/bootstrap/4.0.0-beta.3/css/bootstrap-grid.css" rel="stylesheet"><body> <div class='col-md-3'&g...
2018-09-04 21:35:32
450
原创 9.9 伪元素选择器
改变段落的第一个字符大小P:first-letter{ font-size:50px;}在某一类后添加内容<a class='help'>什么是支付密码</a>.help:after{ content:'[?]'; color:blue;}选择div更加灵活的一种方式<body> <div> ...
2018-09-04 20:24:46
78
原创 9.8伪类选择器
实现功能：点击过的网址和没点击过的网址颜色不同<body> <a href ='http://baidu.com?'>断网测试</a></body>没访问过a:link{ color:blue;}访问过a:visited{ color:gray;}鼠标悬停在button按键上改变样式<body...
2018-09-04 18:24:10
68
原创 9.7相邻选择器及通用相邻选择器
<body> <div class ='a'>a</div> <div class = 'b'>b</div> <div class = 'c'>c</div></body>.a + div { background:rgba(255,0,0,.3);}
2018-09-04 18:06:44
304
原创 9.6后代选择器
<head> <meta charset='utf-8'> <link rel='stylesheet' href='index.css'></head><body> <div class='a'>a <div class='b'>b <div class='c'
2018-09-04 17:45:34
71
原创 9.5属性选择器
<html> <head> <meta charset = 'utf-8'> <link rel = 'stylesheet' href='index.css'> </head> <body> <button title = '点击此处登录'>登录</button
2018-09-04 17:12:18
63
原创 9.4 类选择器与ID选择器
类选择器 class语法 .类名{}<html> <head> <meta charset='utf-8> <link rel='stylesheet' href='index.css'> </head> <body> <p id='logo'>LOGO&
2018-09-04 16:01:30
90
原创 9.3 元素选择器
<body> <h1>h1</h1> <h2>h2</h2> <h3>h3</h3></body>h1,h2,h3 { color:gray; background:black;}h1 { border:3px solid green;
2018-09-04 15:34:27
92
原创 9.2 CSS的引入方式
方式一：内嵌式，直接在<style></style>标签里书写<style>a{ a: b; c: d;}</style>方式二：链接式，可以把外部样式表引入<html> <head> <meta charset='utf-8'> <title
2018-09-04 15:22:45
137
原创 标签学习
<body>把一张网页比作一个人<body>标签就表示一个人所有的可见部分，如五官、四肢、... 对于真实存在的但是肉眼不可见的部分，如思想、人格、性取向等<body>标签是管不着的。 <body>包含着页面中所有的可见元素，比如链接、段落、图片... <body>是所有的可见元素的先人。<head>把一张网页比作...
2018-09-03 23:05:45
1100
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人