airen / jsstudy Goto Github PK

View Code? Open in Web Editor NEW

197.0 19.0 92.0 7.41 MB

Study JavaScript

HTML 85.92% CSS 7.84% JavaScript 6.24%

javascript demo w3cplus

jsstudy's Introduction

jsStudy

对于初学JavaScript的同学到一定的时候都希望能有一些练习的案例拿来练手。那么这个仓库就是用来做这样的一件事情。

特别声明: 前面的练习内容【第一课至案例】来源于@Ferris。由于时间太久，未记得来源链接地址。

JavaScript 练习是我自己学习做的一些小案例。里面有不少的错误和不足之处，特请业内大婶多多多指点。如果您和我一样，也是初学者，欢迎提交您的练习，大家一起共进。

项目下载

git clone [email protected]:airen/jsStudy.git

项目运行

先在本地执行:

npm install

如果执行会遇到麻烦，可以尝试：

sudo npm install

或者

tnpm install

安装完依赖环境之后，可以直接运行：

gulp

运行之后，浏览器会直接开启:

http://localhost:3000/

项目首页存放在app目录下，在上面的地址后添加app

http://localhost:3000/app

即可看到对应练习的地址和效果。

**特别声明：**这里的所有案例与效果仅用来作来学习JavaScript使用，如有造成不便之处，或者里面内容有侵权行为，请与我联系：[email protected] ！我会第一时间处理。

有关于前端更多好资源，可以访问：W3cplus。如果您对里面的教程感兴趣的话，也可以扫下面的二维码，关注W3cplus。

jsstudy's People

Contributors

Stargazers

Watchers

Forkers

bigfad jiyy muhoufadong xuxn lwscn wenzhilin ggtt1109 mercer08 x710894881 ontheway1215 monkey65535 tomfanxiaojun lbtxdy moobyes zimzhang teng2015 tawen yunxiange landonjelly defuxiaozhu84zoubianbeijing whybingo3 cwtgithub xienima ivanchen008 rikrik527 enozr illusion4ng zuozhu118 ollehz zhangshunxiang yangchenjian sunny1334 goldenrocking jiaoyl repositoryonmyfree gottaboy huangzulin rockzhou8 willshion chire520 web-yuzm cnbin lijingwei1209 dittoyy xiandairen louyahui istanhuang pengzhao12 napxie k12f linyang520 wenjayliu mengzhiai allinjames tan520500 gudaozhisensen desperadoray mylovy vtanweb wqxcherish coco9527 lemonpirate xingchenhaojie cloud-11 leezhang521 phpsmarter lizhilai h5gogeek dengshenkk bestren duxmeng huzjit2017 bearcodedome z455175993 kaukoka primerlee flyheigher easy868 ainerce domyhero aftonbear annoymousone will-zxg dengbiaoyi teachat8 frwupeng517 whucs2012 zhangshunhua hudawei996

jsstudy's Issues

I want study with u,gulp can't run

H:\work\github\jsStudy>gulp
[23:49:05] Requiring external module babel-core/register
module.js:597
return process.dlopen(module, path._makeLong(filename));

when i run gulp after npm install ,it breaks,how can i do?

运行不了

测试Mac端和Linux端node版本16和12都不行，

gulp 启动失败，请帮忙看下！

按照步骤安装完以来模块后，启动不了服务，报错如图

请教一个问题（关于获取css属性值的）当传进来的是一个对象的时候为什么要这样处理？而不是直接过掉？有什么含义吗？

function css(obj, attr, value) {
        switch (arguments.length) {
            case 2:
                if (typeof arguments[1] == "object") {**# //当传进来的是一个对象的时候为什么要这样处理？而不是直接过掉？有什么含义吗？**
                    for (var i in attr) i == "opacity" ? (obj.style["filter"] = "alpha(opacity=" + attr[i] + ")", obj.style[i] = attr[i] / 100) : obj.style[i] = attr[i];
                } else {
                    return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj, null)[attr]
                }
                break;
        }
    };

gulp启动失败呢

试了很多很多遍，有空的话看看是不是因为版本更新了哈

lesson2/03.html bug，需考虑 oInput 空字符串的情况

需考虑 oInput 空字符串的情况

我处理为

oBtn.onclick = function() {
        var sum = 0;
        var oInput = document.getElementsByTagName("input")[0].value.split(",");
        for (var i in oInput) {
             if(oInput[i]==='') {
                oInput[i]=0;
            }
            sum += parseInt(oInput[i])
        }
        oStrong.innerHTML = sum
}

网站问题

jsStudy这个网站地址打开没反应
一直如下

npm install出现问题,求解答

npm无法正确安装
git bash

npm install
npm WARN package.json [email protected] No repository field.
npm WARN unmet dependency C:\Users\Xman\Desktop\js study\jsStudy\node_modules\browser-sync\node_modules\localtunnel requires yargs@'3.29.0' but will load
npm WARN unmet dependency C:\Users\Xman\Desktop\js study\jsStudy\node_modules\browser-sync\node_modules\yargs,
npm WARN unmet dependency which is version 4.7.1
npm WARN unmet dependency C:\Users\Xman\Desktop\js study\jsStudy\node_modules\gulp-inline-css\node_modules\inline-css\node_modules\cheerio\node_modules\htmlparser2 requires entities@'1.0' but will load
npm WARN unmet dependency C:\Users\Xman\Desktop\js study\jsStudy\node_modules\gulp-inline-css\node_modules\inline-css\node_modules\cheerio\node_modules\entities,
npm WARN unmet dependency which is version 1.1.1

$ gulp
[16:00:13] Failed to load external module babel-register
[16:00:13] Failed to load external module babel-core/register
[16:00:13] Failed to load external module babel/register
C:\Users\Xman\Desktop\js study\jsStudy\gulpfile.babel.js:8
import gulp          from 'gulp'
^^^^^^

SyntaxError: Unexpected reserved word
    at exports.runInThisContext (vm.js:53:16)
    at Module._compile (module.js:373:25)
    at Object.Module._extensions..js (module.js:416:10)
    at Module.load (module.js:343:32)
    at Function.Module._load (module.js:300:12)
    at Module.require (module.js:353:17)
    at require (internal/module.js:12:17)
    at Liftoff.handleArguments (C:\Users\Xman\AppData\Roaming\npm\node_modules\gulp\bin\gulp.js:116:3)
    at Liftoff.<anonymous> (C:\Users\Xman\AppData\Roaming\npm\node_modules\gulp\node_modules\liftoff\index.js:193:16)
    at module.exports (C:\Users\Xman\AppData\Roaming\npm\node_modules\gulp\node_modules\liftoff\node_modules\flagged-respawn\index.js:17:3

node版本 v4.4.3
npm版本 v2.15.1

这个问题怎么解决？

'jsStudy' 中第二课3）中有点小bug——input 中长按键盘字母可输入字母，导致出错

 oInput.onkeyup = function(e) {
            e.stopPropagation();
            e.preventDefault();
            this.value = this.value.replace(/[^(\d)|(,)]/,"");
  };

此处的正则表达应该加上全局g
oInput.onkeyup = function(e) {
            e.stopPropagation();
            e.preventDefault();
            this.value = this.value.replace(/[^(\d)|(,)]/g,"");
  };