• 每日一道题


    列举你所知道的PEP8规范

    每级缩进用4个空格

    限制所有行的最大行宽为79个字符

    文本长块,比如文档字符串或注释,行长度应限制为72个字符

    空两行来分割顶层的函数和类的定义

    类的方法定义或者定义变量的时候使用一个空格来隔开

    导入模块的时候空一个空格

    在逗号,冒号,分号之前是避免空格的

    字符编码的发展史

    阶段1

    计算机只认识数字,因为在计算机中一切数据都是以数字来表示的,因为英文符号是有限的,所以在规定使用的字节最高位是0,每一个字节都是以0~127之间的数字来表示,比如A对应的是65,a对应的是97

    这就是美国标准信息交换码ASCLL码

    阶段2

    随着计算机在全球的普及,很多国家和地区都把自己的字符引入了计算机中,比如汉字。

    此时发现一个字节能表示数字范围太小,不能包含所有的中文汉字,那么久规定使用两个字节来表示一个汉字。

    规定:原有的ASCLL字符的编码仍然用一个字符,为了区别一个中文字符与两个ASCLL码字符相区别。

    中文字符的每个字节最高规定为1,这个规定就是GB2312编码

    后俩在GB2312的基础上增加了更多的中文字符,比如汉字,也就是出现了GBK编码。

    为了解决各个国家因为本地化字符编码带来的影响,就把世界上所有的符号统一进行编码Unicode编码

    常见的字符集

    ACSLL:占一个字节,包含128个字符,不能表示汉字

    GB2312/GBK:占两个字节,支持中文

    UTF-8:是一种针对Unicode的可变长度字符编码,又称为万国编码。用1到6个字符编码Unicode字符。用在网页上可以统一页面显示中文简体繁体以及其他语言。

    数据库中的三种对应的关系,还有var和varchar的区别

    一对一:

    例如:一个人对应一个唯一的身份证号

    一对多:

    例如:一个班级对应多名学生

    多对多:

    例如:一个学生可以选多门课程,而同一门课程可以被多个学生选修

    char类型的长度是固定的,varchar的长度是可变长的

    存储一个‘abc’,使用char(10),表示存储的字符将占10个字节(其中包含7个空字节)

    使用varchar(10),表示存储只占3个字节,10是最大的值,当存储的字符小于10时,按照实际的长度存储,这样可以节省内存空间;但是char比varchar的效率稍高,即要获得效率即必须牺牲一点空间,这就是设计上的“以空间换时间”,虽然varchar比char节省空间,但是一个varchar列经常被修改,而且每次修改数据的长度不同,这会引起“行迁移的现象”,而这造成的多余的I/O,是数据库设计中尽量避免的,在这种情况下使用char代替varchar会更好一些

    总结:如果一个字段经常被修改,而且每次修改的数据长度不同,为了效率应当考虑用char定长代替varchar变长。

    设计的时候尽量考虑,用空间换时间。

    JQuery表单筛选器

    (:checked)需要注意什么,样式操作都有哪些方法,属性操作方法以及针对checkbox和radio属性操作有何不同

    JQuery的:checked选择器用于匹配所有选中的表单域元素,将其封装为jQuery对象并返回。

    选中的表单域指的是具有checked属性的radio和checkbox表单域,以及具有selected属性的option标签

    注意:checked选择器不仅匹配具有checked属性的radio和checkbox,还可以匹配具有selected属性的option标签。:checked选择器只匹配具有checked属性的radio和checkbox是错误的。

    语法:jQuery(“:checked”)

    返回值

    返回封装了所有选中的表单域元素的jQuery对象

    如果找不到任何响应的匹配,则返回一个空的jQuery对象。

    查看所有的提交按钮

    $(":checked");

    如果你希望选中radio和checkbox,使用input:checked

    js代码用法:$("input:checked");

    如果匹配选中的checkbox,使用checkbox:checked,radio也是同理的

    $(":checkbox:checked);

    一、jQuery后续

    1. 动画效果
      // 基本
      show([s,[e],[fn]])
      hide([s,[e],[fn]])
      toggle([s],[e],[fn])
      // 滑动
      slideDown([s],[e],[fn])
      slideUp([s,[e],[fn]])
      slideToggle([s],[e],[fn])
      // 淡入淡出
      fadeIn([s],[e],[fn])
      fadeOut([s],[e],[fn])
      fadeTo([[s],o,[e],[fn]])
      fadeToggle([s,[e],[fn]])
      // 自定义(了解即可)
      animate(p,[s],[e],[fn])
      (1)自定义点赞动画实例
    点赞动画示例
    点赞

    点赞特效简单示例
    2. jQuery的自带方法
    注意: jQuery的方法返回一个jQuery对象,遍历jQuery集合中的元素 - 被称为隐式迭代的过程(即一个jQuery对象通过点的方法,会自动的遍历jQuery对象这个数组中的每一个JS对象,将这些JS对象都执行一次点的方法。)。当这种情况发生时,它通常不需要显式地循环的 .each()方法:
    (1)each (类似for循环)
    语法一:

    $.each(collection, callback(indexInArray, valueOfElement)):

    // 例子:
    li =[10,20,30,40]
    $.each(li,function(i, v){
    console.log(i, v);//index是索引,ele是每次循环的具体元素。
    })

    // 输出:
    010
    120
    230
    340
    语法二:

    .each(function(index, Element)):
    // 描述:遍历一个jQuery对象,为每个匹配元素执行一个函数。

    // 例子:

    // 为每一个li标签添加foo
    $("li").each(function(){
    $(this).addClass("c1");
    });
    等价于:$("li").addClass("c1"); // 对所有标签做统一操作
    终止遍历

    //在遍历过程中可以使用 return false 提前结束each循环。类似python的for循环时的break
    (2)data() (存放隐形的数据)
    原本我们可以通过给标签添加自定义属性来让标签携带一些数据。但是这些数据可以通过浏览器查看源码查看到,但通过data()方法增加的数据直接保存在内存中。无法只能通过data()方法查看。
    添加值的方法:

    $("div").data("k",100);//给所有div标签都保存一个名为k,值为100
    查看使用data方法添加的值

    $("div").data("k");//返回第一个div标签中保存的"k"的值
    移除元素通过data方法上存放的数据

    removeData(key):

    描述:移除存放在元素上的数据,不加key参数表示移除所有保存的数据。

    // 例子:
    $("div").removeData("k"); //移除元素上存放k对应的数据
    二、前端框架之Bootstrap
    Bootstrap的具体用法请点击链接:Bootstrap官网

    1. CDN
      CDN的全称是Content Delivery Network,即内容分发网络 ,通过CDN可以更快的访问到原本在其他远距离地方的数据。

    通过网站BOOTCDN找到在线的Bootstrap框架的源码,再通过本地的html文档的link标签导入其中的压缩版css链接,通过script标签导入压缩版的js链接即可。
    也可将他们下载来下分别保存在文件中,再进行导入。

    1. Bootstrap中常用的全局CSS样式
      以下都是通过类来实现的,即这些关键字都是直接写在标签的class属性中
      (1)栅格系统
      切记栅格不能超过12

    关键字:
    container最大宽度
    col-参数 栅格类
    row
    (2)表格
    关键字:
    table 创建表格样式
    table-参数 调节表格详细样式
    (3)表单
    关键字:

    form-control 设置表单样式
    (4)按钮
    关键字:

    btn 将标签变成按钮

    btn-参数 调节按钮样式

    1. Bootstrap中常用的组件
      (1)字体图标(也可通过其他网站获取图标)
      这些图标相当于标签的文本信息。可直接调节文本的方法改变其状态。
      这里提供一个 图标库
      (2)导航条
      关键字

    navbar 创建导航条:

    navbar-参数 调节导航条样式 (3)巨幕 关键字: jumbotrom 创建巨幕 (4)面板 关键字: panel 创建面板 panel-参数 调节面板样式
  • 相关阅读:
    十五组TD信息通的使用体验报告
    如何让Div中的Table居中
    SQL SERVER临时表的使用
    如何将px换成em,px与em区别是什么?
    再说委托
    onclick与onCommand的区别
    亚马逊购物的用户体验分析
    jQuery 1.4 版本的十五个新特性
    如何选择SEO公司才能避免上当
    jQuery对象与dom对象
  • 原文地址:https://www.cnblogs.com/gfhh/p/11901517.html
Copyright © 2020-2023  润新知