小编onT*_*net的帖子
类型脚本：在类型'{“ A”：string;上未找到参数类型为'string'的索引签名。}
我有一些原始的javascript代码，需要输入字符串，将字符串拆分为字符，然后将这些字符与对象上的键匹配。
DNATranscriber = {
"G":"C",
"C": "G",
"T": "A",
"A": "U"
}
function toRna(sequence){
const sequenceArray = [...sequence];
const transcriptionArray = sequenceArray.map(character =>{
return this.DNATranscriber[character];
});
return transcriptionArray.join("");
}
console.log(toRna("ACGTGGTCTTAA")); //Returns UGCACCAGAAUU
这按预期工作。我现在想将其转换为打字稿。
class Transcriptor {
DNATranscriber = {
G:"C",
C: "G",
T: "A",
A: "U"
}
toRna(sequence: string) {
const sequenceArray = [...sequence];
const transcriptionArray = sequenceArray.map(character =>{
return this.DNATranscriber[character];
});
}
}
export default Transcriptor
但我收到以下错误。
元素隐式地具有“ any”类型，因为类型'string'的表达式不能用于索引类型'{“ A”：string; }'。在类型>'{“ A”：string;上找不到带有参数'string'的索引签名。}'。ts（7053）
我以为问题是我需要我的对象键是一个字符串。但是将它们转换为字符串不起作用。
DNATranscriber = {
"G":"C",
"C": "G", …推荐指数
解决办法
查看次数
使用JavaScript编辑CSS渐变
我正在通过Firefox中的JavaScript编辑CSS渐变.我有输入框,用户可以放置1.方向2.第一种颜色3.第二种颜色
这是html
<html>
<head>
<title>Linear Gradient Control</title>
<script>
function renderButton(){
var orientation = document.getElementById("firstValue").value;
var colorOne = document.getElementById("firstColor").value;
var colorTwo = document.getElementById("secondColor").value;
//alert(orientation);
//alert(colorOne);
//alert(colorTwo);
};
</script>
<style>
#mainHolder
{
width:500px;
background: -moz-linear-gradient(left, green, red);
}
</style>
</head>
<body>
<h1>Gradient Editor</h1>
<form>
<input type="text" id="firstValue">orientation</input><br />
<input type="text" id="firstColor">first color</input><br />
<input type="text" id="secondColor">second color</input><br />
</form>
<button type="button" onclick="renderButton()">Render</button>
<div id="mainHolder">Content</div>
</body>
</html>
因此,回顾一下,用户将指定它们的3个值,这些值将传递给函数'renderButton();'.我可以使用哪一行来更改CSS3渐变的3个值,以便用户可以创建自己的自定义渐变框？我假设我只需要一两行.
PS我意识到这个例子只适用于Firefox.我只想在使用不同的浏览器之前先了解这个概念.
推荐指数
解决办法
查看次数
防止H1标签破坏到新线
我正在使用基础创建一个动态网页.一切都完美无瑕地转换到手机和平板电脑.但是,我在1920 x 1080显示器上创建了它.当我在1280 x 1024显示器上测试时,我的H1徽标和h2标语断了.
我不知道如何解决这个问题.这是我的CSS和HTML.
/*Header*/
#Header{
max-height:106px;
min-height:105px;
background-color:#666666;
border-bottom-width:3px;
border-bottom-style:solid;
border-bottom-color:white;
}
#logo{
max-height:106px;
border-right-width:3px;
border-right-style:solid;
border-right-color:white;
line-height:none;
text-align:center;
background-color:#f58026;
}
#logo h1{
margin-top:10px;
font-weight:400;
font-family:'Gill Sans MT';
font-size:2em;
margin-bottom:0px;
}
#logo h2{
margin-top:0px;
font-weight:500;
font-family:'Myriad Pro' ,Arial;
font-style:italic;
color:white;
font-size:1em;
padding-bottom:15px;
}
<div class="row collapse" id="voipHeader">
<!--Logo-->
<div id="logo" class="large-2 columns small-12 columns">
<h1></h1>
<h2>Your Premier </h2>
</div>
<!--Navigation-->
<div id="navigation" class="large-10 columns small-12 columns">
<ul>
<li><a href="#">Clients</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Inquiry Form</a></li>
</ul> …推荐指数
解决办法
查看次数
如何在jquery mobile中自定义标题颜色？
我正在使用jquery mobile在本地公司的移动网站上工作.
这是我到目前为止所拥有的
到目前为止,它已经很好,但我遇到了一些问题.
1.
我不知道如何更改标题颜色.我尝试过不同的数据主题.我试图使用自定义CSS样式表.但我没有做任何事情.
编辑 - 好的,显然head标签没有得到像页面其他部分那样的数据角色.所以我删除了.但我仍然需要弄清楚如何改变颜色.我为它写的CSS似乎被覆盖了.
这是实际的标题
<div data-role="header" data-theme="c">
看起来标题的数据角色不做任何事情
2.
call us按钮有一个'href'标签,可以让你拨打电话.问题是,自从我把它放在那里,它就会在盒子周围创建一个非常明显的链接样式.这是一个截屏
如何阻止这种风格？我已经尝试过CSS来阻止它.
a:link {color:#FF0000;} /* unvisited link */
a:visited {color:#00FF00;} /* visited link */
这些工作,但仅限于页面底部的可扩展列表.为什么它们不适用于所有按钮？
推荐指数
解决办法
查看次数
Server.listeners 不是一个函数
我按照这个 websockets 教程来学习如何将 Socket.IO 集成到 Angular 项目中。我已完全按照这些步骤操作，但是当我尝试运行 websockets 服务器项目时，出现以下错误：
类型错误：server.listeners 不是 Server.attach 中的函数 (\ws-server\node_modules\engine.io\lib\server.js:455:26)
在 server.js 的第 455 行，我们看到了这段代码
// cache and clean up listeners
var listeners = server.listeners('request').slice(0);
我很困惑为什么我会看到这个。我已经更新了express和Socket.IO，但仍然遇到同样的问题。如果需要，我可以提供角度代码，但我认为它不相关。
这是我的服务器代码的样子
let app = require('express')();
let http = require('http').Server(app);
let io = require('socket.io')('http');
io.on('connection', (socket) =>{
//Log when a user connects
console.log('user connected');
//Log when a client disconnects
socket.on('disconnect', function(){
console.log('user disconnected');
});
//When we receive a message event from our client, print out the
//contents of that …推荐指数
解决办法
查看次数
锚标签大于它所持有的元素
在我的网站上，我有两个图像/按钮，称为“入门”和“了解更多”。图像用锚标记包裹，以带您到单独的页面。但是，可点击区域比实际图像大得多。我不知道为什么。任何帮助，将不胜感激。
HTML
<!--button Holder-->
<div class="d-all m-all" id="buttonHolder">
<div class="d4-d6 m-all" id="getStarted">
<a href="contact.html#contactFormContainer"><img id="getStartedButton" src="images/get_started_button_vi.jpg" height="52"></a>
</div>
<div class="d7-d9 m-all" id="learnMore">
<a href="services.html"><img id="learnMoreButton" src="images/learn_more__button_vi.jpg" height="52" ></a>
</div>
<div class="m-all d-all">
<hr class="hrBreakTop"/>
</div>
</div><!--End button holder-->
CSS
/*Buttons*/
#buttonHolder{
}
#buttonHolder img{
margin-top:155px;
margin-bottom:10px;
display:block;
margin-left: auto;
margin-right: auto;
}
/*Reduce button sizes on mobile*/
@media all and (min-width:451px) and (max-width: 989px){
#buttonHolder img{
margin-top:65px;
width:45%;
display:block;
margin-left: auto;
margin-right: auto;
height:auto;
}
}
/*Reduce padding top on …推荐指数
解决办法
查看次数
Microsoft Server studio'脚本表为'用于INSERT到错误的语法
我在数据库中有一个表,看起来像这样
我想插入一条新记录.所以我右键单击我的表格,将鼠标悬停在'script table as'上,然后选择'INSERT to'选项
当我这样做时,我得到了这个
我的问题是,这种语法有什么问题？在尝试添加任何内容之前,我似乎遇到了错误.当盘旋在红线上时,我收到一条消息说
'<'附近的语法不正确
&
'varchar不是公认的内置函数名'
我以为我会用我的数据值替换第二部分.但我不确定.
推荐指数
解决办法
查看次数
类型“JQuery<HTMLElement>”上不存在属性“slick”
我有一个 Angular 6 项目，我想使用Slick Slider。首先我安装了 jQuery
npm 我jquery
然后是光滑的旋转木马
npm 我光滑的轮播
然后我对 angular.json 文件进行了必要的编辑
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"node_modules/font-awesome/css/font-awesome.css",
"node_modules/slick-carousel/slick/slick.css"
],
"scripts": [
"node_modules/jquery/dist/jquery.min.js",
"node_modules/slick-carousel/slick/slick.min.js"
]
然后我创建一个简单的滑块布局
<div class="mySlider">
<div><h3>1</h3></div>
<div><h3>2</h3></div>
<div><h3>3</h3></div>
<div><h3>4</h3></div>
<div><h3>5</h3></div>
<div><h3>6</h3></div>
</div>
在我的打字稿中，首先我从 jquery 导入 *。
import * as $ from 'jquery';
最后，我在 ngOnInit 中调用 slick 方法
ngOnInit() {
$(document).ready(function() {
$('.mySlider').slick({
infinite: true,
slidesToShow: 3,
slidesToScroll: 3
});
});
}
当我尝试编译时，我收到以下错误消息：
src/app/components/slider/slider.component.ts(20,22) 中的错误：错误 TS2551：类型“JQuery”上不存在属性“slick”。您指的是“点击”吗？
所以我尝试在文件顶部将 slick 声明为变量。
declare var slick: any;
但这没有帮助。所以我尝试像使用 jQuery 一样创建导入。 …
推荐指数
解决办法
查看次数
在Gatsby-node.js中检索多种数据类型时，graphql复制文档错误
我有一个简单的Gatsby原型，它利用Kentico Cloud作为数据源。对我来说幸运的是，他们已经构建了一个源插件，我正在利用该插件来获取一个名为“ BlogPost”的数据类型。这按预期工作。
gatsby-node.js源代码
const path = require(`path`);
exports.createPages = ({graphql, actions}) => {
const { createPage } = actions;
return new Promise((resolve, reject) => {
graphql(`
{
allKenticoCloudItemBlogPost {
edges {
node {
elements {
url_slug{
value
}
}
}
}
}
}
`).then(result => {
console.log(result);
result.data.allKenticoCloudItemBlogPost.edges.map(({node}) => {
createPage({
path: `${node.elements.url_slug.value}`,
component: path.resolve(`./src/templates/blog-post.js`),
context: {
slug: node.elements.url_slug.value,
},
})
})
resolve();
})
});
}
这很好用，但是我真的想添加第二种数据类型，称为“ Articles”
按照Gatsby Kentico入门模板示例，我修改了gatsby-node.js文件
const …推荐指数
解决办法
查看次数
在 chrome devtools 中找不到要调试的 javascript 源映射
我在 .Net 项目中使用 webpack 来捆绑我的 javascript 文件。我最近遇到了一个错误，我想使用 chrome 开发工具进行调试。
在我的 webpack 配置文件中，我添加了以下行来生成源映射。
devtool: 'source-map'
运行后npx webpack在我的dist文件夹中生成了以下文件。
所以我确定这些文件是生成的。当我在 chrome 调试器中打开 resources.entry.js 时，我看到以下内容。
但是，我似乎无法真正找到源地图，以便我可以放置断点。我在树上找不到它。
而且我似乎无法ctrl + p像 Chrome 建议的那样搜索它。
我究竟需要做什么才能使用我的源 javascript 文件进行调试？
谢谢你。
推荐指数
解决办法
查看次数