笔记

HTML 段落
HTML 段落是通过 <p> 标签进行定义的。

HTML 链接
HTML 链接是通过 <a> 标签进行定义的。
注释:在 href 属性中指定链接的地址。

//将给html给777最高权限
sudo chmod -R 777 html

list-style-type:none//删除圆点。导航栏不需要列表项标记

margin:0px上下左右边距都为0

padding:10px; 意思是上下左右值全是10px

font-weight:normol(bold)//字体正常(加粗)

display:block - 把链接显示为块元素可使整个链接区域可点击(不仅仅是文本),同时也允许我们规定宽度。

width:60px - 块元素默认占用全部可用宽度。我们需要规定 60 像素的宽度。

text-align:center 属性规定元素中的文本的水平对齐方式。

padding:4px 简写属性在一个声明中设置所有内边距属性。

text-decoration:overline(none) 文本样式,字体上划线(没有下划线)

text-transform://不同的文本样式
h1 {text-transform:uppercase}
h2 {text-transform:capitalize}
p {text-transform:lowercase}

float:left//表示向左浮动,比如多个div在一个页面上,默认情况是:一行一个div,但是只要在div的css中使用float:left,可以使一行有多个div,这样可以把网页划分成很多块

a:link {color: #FF0000} /* 未访问时的状态 */
a:visited {color: #00FF00} /* 已访问过的状态 */
a:hover {color: #FF00FF} /* 鼠标移动到链接上时的状态 */
a:active {color: #0000FF} /* 鼠标按下去时的状态 */


overflow:hidden这个CSS样式是大家常用到的CSS样式,但是大多数人对这个样式的理解仅仅局限于隐藏溢出

术语翻译

    element : 元素。
    padding : 内边距,也有资料将其翻译为填充。
    border : 边框。
    margin : 外边距,也有资料将其翻译为空白或空白边。

<table>是<tr>的上层标签
<tr>必须在一个<table></table>里面,它不能单独使用,相当于<table>的属性标签.
<tr>...</tr> 定义一行标签,一组行标签内可以建立多组由<td>或<th>标签所定义的单元格。
<table>标示一个表格,<tr>标示这个表格中间的一个行
<td>标示行中的一个列,需要嵌套在<tr></tr>中间

这里是一个例子:(两行两列)
<table>
<tr>
<td>www.ihuby.com</td>
<td>www.vvoov.com</td>
</tr>
</teble>
2


css系列:在html中引入css的方法
行内式  嵌入式  导入式与链接式
 行内式即在标记的style属性中设定CSS样式,这种方式本质上没有体现CSS的优势,因此不推荐使用。
 嵌入式将页面中各种元素的设置集中写在<head></head>之间,对于单一的网页使用方便。但对于包含很多页面的网站,如果每个页面都以嵌入式方式设置各自的样式,也将失去CSS带来的优点,因此一个网站通常都是编写一个独立的CSS文件,然后将其引入HTML文档中。
  导入式和链接式的目的都是将一个独立的CSS文件引入HTML文件中,二者的区别在于链接式使用HTML的标记引入外部CSS文件,而使用导入式则是使用CSS的规则引入外部CSS文件。
lay-skin=" " 定义相同元素的不同风格,如checkbox的开关风格
lay-filter=" " 事件过滤器。你可能会在很多地方看到他,他一般是用于监听特定的自定义事件。你可以把它看作是一个ID选择器
lay-submit 定义一个触发表单提交的button,不用填写值
ls列表

pwd你处于的位置
git clone https://git.oschina.net/lyz8jj0/posji.git
引用:引用的是文件,(文件位置)
调用:调用的是文件里面的内容
js模板添加元素

append() 方法在被选元素的结尾插入指定内容
语法
$(selector).append(content,function(index,html))


content 必需。规定要插入的内容(可包含 HTML 标签)。
可能的值:

    HTML 元素
    jQuery 对象
    DOM 元素
触摸板
sudo rmmod psmouse这个是禁用的
sudo modprobe psmouse 这个是启用的

function(index,html)可选。规定返回待插入内容的函数。
index - 返回集合中元素的 index 位置。
html - 返回被选元素的当前 HTML
nautilus['nɔːtɪləs]这个命令就是以root权限打开一个窗口,来管理文件。比如你直接点击 计算机 里面有很多文件夹和文件是root用户才能操作,

apache(啊怕奇)是个强大的WEB服务器,本身只支持html即普通网页,体现了模块化设计的优势,作用1.解析网页语言,如html,php,jsp等
Redis 是一个高性能的key-value数据库。
which nginx查看nginx的位置
查看apahce版本
apachectl -v
Apache/2.4.7 (Ubuntu)
sudo service apache2 start/start/restart
sudo /etc/init.d/apache2 start

sudo /etc/init.d/apache2 restart

sudo /etc/init.d/apache2 stop

//虚拟域名需要在/etc/apache2/sites-enabled 中更改

ServerAlias tp9.com
DocumentRoot /var/www/html/tp9/public


2.接收web用户的请求,并给予一定的响应
MySQl 数据库服务器 是最流行的开放源码SQL数据库管理系统,
0755->即用户具有读/写/执行权限,组用户和其它用户具有读写权限;

<?php
$data = [
    ['id'=>101,'name'=>'Pater','age'=>28,'salary'=>3000],
    ['id'=>102,'name'=>'Jack','age'=>23,'salary'=>4000],
    ['id'=>103,'name'=>'Tom','age'=>29,'salary'=>6500],
    ['id'=>104,'name'=>'Bill','age'=>21,'salary'=>7000],

]
?>

  <?php foreach ($data as $value):?>
    <tr>
        <th><?php echo $value['id'];?></th>
        <th><?php echo $value['name'];?></th>
        <th><?php echo $value['age'];?></th>
        <th><?php echo $value['salary'];?></th>
    </tr>
    <?php endforeach;?>

index.php index模块 Index控制器 index操作方法

echo:用于输出结果 才是ajax的相应
return:返回处理结果 是给php程序返回结果的。

路由的作用  //进行模板绑定define('BIND_MOUBLE','index.php')
  1简化访问地址
  2方便搜索引擎的查找


PHP(Hypertext Preprocessor:超文本预处理器)是一门浏览器端的脚本语言,语法吸收了C语言、Java和Perl的特点,利于学习,使用广泛,主要适用于Web开发领域   X
PHP(Hypertext Preprocessor“超文本预处理器”)是一种通用开源脚本语言。语法吸收了C语言、Java和Perl的特点,利于学习,使用广泛,主要适用于Web开发领域   V


用户在浏览器中输入要访问的页面域名并将域名解析成ip地址,通过ip地址找到对应的服务器,然后通过HTTPRequest向服务器发送请求


索引用来快速地寻找那些具有特定值的记录,

table>tr>td*4
<table>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>


iterm2是一个更好替代Mac自带终端与iterm的软件

Homebrew简称brew,是Mac OSX上的软件包管理工具,能在Mac中方便的安装软件或者卸载软件

1 jQuery 属性操作 - val() 方法定义和用法.val() 方法返回或设置被选元素的值。元素的值是通过 value 属性设置的。该方法大多用于 input 元素。如果该方法未设置参数,则返回被选元素的当前值。

2.ready()在文档加载后激活函数, 函数仅能用于当前文档,因此无需选择器。

3 try{}catch(Exception $e){}将要执行的代码放入try块中,如果这些代码执行过程中某一条语句发生异常,则程 序直接跳转到catch块中,由$e收集错误信息

4.change()当元素的值发生改变时,会发生change事件
    $(".field").change(function(){
      $(this).css("background-color","#FFFFCC");
    });

5.option 元素定义下拉列表中的一个选项(一个条目)。
select 元素可创建单选或多选菜单。
浏览器将 <option> 标签中的内容作为 <select> 标签的菜单或是滚动列表中的一个元素显示。
option 元素位于 select 元素内部
<select>
  <option value ="volvo">Volvo</option>
  <option value ="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

6.html() 方法返回或设置被选元素的内容 (inner HTML)。如果该方法未设置参数,则返回被选元素的当前内容。

7 //获取ip地址
            $reIP=$_SERVER["REMOTE_ADDR"];
  //将ip地址转化为具体地方
            $adIp = getIPLoc_sina($reIP);

8 foreach (array_expression as $value)
  statement
 
foreach (array_expression as $key => $value)
  statement
9//数据库里frequency=1,并且有好多不同类型的,filed是将其分组,并统计不同类型的frequency的总数并赋值给frequencys
 $frequencys = Db::table('information')->field('sum(frequency) frequencys')->find()['frequencys'];
   
9.5数据库是按照数据结构来组织,储存和管理数据的仓库。

mvc的本质
解耦
代码可读性
//业务逻辑是什么
模型是用来处理数据层

控制器用来处理业务逻辑层

10
有很多程序员往往把框架模式和设计模式混淆,认为MVC是一种设计模式。实际上它们完全是不同的概念。[7]
框架、设计模式这两个概念总容易被混淆,其实它们之间还是有区别的。框架通常是代码重用,而设计模式是设计重用,架构则介于两者之间,部分代码重用,部分设计重用,有时分析也可重用。在软件生产中有三种级别的重用:内部重用,即在同一应用中能公共使用的抽象块;代码重用,即将通用模块组合成库或工具集,以便在多个应用和领域都能使用;应用框架的重用,即为专用领域提供通用的或现成的基础结构,以获得最高级别的重用性。
框架与设计模式虽然相似,但却有着根本的不同。设计模式是对在某种环境中反复出现的问题以及解决该问题的方案的描述,它比框架更抽象;框架可以用代码表示,也能直接执行或复用,而对模式而言只有实例才能用代码表示;设计模式是比框架更小的元素,一个框架中往往含有一个或多个设计模式,框架总是针对某一特定应用领域,但同一模式却可适用于各种应用。可以说,框架是软件,而设计模式是软件的知识。
框架模式有哪些?
MVC、MTV、MVP、CBD、ORM等等;
框架有哪些?
C++语言的QT、MFC、gtk,Java语言的SSH 、SSI,php语言的 smarty(MVC模式),python语言的django(MTV模式)等等
设计模式有哪些?
工厂模式、适配器模式、策略模式等等
简而言之:框架是大智慧,用来对软件设计进行分工;设计模式是小技巧,对具体问题提出解决方案,以提高代码复用率,降低耦合度。


11    //关字,索数
$arr1=array(1,2,3,4) ;//索引数组,下标从零开始,连续的索引数组
echo "<pre>"    print_r($arr1) echo "</pre>"        " 查看数组中的值
数字索引,,字符关联
$arr = arrar(
  "键名"=>"键值"
)//关联数组
echo count($arr)//得到数组中元素的个数
echo sizeof($arr)//得到数组中元素的个数
$arr2 = array("username"=>"king","age"=>12,"sex"=>"男")//关联数组
print_r();直接打印数组 arrar([0]=>1 [1]=>1.2 [2]=>1 [3]=>test)
var_dump();打印出数组的同时显示数组的类型arrar([0]=>int[1],[1]=>float(1.2),[2]=>int[1],[3]=>string(test))

12
编号id int[无符号]                      1
用户名username varchar(20)[唯一]        king
年龄age tinyint[无符号]                 20
邮箱 email varchar(52)[唯一]            844216765@qq.com
电话tel char(11)[唯一]                  15227103376
薪水salary float(8.2)                   8888888.2
是否结婚married tinyint(1) 0未结婚1结婚  
地址addr varchar(100)                   北京
密码password char(32)                   123456789
身份证card char(18)(唯一)                130625199503282012
性别sex enum                             男|女|保密


13单引号双引号的区别:
双引号可以解析所有变量
单引号可以解析转义符\' 和\\
14转义符
\n 换行
\r 回车
\" "
\' '
\$ $
\\ \

15当定界符和内容冲突的时候使用转义符

16数据类型转换
   一, 自动转换(隐式转换)
    A,其他类型转换成数值型
    true->1//echo true 的时候为1,echo false的时候为空
    false->0
    "abc"->0
    "123abc"->123
    "12.34abc"->12.34
    "3e3a3b"->3000
    
  B,其他类型转换成字符型:
    数值型->数值型本身
    true->1
    false->空字符串
  C,其他类型转化成布尔型:
    找到false的情况
    false->false
    0->false
    0.0->false
    ''和""->false
    '0'和"0"->false
    空->false
    空数组->false
 二, 强制转换:
    临时转换:
    $var = "king";

    ($var = (int)"king")
    转换成整形:(int)(integer)
    转换成浮点型:(float)(double)(real)
    转换成字符型(string)
    转换成布尔型(bool)(boolean)
    转换成null
          unset($var)
    永久转换:
    settype($var,$type):
    $type:
    int:integer
    float:double:real
    string
    bool:boolean
    null
    gettype($var):得到变量类型
    echo $var1, $var2....
    var_dump($var,$var2)
    unset($var,$var2)
    //定义常量 define($var,$value):一般用大写字母写常量名称
    当前的行号__LINE__
    当前的绝对路径__FILE__

数字:支持自增自减
字母只支持自增
布尔类型不支持自增自减操作
空只支持自增操作//NULL类型在运算时会被转换成0,NULL支持++运算,不支持--运算,echo NULL什么都没有

常用函数

字符串函数
1,int ord(string $string)得到一个字符的ASCII码值  echo "C的ASCII码值为:"ord("c")
2 string chr(int $ascii):根据ASCII码值得到指定的字符 echo"ASCII值为99的对应字符为:"chr("99");
3 int strlen(string $string)得到字符串长度
//产生一个随机数的函数
echo mt_rand(1,9);//产生一个随机数
echo mt_rand(100,999);
//产生一个更好的随机数
echo mt_rand(1,9);
echo mt_rand(1000,9999);
echo mt_rand(0,255);

//mt_rand(int $min,int $max)产生随机数
//目标rgb(r,g,b)中的颜色值用随机数代替
echo"<span style='color:rgb(255,0,0);'>2</span>";
echo <span style='color:rgb(".mt_rand(0,255).",".mt_rand(0,255).",".mt_rand(0,255).")'>rgb</span>
echo"<span style='color:rgb(".mt_rand(0,255).",".mt_rand(0,255).",".mt_rand(0,255 ).")'>".mt_rand(0000,9999)."</span>"
    

**逻辑运算符
and或&&:并且的意思 逻辑与
    短路:只要第一个表达式为假了,就不用管你第二个表达式的真假了,也就执行不到第二个表达式了,它就会返回假。
or 或||:或者的意思 逻辑或
not或!:逻辑非,去反的意思
xor:逻辑异或

三元运算符:?
 
执行运算符``(需要配置php配置文件的safe_mode(安全模式 ) = off下才能使用)

@:错误抑制符号; 写在表达式之前

 
//strip_tags($str):过滤字符串中的HTML标记的
//返回的就是过滤之后的字符串

cols是分上下结构,rows是分左右结构
cols是说有几列,rows是说有几行
hidden隐藏域,例如验证码,不让用户看到的时候

<meta http-equiv="refresh" content="3" url="index.php">
http-equiv="refresh"实现网页自动跳转 content为时间
trim:过滤字符串两端的空格'  123' '123'(rtrim,ltrim)
md5();加密
男|女 radio
strpos() 函数查找字符串在另一字符串中第一次出现的位置。例如查找注册邮箱里有没有@
strtolower//将指定字符转化成小写,例如验证码
strtoupper//将指定字符转换成大写,
stripos//不区分大小写
echo strcmp($str,$str1)str1比str大,返回-1;str比str1大,返回1,相等的话等于0
strcasecmp($str,$str)不区分大小写的比较
file_get_contents()//得到文件中的内容
file_put_contents()//创建文件

响应式网络设计 ( RWD / AWD)的出现,目的是为移动设备提供更好的体验,并且整合从桌面到手机的各种屏幕尺寸和分辨率,用技术来使网页适应从小到大(现在到超大)的不同分辨率的屏幕。(如果将屏幕看作容器,那么内容就像水一样) 响应式就是 网页会根据 分辨率大小 调整网页结构版式,使其能够被友好阅读


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值