web小问题笔记

1. $(function(){

          函数的定义放在这里面，防止其他地方使用相同的函数名，引起混乱，

    })        /文档加载完成时执行，不包含css,js

   window.onload      /// 所有的都加载完成

2.   !$("input").val()     表示==null  == ""    ==undefined    ==false

3.  css前加上大的class名 做限制

4.  autocomplete  属性规定表单是否启用自动完成功能

      自动完成功能允许浏览器预测对字段的输入，当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出字段中填写的选项

      input:-webkit-autofill    textarea: -webkit-autofil    select : -webkit-autofil     这些是有默认的样式的，这些默认的样式不能修改   ， 只能关闭autocomplete功能，autocomplete="off"

5.  php中， echo返回void ，只支持基本类型，不可以输出数组

                 print 返回int  ，只输出一个字符串

                 print_r   可以打印变量、数组、对象等  ，但是输出 布尔值 ，null 无意义，都是输出“\n”

                 printf   输出格式化的字符串

                 var_dump  适用于调试

                 var_export  和var_dump类似，可将第二个参数设置为true，从而返回变量的值

            有时打印不出来可以试试： $irem = json_encode($item->getdata()) ， json_encode  将数据转化为json数据

                                                        var_dump($item);

6.   jquery 中的   .end()  结束当前链条中的最近的筛选操作，并将匹配元素还原位之前的状态     

     如： $("#test").find("p").hide().end().hide();     end()结束了p的筛选，将返回了$("#test") , 此时后一个hide()隐藏了 $("#test")

7.   jaquery ajax 中 $.post请求后台执行，当后台尚未执行完毕，js不会等待，而执行post方法之后的代码，造成程序执行的时候总是先执行$.post之后的代码

8.   判断时候获取焦点  .is(":focus")     .is(":visible")     .is(":checked")     .is(":selected")

9.   改变input 、radio、checkbox默认样式使用  －webkit-appearance:none;   appearance:none;      然后再写自己的样式

10.   php中，判断一个元素是否在数组中   .in_array()

11.   input   checkbox   radio    checked="checked"  或  ＝“true"

                  select option    selected="selected"  或 ＝ “true” 

                  select.change

12.   php中，strlen()函数返回字符串长度

13. jquery中   .off() 移除元素上绑定的一个或多个事件的事件处理函数

14.   window.location.href =""    刷新当前页面

15.  事件捕获与事件冒泡  

       事件捕获是父级元素先触发，子级元素后触发，，事件冒泡是子级元素先触发，父级元素后触发

      阻止事件冒泡      event.stopPropagation();     

    W3C模型是将两者进行中和，在W3C模型中，任何事件发生时，先从顶层开始进行事件捕获，直到事件触发到达了事件源元素。然后，再从事件源往上进行事件冒泡，直到       到达document。

    程序员可以自己选择绑定事件时采用事件捕获还是事件冒泡，方法就是绑定事件时通过addEventListener函数，它有三个参数，第三个参数若是true，则表示采用事件捕获，       若是false，则表示采用事件冒泡。

        ele.addEventListener('click',doSomething2,true)

        true=捕获

        false=冒泡

         jquery 中  $("父级").on("click","元素"，function(){            /采用代理的方式，将元素的点击事件委托给父级，解决事件冒泡带来的一系列问题

                        })

16.   layer 弹窗  laycpl模板

       handlebar模板  中{{}} 页面加载时解析，添加\  不解析   {{\data}}

17.   session    cookie

18.   form  (1) action   url   里面的submit 提交

                (2) 在ajax中 提交时可用  $("form").seralize() 提交  数据格式是  name＝“”&&name＝“”   name为form中有name属性的name值

                (3) input type=hidden

19.  pagenation 分页， 插件jquery.pagination.js

20.  图片的懒加载   jquery.echo.js

21.  jquery插件的书写    插件的代码和数据要分开

22.  json数据无length属性  ，遍历 for(var key in  __){     } 

23. jquery 、js动态添加option 

24. select  append  动态追加元素，默认选中第一项

25. select 的值 ＝ 某一项option的值  ， 即option被选中

     select.val();

26.  placeholder兼容性  用jquery.placeholder.js 插件做兼容 引入插件   

                                  $("input, textarea").placeholder();

                                  改变placeholder颜色用css     .placeholder{ color: #ccc;}

26. magento 配置优惠券  promotions－>shopping cart price rules  添加规则

                                    customer －>sale rules 添加规则名称

27.  magento配置产品信息  category －>manage products －>input  name 搜索  －>edit －>inventory   

28. magento配置验证码  configuration －> default－> customer configuration