js源生代码（JS源代码）

今天给各位分享js源生代码的知识，其中也会对JS源代码进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、什么是原生JS
• 2、所有的前端框架都是由js原生编写的吗
• 3、jquery中 hover事件的原生js代码
• 4、将以下jq代码转换为原生js

什么是原生JS

原生态JS是指遵循ECMAscript标准的javascript，不同于微软的jscript也不依赖于任何框架，依托于浏览器标准引擎的脚本语言。

jquery是在原生态的js上集成的框架资源，使用jquery并不代表代码就不是你写的，区别在于使用jquery只是使用了它的语法，更利于兼容以及实现，jquery已经将常规的js兼容问题解决，所以使用起来出现不兼容的情况会更少，更利于开发。

但同时，要使用jquery等框架也需要去学习相关的语法，拥有js基础的同学学习jquery时会发现很轻松，在使用时也会发现很方便。

扩展资料

JS基本特点：

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

1、是一种解释性脚本语言（代码不进行预编译）。

2、主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。

3、可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。

4、跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。

Javascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。

Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。

参考资料：百度百科-javascript

所有的前端框架都是由js原生编写的吗

你的问题应该是“所有的web前端框架” 或者所有的“JS框架” 。

这个不一定，有些框架可能是基于另一种框架之上的。

但是可以肯定的，他们都是基于JS原生代码之上的。

也就是说，如果对JS原生代码有非常清晰的认识，并且有自己的思想， 你也可以自己写JS框架。

jquery中 hover事件的原生js代码

hover的对应的事件是onmouseenter 和 onmouseleave

绑定方法是 document.getElementById("id").onmouseenter = function(){};

document.getElementById("id").onmouseleave = function(){};

将以下jq代码转换为原生js

jquery.downCount.js是依赖于jQuery的插件（效果：倒计时），所以我们需要查看该插件的源码才能将其变成源生代码。

html代码：

div class="p1"

    span class="days"/spanspan class="days_ref"/span

    span class="hours"/spanspan class="hours_ref"/span

    span class="minutes"/spanspan class="minutes_ref"/span

    span class="seconds"/spanspan class="seconds_ref"/span

  /div

上面span中的class类是用于显示需要的类，在插件中days、hours、minutes、seconds分别用于显示天数、小时、分钟、秒，days_ref、hours_ref、minutes_ref、seconds_ref分别用于显示单位days或day，hours或hour、minutes或minute、seconds或second。这些类都没有定义相应的样式，需要自己自定义样式。

js代码，只是简易的提了出来，如果需要更灵活的配置，自己再做进一步封装：

(function () {

    var container = document.querySelector(".p1");

    var mydate = '1/27/2019 00:00:00', 

        myoffset = 10,

        callback = function () {

          alert("执行完毕");

        };

    /**

     * Change client's local date to match offset timezone

     * @return {Object} Fixed Date object.

     */

    var currentDate = function () {

        // get client's current date

        var date = new Date();

        // turn date to utc

        var utc = date.getTime() + (date.getTimezoneOffset() * 60000);

        // set new Date object

        var new_date = new Date(utc + (3600000*myoffset));

        return new_date;

    };

    /**

     * Main downCount function that calculates everything

     */

    function countdown () {

        var target_date = new Date(mydate), // set target date

            current_date = currentDate(); // get fixed current date

        // difference of dates

        var difference = target_date - current_date;

        // if difference is negative than it's pass the target date

        if (difference  0) {

            // stop timer

            clearInterval(interval);

            if (callback  typeof callback === 'function') {

              callback();

            }

            return;

        }

        // basic math variables

        var _second = 1000,

            _minute = _second * 60,

            _hour = _minute * 60,

            _day = _hour * 24;

        // calculate dates

        var days = Math.floor(difference / _day),

            hours = Math.floor((difference % _day) / _hour),

            minutes = Math.floor((difference % _hour) / _minute),

            seconds = Math.floor((difference % _minute) / _second),

            // fix dates so that it will show two digets

            days = (String(days).length = 2) ? days : '0' + days,

            hours = (String(hours).length = 2) ? hours : '0' + hours,

            minutes = (String(minutes).length = 2) ? minutes : '0' + minutes,

            seconds = (String(seconds).length = 2) ? seconds : '0' + seconds;

        // based on the date change the refrence wording

        var ref_days = (days === 1) ? 'day' : 'days',

            ref_hours = (hours === 1) ? 'hour' : 'hours',

            ref_minutes = (minutes === 1) ? 'minute' : 'minutes',

            ref_seconds = (seconds === 1) ? 'second' : 'seconds';

        // set to DOM

        document.querySelector('.days').innerHTML = days;

        document.querySelector('.hours').innerHTML = hours;

        document.querySelector('.minutes').innerHTML = minutes;

        document.querySelector('.seconds').innerHTML = seconds;

        document.querySelector('.days_ref').innerHTML = ref_days;

        document.querySelector('.hours_ref').innerHTML = ref_hours;

        document.querySelector('.minutes_ref').innerHTML = ref_minutes;

        document.querySelector('.seconds_ref').innerHTML = ref_seconds;

    };

    // start

    var interval = setInterval(countdown, 1000);

})();

js源生代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于JS源代码、js源生代码的信息别忘了在本站进行查找喔。