คำถามติดแท็ก javascript

ฉันเพิ่งเริ่มใช้ webpack และฉันกำลังแปลงเว็บแอปพลิเคชันที่มีอยู่เพื่อใช้งาน ฉันใช้ webpack เพื่อรวมกลุ่มและย่อขนาด JS ของฉันซึ่งดีมากเมื่อนำไปใช้งานอย่างไรก็ตามสิ่งนี้ทำให้การดีบักในขณะพัฒนาเป็นเรื่องยากมาก โดยปกติฉันจะใช้ดีบักเกอร์ในตัวของ Chrome เพื่อแก้ไขปัญหา JS (หรือ Firebug บน firefox) อย่างไรก็ตามด้วย Webpack ทุกอย่างถูกยัดไว้ในไฟล์เดียวและมันกลายเป็นเรื่องยากที่จะแก้จุดบกพร่องโดยใช้กลไกนั้น มีวิธีเปิดและปิดการรวมกลุ่มอย่างรวดเร็วหรือไม่? หรือเปิดและปิดการลดขนาด? ฉันได้ตรวจดูว่ามีการกำหนดค่าตัวโหลดสคริปต์หรือการตั้งค่าอื่น ๆ แต่ไม่ปรากฏขึ้น ฉันยังไม่มีเวลาแปลงทุกอย่างให้ทำหน้าที่เหมือนโมดูลและต้องใช้ ดังนั้นฉันจึงใช้รูปแบบ require ("script! ./ file.js") สำหรับการโหลดของฉัน

131 javascript  webpack 

ประเภทที่ถูกต้องสำหรับเหตุการณ์ React คืออะไร เริ่มแรกฉันแค่ใช้anyเพื่อความเรียบง่าย ตอนนี้ฉันกำลังพยายามทำความสะอาดและหลีกเลี่ยงการใช้anyอย่างสมบูรณ์ ดังนั้นในรูปแบบง่ายๆดังนี้: export interface LoginProps { login: { [k: string]: string | Function uname: string passw: string logIn: Function } } @inject('login') @observer export class Login extends Component<LoginProps, {}> { update = (e: React.SyntheticEvent<EventTarget>): void => { this.props.login[e.target.name] = e.target.value } submit = (e: any): void …

131 javascript  reactjs  typescript 

ฉันกำลังสร้าง "ปุ่มแชร์" เพื่อแชร์เพจปัจจุบัน ฉันต้องการใช้ URL ของหน้าปัจจุบันและเปิดในหน้าต่างใหม่ ฉันมีส่วน URL ปัจจุบันใช้งานได้ แต่ดูเหมือนว่าส่วนถัดไปใช้งานไม่ได้ ฉันกำลังดิ้นรนกับไวยากรณ์ width=520, height=570ผมอยากจะระบุขนาดของหน้าต่างใหม่ สิ่งที่ต้องการ: <a target="_blank" href="https://www.linkedin.com/cws/share?mini=true&url=[sub]" onclick="this.href = this.href.replace('[sub]',window.location)"> LinkedIn </a> ความคิดใด ๆ ?

131 javascript  new-window 

ฉันรู้ว่านั่น0xคือคำนำหน้าสำหรับเลขฐานสิบหกใน Javascript ตัวอย่างเช่น0xFFย่อมาจากเลข 255 มีอะไรที่คล้ายกันสำหรับเลขฐานสองหรือไม่? ฉันคาดหวังว่า0b1111จะเป็นตัวแทนของตัวเลข15แต่มันไม่ได้ผลสำหรับฉัน

131 javascript 

มีวิธีการครอบคลุมโค้ดในกรอบการทดสอบ Javascript Jest ที่สร้างขึ้นจากจัสมินหรือไม่? กรอบงานภายในไม่พิมพ์ความครอบคลุมของรหัสที่ได้รับ ฉันได้พยายามยังมีการใช้อิสตันบูล , ผ้าห่มและJSCoverแต่ไม่มีผู้ใดของการทำงานของพวกเขา

131 javascript  jestjs 

ฉันยังใหม่กับ ReactJS และ React-Router ฉันมีส่วนประกอบที่ได้รับผ่านอุปกรณ์ประกอบฉากเป็น<Link/>วัตถุจากตอบสนองเราเตอร์ เมื่อใดก็ตามที่ผู้ใช้คลิกปุ่ม 'ถัดไป' ในส่วนประกอบนี้ฉันต้องการเรียกใช้<Link/>วัตถุด้วยตนเอง ตอนนี้ฉันใช้refsเพื่อเข้าถึงอินสแตนซ์สำรองและคลิกที่แท็ก 'a' ที่<Link/>สร้างขึ้นด้วยตนเอง คำถาม:มีวิธีเรียกใช้ Link (เช่นthis.props.next.go) ด้วยตนเองหรือไม่? นี่คือรหัสปัจจุบันที่ฉันมี: //in MasterPage.js var sampleLink = <Link to="/sample">Go To Sample</Link> <Document next={sampleLink} /> //in Document.js ... var Document = React.createClass({ _onClickNext: function() { var next = this.refs.next.getDOMNode(); next.querySelectorAll('a').item(0).click(); //this sounds like hack to me }, …

131 javascript  reactjs  react-router 

วิธีการแทนที่เครื่องหมายทับไปข้างหน้าในสตริง JavaScript ทั่วโลก?

131 javascript 

ฉันใช้จัสมินในการทดสอบหน่วยของฉันมาโดยตลอด แต่เมื่อเร็ว ๆ นี้ฉันเริ่มใช้อิสตันบูลเพื่อให้รายงานการครอบคลุมรหัสแก่ฉัน ฉันหมายความว่าฉันเข้าใจสาระสำคัญของสิ่งที่พวกเขาพยายามจะบอกฉัน แต่ฉันไม่รู้จริงๆว่าเปอร์เซ็นต์เหล่านี้เป็นตัวแทนของอะไร (Stmts, Branches, Funcs, Lines) จนถึงตอนนี้ Googling ฉันไม่พบคำอธิบาย / แหล่งข้อมูลที่ชัดเจน คำถาม : เหมือนที่ฉันบอกว่าฉันเข้าใจสาระสำคัญของมัน แต่มีคนโพสต์คำอธิบายที่เหมาะสมหรือลิงก์ไปยังคำอธิบายที่เหมาะสมได้หรือไม่? คำถามระดับอุดมศึกษา : มีวิธีใดบ้างในการระบุว่าส่วนใดของโค้ดของคุณไม่ครอบคลุม? จนถึงตอนนี้โดยไม่ต้องบ่นรายงานนี้โดยทั่วไปฉันคาดเดา -------------------|-----------|-----------|-----------|-----------| File | % Stmts |% Branches | % Funcs | % Lines | -------------------|-----------|-----------|-----------|-----------| controllers/ | 88.1 | 77.78 | 78.57 | 88.1 | dashboard.js | …

131 javascript  testing  jasmine  code-coverage  istanbul 

ฉันเรียก API ของบุคคลที่สามโดยใช้ Jquery AJAX ฉันได้รับข้อผิดพลาดต่อไปนี้ในคอนโซล: Cross-Origin Read Blocking (CORB) บล็อกการตอบสนองข้ามต้นทางURL ของฉันด้วยแอปพลิเคชันประเภท MIME / json ดูhttps://www.chromestatus.com/feature/5629709824032768สำหรับรายละเอียดเพิ่มเติม ฉันใช้รหัสต่อไปนี้สำหรับการโทร Ajax: $.ajax({ type: 'GET', url: My Url, contentType: 'application/json', dataType:'jsonp', responseType:'application/json', xhrFields: { withCredentials: false }, headers: { 'Access-Control-Allow-Credentials' : true, 'Access-Control-Allow-Origin':'*', 'Access-Control-Allow-Methods':'GET', 'Access-Control-Allow-Headers':'application/json', }, success: function(data) { console.log(data); }, error: function(error) { …

131 javascript  jquery  ajax  cors  cross-origin-read-blocking 

เรื่องราวคือฉันควรจะใส่บ็อบแซลลี่และแจ็คลงในกล่อง ฉันยังสามารถลบออกจากกล่องได้ เมื่อถอดออกไม่เหลือช่องเสียบ people = ["Bob", "Sally", "Jack"] ตอนนี้ฉันต้องลบพูดว่า "บ๊อบ" อาร์เรย์ใหม่จะเป็น: ["Sally", "Jack"] นี่คือองค์ประกอบปฏิกิริยาของฉัน: ... getInitialState: function() { return{ people: [], } }, selectPeople(e){ this.setState({people: this.state.people.concat([e.target.value])}) }, removePeople(e){ var array = this.state.people; var index = array.indexOf(e.target.value); // Let's say it's Bob. delete array[index]; }, ... ที่นี่ฉันจะแสดงโค้ดขั้นต่ำให้คุณดูเนื่องจากมีมากกว่านั้น (onClick ฯลฯ ) ส่วนสำคัญคือการลบลบทำลาย …

131 javascript  arrays  reactjs 

ฉันเขียนรหัสนี้ใน lib/helper.js var myfunction = async function(x,y) { .... reutrn [variableA, variableB] } exports.myfunction = myfunction; จากนั้นฉันก็ลองใช้มันในไฟล์อื่น var helper = require('./helper.js'); var start = function(a,b){ .... const result = await helper.myfunction('test','test'); } exports.start = start; ฉันได้รับข้อผิดพลาด "await ใช้ได้เฉพาะในฟังก์ชัน async" ปัญหาคืออะไร?

131 javascript  node.js 

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นไปตามหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน5 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ใคร ๆ ก็รู้ว่าเป็นฐานข้อมูลที่มีน้ำหนักเบา แต่ทนทานเขียนด้วย Javascript ที่สามารถใช้กับ Node.js ฉันไม่ต้องการ 'น้ำหนัก' ของโซลูชั่นที่ยอดเยี่ยมเช่น Mongo หรือ Couch ง่ายในฐานข้อมูล JS หน่วยความจำที่มีความสามารถในการคงอยู่กับดิสก์เป็นไฟล์จะเพียงพอ ฉันจะใช้เพื่อเก็บข้อมูลจำนวนเล็กน้อยเท่านั้น ที่ต้องการ: สามารถทำงานในกระบวนการด้วยแอปพลิเคชันเซิร์ฟเวอร์ node.js สามารถบันทึกฐานข้อมูลทั้งหมดลงในดิสก์และกู้คืนหลังจากความล้มเหลว ไม่จำเป็นต้องรองรับการเขียนปรมาณูหรือการทำธุรกรรม คำสั่งที่รวดเร็วและการเรียงลำดับจะดี ต้องการรองรับปริมาณข้อมูลขนาดเล็กเพียงสูงสุด 1MB ฉันเคยเจอ TAFFY db มาแล้ว แต่ดูเหมือนจะไม่ได้รับการปรับให้เหมาะกับการใช้งานใน Node.js มีใครเห็นสิ่งที่ฉันกำลังมองหาอยู่ใช่ไหม ขอบคุณ

130 javascript  database  key-value-store 

ฉันพยายามที่จะได้รับองค์ประกอบทั้งหมดที่มีรหัสเริ่มต้นด้วยค่าบางอย่าง ด้านล่างเป็นรหัส jQuery ของฉัน ฉันพยายามใช้ตัวแปร JavaScript เมื่อค้นหารายการ แต่มันไม่ทำงาน ฉันพลาดอะไรด้านล่าง ดังนั้น id 'value' กำลังค้นหาจึงเป็นค่าขององค์ประกอบที่คลิก $(document).ready(function() { $('input[name$="_chkmulti"]').click(function(){ var value = $(this).val(); $("td[id^= + value +]").each(function(){ alert("yes"); }); }); });

130 javascript  jquery 

ฉันมีไฟล์สามไฟล์ของแอปพลิเคชั่น js เชิงมุมที่เรียบง่ายมาก index.html <!DOCTYPE html> <html ng-app="gemStore"> <head> <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js'></script> <script type="text/javascript" src="app.js"></script> </head> <body ng-controller="StoreController as store"> <div class="list-group-item" ng-repeat="product in store.products"> <h3>{{product.name}} <em class="pull-right">{{product.price | currency}}</em></h3> </div> <product-color></product-color> </body> </html> ผลิตภัณฑ์ color.html <div class="list-group-item"> <h3>Hello <em class="pull-right">Brother</em></h3> </div> app.js (function() { var app = angular.module('gemStore', []); app.controller('StoreController', …

130 javascript  html  angularjs  xmlhttprequest 

ฉันมี div ที่มีความสูงคงที่และ overflow:hidden; ฉันต้องการตรวจสอบด้วย jQuery ว่า div มีองค์ประกอบที่เกินความสูงคงที่ของ div หรือไม่ ฉันจะทำเช่นนี้ได้อย่างไร?

130 javascript  jquery  html