JS文章列表

  • [ JS ] JS仿JQuery选择器功能 时间:2017-03-30

    JQuery作为应用最广的JS库,其最强大的功能之一就是几乎涵盖所有方法的且代码十分简短的选择器功能,我们也可用自己的代码实现此功能,代码逻辑、使用方法与JQuery一致


    function ZQuery(arg){
    this.elements = [......

    查看全文
  • [ JS ] vue数据双向绑定原理解析(get & set) 时间:2017-03-30

    前端的数据双向绑定指的是view(视图)和model(数据)两者之间的关系;view层是页面上展示给用户看的信息,model层一般是指通过http请求从后台返回的数据。view到model的绑定都是通过事件回调函数操作的,model到v......

    查看全文
  • [ JS ] footer定位页面底部(代码分享) 时间:2017-03-30

    话不多说,请看代码:


    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>footer定位</title>
    <style>
    *{
    margin:0;
    padding: 0;
    }
    .box{
    width: 100%;
    height:300px;
    b......

    查看全文
  • [ JS ] vue父子组件的数据传递示例 时间:2017-03-30

    1.父组件向子组件传递数据


    <p id="box">
    <aaa></aaa>
    </p>



    <template id="aaa">
    <h1>模板aaa=>{{msg1}}</h1> //msg1写在这里是可以的,因为这是父组件内部
    //<bbb>{{msg1}}</bbb> //这种写......

    查看全文
  • [ JS ] 完美实现js焦点轮播效果(二)(图片可滚动) 时间:2017-03-30

    本文在前一篇js焦点轮播效果的基础上,使用函数递归实现图片滑动切换,采用辅助图片实现图片无限滚动等技巧,具体内容如下
    假如前后不加一张图片的话,图片顺序为[1,2,3,4,5],当你点到第 5 张图时,再点“下一张”......

    查看全文
  • [ JS ] 完美实现js焦点轮播效果(一) 时间:2017-03-30

    最简单轮播形式,js中通过pic的display属性控制变换,也可通过调整Pic的margin-Left
    效果如图:

    实现代码:


    <!DOCTYPE html>
    <html>
    <head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style ty......

    查看全文