小编3gw*_*ain的帖子

javascript创建和追加元素功能不起作用

这是我的javascript函数:

function createLink (){
    var link = document.createElement("a");
    link.href = "#";
    var linkText = document.createTextNode("This is dynamic link");
    link.appendChild(linkText);
    document.body.appendChild(link);
}
Run Code Online (Sandbox Code Playgroud)

window.onload = createLink;

但我没有得到任何结果.任何人都知道,我的代码出了什么问题?

javascript

1
推荐指数
1
解决办法
364
查看次数

JavaScript 逗号分隔不适用于 switch case

如果逗号分隔不适用于 swtich 大小写。有没有办法做到这一点?

switch(test)
{
   case 0,1://not working it take last one (1)
      "test"
      break;
   case 2,3://not working it take last one (3)
      "test2"
      break;
   case 4,5://not working it take last one (5)
      "test3"
      break;
}
Run Code Online (Sandbox Code Playgroud)

我如何为每个案例添加更多数字?

javascript

1
推荐指数
2
解决办法
2987
查看次数

如何在盒子周围应用盒子阴影,包括箭头尖端?

我正在尝试使用阴影框创建工具提示。一切正常。但我无法获得工具提示部分(箭头部分)的阴影,如何获得?

这是我的代码:

.parent {
  position: relative;
  border: 1px dashed green;
  height: 200px;
}

.toolTip {
  position: absolute;
  background: #fff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  width: 100px;
  height: 100px;
  top: 50px;
  left: 50px;
}

.tipPoint {
  position: absolute;
  top: -15px;
  right: 20px;
  z-index: 100;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}
Run Code Online (Sandbox Code Playgroud)
<div class="parent">
  <div class="toolTip">
    <span …
Run Code Online (Sandbox Code Playgroud)

css

1
推荐指数
1
解决办法
2609
查看次数

Reactjs 拦截器无法按预期工作

我正在尝试根据 api 请求实现全局级预加载器。我刚刚用样品尝试过。但不起作用。如何在全局范围内实现拦截器?

import axios from 'axios';

export default async (searchTerms) => {
  try {
    const url = `${process.env.SERVICE_URL}/get-jayachan-detais`;
    const params = JSON.stringify({
      orderInfoRequest: {
        searchType: 'MASTER TRX',
        MasterTrxnId: searchTerms.ordnum
      }
    });
    const response = await axios.post(url, params, { withCredentials: true });

    return {
      errors: [],
      response
    };
  } catch (e) {
    return {
      errors: [e]
    };
  }
};

axios.interceptors.request.use(function () {
    console.log('start preloader');
});

axios.interceptors.response.use(function () {
    console.log('stop preloader');
});
Run Code Online (Sandbox Code Playgroud)

reactjs axios

1
推荐指数
1
解决办法
54
查看次数

如何使用Object的Key调用函数..?

从我的对象迭代,我试图调用函数并发送数据作为参数,在我的尝试,我收到错误..

使用对象键调用函数的正确方法是什么?

我的尝试:

var x = function(msg){
    console.log(msg);
}
var y = function(msg){
    console.log(msg);
}

    var obj = {x:"i am x", y:"i am y"}

    var all = function(){
        $.each(obj,function(key,value){
           [key](value);
        })
    }

    all();
Run Code Online (Sandbox Code Playgroud)

任何一个数字你正确的方法请...这里是jsfiddle链接

javascript jquery function object

0
推荐指数
1
解决办法
3117
查看次数

Package.json - 无法安装模块

我有一个空文件夹,我在其中创建了一个package.json文件,其中包含:

{
    "name":"sample project",
    "version":"0.0.1",
    "title":"My grunt App",
    "homepage":"http://gruntjs.com"
}
Run Code Online (Sandbox Code Playgroud)

稍后在同一个文件夹中,我试图运行此命令:

npm install grunt --save-dev

但我得到这样的错误:根本无法安装grunt

D:\grunt2>npm install grunt --save-dev
npm ERR! Error: Invalid name: "sample project"
npm ERR!     at ensureValidName (C:\Program Files (x86)\nodejs\node_modules\npm\
node_modules\read-package-json\node_modules\normalize-package-data\lib\fixer.js:
300:15)
npm ERR!     at Object.module.exports.fixNameField (C:\Program Files (x86)\nodej
s\node_modules\npm\node_modules\read-package-json\node_modules\normalize-package
-data\lib\fixer.js:204:5)
npm ERR!     at C:\Program Files (x86)\nodejs\node_modules\npm\node_modules\read
-package-json\node_modules\normalize-package-data\lib\normalize.js:30:38
npm ERR!     at Array.forEach (native)
npm ERR!     at normalize (C:\Program Files (x86)\nodejs\node_modules\npm\node_m
odules\read-package-json\node_modules\normalize-package-data\lib\normalize.js:29
:15)
npm ERR!     at final (C:\Program Files (x86)\nodejs\node_modules\npm\node_modul
es\read-package-json\read-json.js:342:33)
npm ERR!     at then …
Run Code Online (Sandbox Code Playgroud)

json node.js npm gruntjs

0
推荐指数
1
解决办法
1893
查看次数

如何用"*"(astrik)字母根据长度替换字符串

从后端json数据,我收到"密码"信息.但是我要求在html页面中隐藏密码信息.

我知道有一种方法可以隐藏输入类型"密码".但是在这个html中我只是显示隐藏密码的细节.

我试图使用regexp方法替换字符串.但没有工作.

这是我的尝试:

var st = "Shchool"; //it is 7 letters, i need to print 7 '*'

st.replace(/./g, "*"); // i am trying to replace.

console.log(st);
Run Code Online (Sandbox Code Playgroud)

javascript regex

0
推荐指数
1
解决办法
62
查看次数

为什么我在点击按钮时会添加多个元素?

我只是添加了一个span文本选择的父级.我通过弹出按钮使用点击按钮另外打开两种方式(选择将出现)

当我多次单击弹出按钮时,我会附加尽可能多的(多次)跨度作为我选择的父级.

怎么解决这个问题?任何人帮助我?

myjs:

 function selHTML() {
    var nNd = document.createElement("span");
    var w = getSelection().getRangeAt(0);
    w.surroundContents(nNd);
    $(nNd).addClass('highlight');
}

$("#addText").on('click',  function(event) {
    event.preventDefault();
    $(selHTML());
});

$("div.content").mouseup(function(event) {
    var range = window.getSelection().getRangeAt(0);
    if (!range.collapsed) {
        var bounds = range.getBoundingClientRect();
        var x = bounds.left + ((bounds.right - bounds.left - $(".savetooltipAll").outerWidth()) / 2);
        var y = bounds.top - $(".savetooltipAll").outerHeight() + $(window).scrollTop();

        $(".savetooltipAll").css("top", (y+(bounds.top)) + 'px');
        $(".savetooltipAll").css("left",x + 'px');
        $(".savetooltipAll").show();
        $("button").click(function(){
            $(selHTML()); //it calls multiple times...
        });
    } else {
        $(".savetooltipAll").hide();
    }
}); …
Run Code Online (Sandbox Code Playgroud)

html javascript jquery

0
推荐指数
1
解决办法
47
查看次数

嵌入的“PDF”文件未显示

我将测试pdf文件放入dropbox并获得了公共链接:

https://dl.dropboxusercontent.com/u/6257603/pdfs/pdf01.pdf
Run Code Online (Sandbox Code Playgroud)

我想将其显示(嵌入)到我的 html 页面。(我想创建一个树形结构的多个链接来加载上传的内容pdf以显示给用户)

我得到的答案是,pdf可以嵌入到html这里的文件中:

http://www.webdeveloper.com/forum/showthread.php?152923-PDF-within-a-DIV

但我看不到任何输出。这是我的尝试:

https://dl.dropboxusercontent.com/u/6257603/pdfs/pdf01.pdf
Run Code Online (Sandbox Code Playgroud)
div {
    border : 1px solid red;
    height:200px;
    overflow:auto;
}
Run Code Online (Sandbox Code Playgroud)

html javascript css pdf jquery

0
推荐指数
1
解决办法
9330
查看次数

如何将简单点击事件添加到`cube`

我创建了一个cube使用,three.js.但是如何添加一个click事件cube

是否需要任何其他js库,或者我们可以直接将事件添加到对象中?

这是我的代码:

$(function () {


        var scene           = new THREE.Scene();
        var camera          = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 0.1, 1000);
        var webGLRenderer   = new THREE.WebGLRenderer({ antialias : true });

        webGLRenderer.setClearColor (0xEEEEEE, 1.0);
        webGLRenderer.setSize ( window.innerWidth, window.innerHeight );
        webGLRenderer.shadowMapEnabled = true;

        var cube = createMesh(new THREE.CubeGeometry(5, 5, 5), "floor-wood.jpg" );
        cube.position.x = -12;
        scene.add(cube);
        // console.log(cube.geometry.faceVertexUvs);

        var step = 0;

        render ();

        camera.position.x = 00;
        camera.position.y = 12;
        camera.position.z …
Run Code Online (Sandbox Code Playgroud)

jquery three.js

0
推荐指数
1
解决办法
487
查看次数

标签 统计

javascript ×6

jquery ×4

css ×2

html ×2

axios ×1

function ×1

gruntjs ×1

json ×1

node.js ×1

npm ×1

object ×1

pdf ×1

reactjs ×1

regex ×1

three.js ×1