我的前端学习之路,加油!

    xiaoxiao2021-03-25  60

    <p> 定义段落。 <br/> 插入单个折行(换行) <pre>   这是预格式文本。它保留了空格 <hr /> 标签在 HTML 页面中创建水平线。  border-radius 把边框变的圆滑,值越大越圆滑; #84d7ba 淡绿色 #eff4fa 淡蓝色 #325da7;深蓝色 #0063bd;扁平深蓝色 #00BCD4 扁平蓝色 rgb(255, 233, 0); 扁平黄色 #ff4081  扁平粉色 rgb(48, 48, 48); 扁平黑色  padding        简写属性。作用是在一个声明中设置元素的所内边距属性。 padding-bottom 设置元素的下内边距。 padding-left 设置元素的左内边距。 padding-right 设置元素的右内边距。 padding-top 设置元素的上内边距。 <span> 在CSS定义中属于一个行内元素,在行内定义一个区域,也就是一行内可以被 <span> 划分成好几个区域,从而实现某种特定效果。 <span> 本身没有任何 属性。 <div> 在CSS定义中属于一个块级元素 <div> 可以包含段落、标题、表格甚至其它部分。这使DIV便于建立不同集成的类,如章节、摘要或备注。在页面 效果上,使用 <div> 会自动换行,使用 <span> 就会保持同行。 使用z-index来控制div之间的覆盖关系 链接的四种状态: a:link - 普通的、未被访问的链接 a:visited - 用户已访问的链接 a:hover - 鼠标指针位于链接的上方 a:active - 链接被点击的时刻 文本修饰 text-decoration 属性大多用于去掉链接中的下划线 vertical-align 属性垂直对齐一幅图像 display 属性规定元素应该生成的框的类型 cursor :改变鼠标指针形状的css (文字/编辑text自动auto手形pointer, hand(hand是IE专有)) 1.对于 HTML,您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。 当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行) 也被显示为一个空格。 2.id调用css中以“#”井号命名的样式选择器,class调用css中以“.”英文半角小写句号命名的样式选择器 3.你可以对选择器进行分组,这样,被分组的选择器就可以分享相同的声明。用逗号将需要分组的选择器分开。 4.内边距、边框和外边距都是可选的,默认值是零。但是,许多元素将由用户代理样式表设置外边距和内边距。可以通过将元素的 margin 和 padding 设置为零 来覆盖这些浏览器样式。这可以分别进行,也可以使用通用选择器对所有元素进行设置: * {   margin: 0;   padding: 0; } 5.CSS2 引入了边框颜色值 transparent。这个值用于创建有宽度的不可见边框 6.讲带标签的数据assign到html页面,在读取该数据的时候在后面加上 |html_entity_decode=### 举例:  {$districtlist.catedetail|html_entity_decode=###}  7.使用百度编辑器时出现的一个问题:修改默认的字体样式;一开始在config.js里无法修改;后来在all.js里也修改失败,最后发现我的编辑器调用的是 all.min.js,于是在all.min.js中修改成功; 8.布局时遇到的一个问题:怎么把n个div横向铺展,使用display:inline-block弄好了; 9.jquery实现菜单左右滑动时两个问题 一是动画后立即执行的函数应该放在animate里作为回调函数 二是滑动时滚动条的问题,body中设置overflow:hidden解决 ; ___________________________________________________________________________________________________________ BOOTSTRAP 1.网格中的每一行是由 12 个单元组成的,您可以使用这些单元定义列的尺寸。在我们的实例中,有两个列,每个列由 6 个单元组成 即 6+6=12,你也可以使用3+9等的搭配; 2.轮播不自动播放的原因:data-ride="carousel" 属性用于标记轮播在页面加载时就开始动画播放。 ___________________________________________________________________________________________________________ XML 不是 HTML 的替代。 XML 和 HTML 为不同的目的而设计: XML 被设计为传输和存储数据,其焦点是数据的内容。 HTML 被设计用来显示数据,其焦点是数据的外观。 HTML 旨在显示信息,而 XML 旨在传输信息。 ______________________________________________________ ______________________________________________________ javaScript(JavaScript 与 Java 是两种完全不同的语言,无论在概念还是设计上。) 1.JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。 2.JavaScript 能够对事件作出反应。比如对按钮的点击;JavaScript:改变 HTML 内容;JavaScript:改变 HTML 图像;JavaScript 常用于验证用户的输入。; 3.HTML 中的脚本必须位于 <script> 与 </script> 标签之间。脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中 4.通常的做法是把函数放入 <head> 部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容 5.JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型 6.绝不要使用在文档加载之后使用 document.write()。这会覆盖该文档。 7.onmouseover 和 onmouseout 事件可用于在用户的鼠标移至 HTML 元素上方或移出元素时触发函数...     onmousedown, onmouseup 以及 onclick 构成了鼠标点击事件的所有部分。首先当点击鼠标按钮时,会触发 onmousedown 事件,当释放鼠标按钮时,会触发  onmouseup 事件,最后,当完成鼠标点击时,会触发 onclick 事件。 8.jQuery 库位于一个 JavaScript 文件中,其中包含了所有的 jQuery 函数。 可以通过下面的标记把 jQuery 添加到网页中: <head> <script type="text/javascript" src="jquery.js"></script> </head> 9.微软CDN <head> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"> </script> </head> 10.所有 jQuery 函数位于一个 document ready 函数中: $(document).ready(function(){ --- jQuery functions go here ---- }); 这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码。 jquery中加$和不加$:没有区别,只是习惯。 一般在给jquery对象取名的时候在前面加$。 一看就知道是jquery对象。 _____________________________________________________________________________________________________________________________________________ _____________________ php 1.服务器端在运行php程序,但在客户端,你只收到了一份html页面,这样你就在你自己的浏览器上看到了服务器端想给你看的内容。这个动作是可以交互的,你 可以向服务器提出你的要求,服务器根据程序编制,返回给你特定的HTML内容(含Javascript和CSS)。 2.PHP 是一门类型松散的语言 PHP 根据它的值,自动把变量转换为正确的数据类型 3.global 关键词用于访问函数内的全局变量。 要做到这一点,请在(函数内部)变量前面使用 global 关键词..PHP 同时在名为 $GLOBALS[index] 的数组中存储了所有的全局变量。下标存有变量名。 4.PHP echo 和 print 语句 echo 和 print 之间的差异: echo - 能够输出一个以上的字符串 print - 只能输出一个字符串,并始终返回 1 5.PHP strpos() 函数 strpos() 函数用于检索字符串内指定的字符或文本。 如果找到匹配,则会返回首个匹配的字符位置。如果未找到匹配,则将返回 FALSE。 6.设置 PHP 常量 如需设置常量,请使用 define() 函数 - 它使用三个参数: 首个参数定义常量的名称 第二个参数定义常量的值 可选的第三个参数规定常量名是否对大小写敏感。默认是 false。 7.在html中使用PHP非常不方便,在php中使用html很合适 <?php if (condition): ?>   <div>你的html代码</div>   <?php else: ?>   <div>你的html代码</div>   <?php endif ?> 8.使用session时切记session-start();的使用; 9.PHP $_GET 也可用于收集提交 HTML 表单 (method="get") 之后的表单数据。 $_GET 也可以收集 URL 中的发送的数据 10.在sql语句中 有时候少一对''就会导致失败! php strtolower 大写转换为小写函数 substr(string,start,length) 返回字符串 ______________________________________________________ AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。 一、async值为true (异步) 当ajax发送请求后,在等待server端返回的这个过程中,前台会继续 执行ajax块后面的脚本,直到server端返回正确的结果才 会去执行success,也就是说这时候执行的是两个线程,ajax块发出请求后一个线程 和ajax块后面的脚本(另一个线程) 二、async值为false (同步) 当执行当前AJAX的时候会停止执行后面的JS代码,直到AJAX执行完毕后时,才能继续执行后面的JS代码。 _____________________________________________________ THinkPhp www  WEB部署目录(或者子目录) ├─index.php       入口文件 ├─README.md       README文件(可有可无) ├─Application     应用目录(可以重命名) ├─Public          资源文件目录 └─ThinkPHP        框架目录 模型类的作用大多数情况是操作数据表的 模型名 约定对应数据表(假设数据库的前缀定义是 think_) UserModel think_user UserTypeModel think_user_type 如果你的规则和上面的系统约定不符合,那么需要设置Model类的数据表名称属性,以确保能够找到对应的数据表。 ThinkPHP的数据库连接是惰性的,所以并不是在实例化的时候就连接数据库,而是在有实际的数据操作的时候才会去连接数据库 thinkphp自动生成时间 <?php class NewsModel extends Model{        protected $_auto = array(       array('time_at','mydate','1','callback'),     );         protected function mydate(){         return date("Y-m-d H:i:s");     }    } ?> 前提条件是:time_at 在数据库里的类型为datetime,必须用callback不能用function。   如果用这个验证     protected $_auto = array(       array('time_at','time','1','function'),     ); 则 time_at 在数据库里的类型为int类型,这个问题浪费了我办个小时才解决,特此记下。 做项目的过程中碰到一个难题,就是<volist>结果集的分类,看了手册后知道了在volist中使用if语句.(<if condition="$v1.jointime eq $vo['jointime']">); distinct 和 group 分组必备 thinkphp 输出的中文乱码(比如自动验证的geterror()),在入口文件index.php中加上: header("Content-Type:text/html;charset=utf-8"); __________________________________________________ HTML5 JavaScript 使用 id 来寻找 canvas 元素: canvas> 标记和 SVG 以及 VML 之间的一个重要的不同是,<canvas> 有一个基于 JavaScript 的绘图 API,而 SVG 和 VML 使用一个 XML 文档来描述绘图。 var c=document.getElementById("myCanvas"); 然后,创建 context 对象: var cxt=c.getContext("2d");  getContext("2d") 对象是内建的 HTML5 对象,拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 下面的两行代码绘制一个红色的矩形: cxt.fillStyle="#FF0000"; cxt.fillRect(0,0,150,75);  fillStyle 方法将其染成红色,fillRect 方法规定了形状、位置和尺寸。 ______________________________________________________ 数据库 数据库用一个字段表示数组,字段类型为文本类型。 程序存入数组到数据库的时候,利用join方法把数组转换为分隔符分隔的字符串,比如你的例子数组a[1]="第一步";a[2]="第二步";合并后为"第一步|第二步", 把这个合并后的字符串存入数据库你是会的。 从数据库里面取出合并后的字符串"第一步|第二步"以后,利用split方法可以转换为数组。
    转载请注明原文地址: https://ju.6miu.com/read-36426.html

    最新回复(0)