Home Php C# Sql C C++ Javascript Python Java Go Android Git Linux Asp.net Django .net Node.js Ios Xcode Cocoa Iphone Mysql Tomcat Mongodb Bash Objective-c Scala Visual-studio Apache Elasticsearch Jar Eclipse Jquery Ruby-on-rails Ruby Rubygems Android-studio Spring Lua Sqlite Emacs Ubuntu Perl Docker Swift Amazon-web-services Svn Html Ajax Xml Java-ee Maven Intellij-idea Rvm Macos Unix Css Ipad Postgresql Css3 Json Windows-server Vue.js Typescript Oracle Hibernate Internet-explorer Github Tensorflow Laravel Symfony Redis Html5 Google-app-engine Nginx Firefox Sqlalchemy Lucene Erlang Flask Vim Solr Webview Facebook Zend-framework Virtualenv Nosql Ide Twitter Safari Flutter Bundle Phonegap Centos Sphinx Actionscript Tornado Register | Login | Edit Tags | New Questions | 繁体 | 简体


10 questions online user: 54

0
votes
answers
35 views
+10

三角函數的問題:圓角與矩形相交

0

我一直在試圖製作一個程序,其中一個球從一個旋轉的矩形反彈出來,我必須學習一些基本的三角函數,但是我注意到當我跑時這是它是半不準確的。就像每當球擊中矩形只是離開中心一點點時,它就會直接穿過它,或者沿着它沒有想到的方向反彈。爲了更好地理解我的問題,如果您去檢查了my fiddle,我將不勝感激。三角函數的問題:圓角與矩形相交

我認爲這是一個數學問題,(考慮到我的成績直到10或11年級纔會學到),但它可能更多。


這裏的數學funcions:

function getNormal(a) { 
    return { 
     x: Math.sin(a), 
     y: Math.cos(a) 
    } 
} 

function reflect(n, v) { 
    let d = 2 * dot(v, n); 
    v.x -= d * n.x; 
    v.y -= d * n.y; 
    return v; 
} 

function dot(v1, v2) { 
    return v1.x * v2.x + v1.y * v2.y; 
} 
沙发
0
0

看來,一個是切線角度(面線的角度),在這種情況下,正常的計算是錯誤的

x: - Math.sin(a), 
    y: Math.cos(a) 

    (or for opposite normal) 
    x: Math.sin(a), 
    y: - Math.cos(a) 

一個更可能的問題 - 三角函數是否與你的語言中的弧度或度有關?

+0

您錯過了OP代碼的主要問題。第102行讀取'let normal = getNormal(padAngle);''padAngle'爲'undefined'並且行應該讀爲'let normal = getNormal(pad.angle);'並且我看不到deg和rad之間的任何單位轉換所以除了旋轉的規模之外,所使用的單位應該沒有問題。 – Blindman67

0
votes
answers
19 views
+10

如何預先填充img的父div的高度?

0
<div class="main-container"> 
    <a> 
    <img class="img-responsive" /> 
    </a> 
</div> 

.container { 
    min-width: 300px; 
    width: fit-content; 
    max-width: 50%; 
} 

.img-responsive { 
    max-width: 100%; 
    height: auto; 
} 

此代碼正常工作,但正如您在CSS代碼中看到的,容器的寬度最初爲300px,並且會在加載圖像時展開。如何預先填充img的父div的高度?

圖像加載需要時間,所以主容器以width = 300,height = 0開始。

我想主容器在圖像加載之前已經被展開。我有圖像的縱橫比和寬度。如果可能,我想要css解決方案。

例如,如果圖像寬度爲400px,縱橫比爲1:1,我希望主容器爲400x400,以便在加載之前預先填充img的空間。

而當圖像寬度爲200px,寬高比爲1:1時,主容器應爲300x200。

CSS Image Layouting before image loaded得到的答案沒有幫助,因爲它始終強制容器寬度爲最小寬度。

+0

[圖像加載之前的CSS圖像佈局]可能的重複(https://stackoverflow.com/questions/15520623/css-image-layouting-before-image-loaded) – CBroe

+0

它與^不同。我的問題在容器上設置了最小和最大寬度。 – emil

+0

在我的例子中,https://stackoverflow.com/questions/15520623/css-image-layouting-before-image-loaded的答案總是強制img大小爲300px。 – emil

沙发
0
0

您可以分別將divmin-widthmin-height分別設置爲圖像的寬度和高度。

+0

我應該在最小高度中設置什麼值? – emil

+0

不管你想要它是多麼大... –

+0

我希望它是正確的.. – emil

0
votes
answers
21 views
+10

Jade迭代到HTML表格

1

如何將價格數組添加到Jade中的第二個'td'標籤?我希望它是迭代。可能嗎?Jade迭代到HTML表格

- var item = ['Item1', 'Item2', 'Item3'] 
- var price = ['40', '90', '140'] 

table.pricetable 
    thead 
     tr 
      th item 
      th price 
    tbody 
     each a in item 
      tr 
       td #{a} 
       td ??? 

感謝, 西蒙

沙发
0
1

假設他們有直接關係:

- var item = ['Item1', 'Item2', 'Item3'] 
- var price = ['40', '90', '140'] 

table.pricetable 
    thead 
     tr 
      th item 
      th price 
    tbody 
     each a, index in item 
      tr 
       td #{a} 
       td #{price[index]} 

然而,更好的方法是使用對象的數組,而不是兩個單獨的數組:

- var items = [{item: 'Item1', price: 40}, {item: 'Item2', price: 90}, {item: 'Item3', price: 140}] 

table.pricetable 
    thead 
     tr 
      th item 
      th price 
    tbody 
     each a in item 
      tr 
       td #{a.item} 
       td #{a.price} 
板凳
0
1

是的,這是可能的,通過也越來越在循環索引:

- var item = ['Item1', 'Item2', 'Item3'] 
- var price = ['40', '90', '140'] 

table.pricetable 
    thead 
     tr 
      th item 
      th price 
    tbody 
     each a, index in item 
      tr 
       td #{a} 
       td #{price[index]} 

這可以讓你獲得當前值的指數你」重複迭代,並可用於訪問另一個數組中的相同位置。

+0

你2分鐘打我哈哈 –

0
votes
answers
23 views
+10

正確支持IE中的html主要元素

0

我已經決定開始使用html5 main元素,我之前沒有使用這個元素,因爲在某些瀏覽器中缺少支持。正確支持IE中的html主要元素

我知道做這樣的事情,你可能只是「修復」缺乏支持:

main { 
    display: block; 
} 

但是我碰到one answer,指出你應該做的下方,將其添加到DOM以及傳來:

document.createElement('main'); 

我的問題是 - 我們不應該先檢查瀏覽器是否支持main元素我們這樣做之前?我不確定最好的方式是做什麼? ....或者這是不是真的需要,可以安全地使用所有頁面加載,無論支持?

+0

@Rob你甚至讀過這個問題或只是主題?他們絕不相同。 – Brett

沙发
0
1

鏈接的答案並不準確。

document.createElement('main'); 

只需要IE9和更早版本,通過幫助這些版本正確解析<main></main>標籤,形成工作main元素。正如相關答案所說,自己調用它是無害的,所以你可以做到這一點,而不用擔心它被不恰當地調用。但是,如果您支持9或更低版本的IE版本,則應該在標記中的第一個(通常只有)<main>標記之前在JavaScript中同步包含其包含的腳本。

IE10和IE11正確解析標記,但將main元素作爲內嵌元素創建。爲了使其風格與其他瀏覽器一樣,請使用

main { 
    display: block; 
} 

要考慮的另一方面是可訪問性標誌性角色。 IE不會默認主要的里程碑式的作用,所以你可能希望做<main role="main">這樣做,但應該指出,HTML5規範不鼓勵這樣做。

+0

很好的答案 - 謝謝!另外,關於可訪問性部分的良好旁註。乾杯! – Brett

0
votes
answers
38 views
+10

選擇默認類型要下載

0

我上傳了.vtt文件在我的網站,我可以通過網站(http://temporarysubs.8u.cz/subtitles.vtt)訪問它,選擇默認類型要下載

但是當我右鍵單擊並選擇另存爲...,默認選項是「另存爲subtitles.txt代替subtitles.vtt

有人可以幫我改頁面,請默認的文件類型

+0

您是否在您的.htaccess中設置了vtt MIME類型? –

+0

我知道這將是與htaccess的東西:D然而,即時通訊一個完整的新手,他們沒有把我們關於htaccess所以我不知道如何做到這一點。你能給我一個線索嗎? – Desii

沙发
0
2

添加VTT MIME類型.htaccess文件:

AddType text/vtt .vtt 
0
votes
answers
22 views
+10

腳本SRC不加載JavaScript的角度

2

HTML腳本SRC不加載JavaScript的角度

<!DOCTYPE html> 
<html ng-app="dropApp"> 
<head> 
    <meta charset="utf-8" /> 
    <title>DropBox</title> 
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" /> 
</head> 
<body ng-controller="mainctrl"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.js"></script> 


    <div class="jumbotron"> 
     <div class="container"> 
      <div class="col-sm-8 col-sm-offset-2"> 
       <a id="btn-login" ng-click="login()" ng-model="logbut" ng-show="logbut" class="btn btn-success">Login </a> 
       <div ng-include="template"></div> 
      </div> 
     </div> 
    </div> 
    <div class="credits text-center"> 
     <p> 
      Amey Totawar 
     </p> 
    </div> 
    <script src="angularsrc.js"></script> 

</body> 
</html> 

JavaScript文件

var dropApp = angular.module("dropApp",[]); 
var path = require('path'); 

dropApp.controller("mainctrl", function($scope) { 
    $scope.logbut = true; 
    $scope.login = function() { 
     $scope.logbut = false; 
     $scope.template = { 
      name: 'login.html', 
      url: path.join(__dirname,'views','login.html') 
     }; 
    } 
}); 

四處錯誤: GET http://localhost:8600/angularsrc.js網:: ERR_ABORTED,因此角模塊沒有找到。 我曾嘗試過包括min.jquery。 我也嘗試更改angularsrc.js位置,但沒有任何工作。 請幫忙!!

沙发
0
1

你引用應該是裏面的腦袋像

<html ng-app="dropApp"> 
<head> 
    <meta charset="utf-8" /> 
    <title>DropBox</title> 
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" /> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.js"></script> 
    <script src="angularsrc.js"></script> 
</head> 
<body ng-controller="mainctrl"> 
    {{your code or logic goes here}} 
</body> 
</html> 
+0

嘗試,很好,但不是工作! –

+0

嘗試從HTML標籤類似這樣 <體NG-應用=「dropApp」>刪除NG-應用

{{your code or logic goes here}}

+0

我不認爲NG-應用在body標籤或html標記將使任何區別,我仍然嘗試過,但沒有成功。 –

板凳
0
2
<!DOCTYPE html> 
<html ng-app="dropApp"> 
<head> 
    <meta charset="utf-8" /> 
    <title>DropBox</title> 
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" /> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.js"></script> 
    <script src="angularsrc.js"></script> 
</head> 
<body ng-controller="mainctrl"> 
    <div class="jumbotron"> 
     <div class="container"> 
      <div class="col-sm-8 col-sm-offset-2"> 
       <a id="btn-login" ng-click="login()" ng-model="logbut" ng-show="logbut" class="btn btn-success">Login </a> 
       <div ng-include="template"></div> 
      </div> 
     </div> 
    </div> 
    <div class="credits text-center"> 
     <p> 
      Amey Totawar 
     </p> 
    </div> 

</body> 
</html> 

,你的JS是相同

var dropApp = angular.module("dropApp", []); 
var path = require('path'); 

dropApp.controller("mainctrl", function ($scope) { 
    $scope.logbut = true; 
    $scope.login = function() { 
     $scope.logbut = false; 
     $scope.template = { 
      name: 'login.html', 
      url: path.join(__dirname, 'views', 'login.html') 
     }; 
    } 
}); 

這就是你到底找

+0

如果這是您之前的答案的一部分,爲什麼不合並它們? –

+0

該方法很好...但爲什麼我不能包含外部js文件? –

+0

您可以包含。 讓我按照自己的方式修改我的帖子。 –

0
votes
answers
37 views
+10

從HTML表單運行Ruby文件提交

0

我有一個Ruby程序讀取文件並返回特定的輸出。我必須現在使用Sinatra創建此程序的Web應用程序。我創建了一個包含所有文件選項的form,並且現在我想要在按下提交按鈕後從表單中選擇該文件來運行該Ruby代碼。從HTML表單運行Ruby文件提交

基本上,我不知道如何讓這個外部Ruby程序運行時,用戶從HTML form中選擇的文件名。

Ruby程序(example.rb)以定義def read_grammar_defs(filename)開頭。

// sinatra_main.rb 

require 'sinatra' 
require 'sinatra/reloader' if development? #gem install sinatra-contrib 
require './rsg.rb' 

get '/' do 
erb :home 
end 

post '/p' do 
    //call program to read file with the parameter from form 
end 




// layout.erb 

<!doctype html> 
<html lang="en"> 
<head> 
    <title><%= @title || "RSG" %></title> 
    <meta charset="UTF8"> 
</head> 
<body> 
<h1>RubyRSG Demo</h1> 
<p>Select grammar file to create randomly generated sentence</p> 
<form action="/p" method="post"> 
    <select name="grammar_file"> 
     <option value="Select" hidden>Select</option> 
     <option value="Poem">Poem</option> 
     <option value="Insult">Insult</option> 
     <option value="Extension-request">Extension-request</option> 
     <option value="Bond-movie">Bond-movie</option> 
</select> 
<br><br> 
</form> 
<button type="submit">submit</button> 
<section> 
<%= yield %> 
</section> 
</body> 
</html> 
沙发
0
1

最簡單的方法如下:

  1. 包的example.rb代碼到一個類或模塊,像這樣:

    class FileReader 
        def self.read_grammar_defs(filename) 
        # ... 
        end 
    end 
    
  2. 從西納特拉服務器所需要的文件

  3. post的動作中,讀取在PARAMS和調用方法:

    post '/p' do 
        @result = FileReader.read_grammar_defs(params[:grammar_file]) 
        erb :home 
    end 
    

有了這個代碼,提交表單後,它將填充@result變量和渲染:home模板。實例變量可以從ERB訪問,所以如果你想顯示結果,你可以從那裏訪問它。

雖然這是一個潛在的問題 - 當頁面呈現時,url仍然會說"your_host.com/p",如果用戶重新加載頁面,他們將得到404 /「路由未找到」錯誤,因爲沒有get "/p"定義。

作爲一種變通方法,可以redirect '/'並使用session如上所述in this StackOverflow answerSinatra' official FAQ傳遞的結果值。

+0

我在home.erb中有<%= rsg(params [:grammar_file])%>,但是它打印到控制檯而不是頁面 – msc

+0

將它放在post方法中,如rsg(params [:grammar_file])也打印在控制檯...不知道爲什麼 – msc

+0

什麼?我被卡住了幾小時 – msc

0
votes
answers
18 views
+10

When do items in HTML5 local storage expire?

For how long is data stored in localStorage (as part of DOM Storage in HTML5) available? Can I set an expiration time for the data which I put into localStorage?

0
votes
answers
24 views
+10

對角上的動態選項刪除空白選項對象

2

我有這樣的代碼對角上的動態選項刪除空白選項對象

<select ng-model='item.data.choice' > 
    <option ng-if='item.data.simple_allow_blank == false' ng-show='choice.name' ng-repeat='choice in item.data.simple_choices' value="{{choice.name}}" ng-disabled="$parent.controllerAction == 'show'">{{choice.name}}</option> 
</select> 

它顯示了系統管理員在下拉框中輸入的3種選擇。它顯示它沒有空白的選擇。

問題是如果我想要放一個默認值(例如,choice[0]),它會添加一個空白值。

另外,從ng-repeatthis question轉換爲ng-options時。

我有4個選擇1,2,3和空白我想刪除空白我跟隨在我發佈的鏈接上發現的指南/答案我的問題,我的部分差異是,我有一個動態列表並且當該列表是新創建的。使用ng-option時,它永遠不會包含空白,但它解決了我的問題,從動態列表中獲得初始默認值,如果我使用ng-repeat,我沒有初始值,但刪除選項的空白。我想刪除空白選項,同時從動態列表中獲取初始值。

我可以設置默認值,但不能刪除空白選項。

任何人都可以幫忙嗎?謝謝。

+0

https://stackoverflow.com/questions/20738953/angular-js-remove-blank-option-from-select-option – Edison

+0

不是一個即時通訊:( – shimukawa

+0

你的意思是你想要ex.4選項包括空白選項一旦你選擇了選項,那麼它應該刪除,對嗎? – Nikita

沙发
0
0
You have to filter data in js file and create a new array that you will render it in html.let say you are getting data in variable **item.data.simple_choices**(as you have written it in ng-repeat)then your function would be. 

var data = item.data.simple_choices; 
var filteredArray = []; 
data.filter(function(item){ 
    if(item.name!=''){ 
filteredArray.push(item) 
} 
}) 
+0

不,這是不是這種情況,我有一個o在其中由admin動態創建的選項。 – shimukawa

板凳
0
0

經過幾小時的水蛭網絡和大量的反覆試驗,我終於得到了正確的答案。

<select ng-model='model'> 
     <!-- correct binding --> 
      <option ng-show='choice.name' ng-repeat='choice in object' value="{{choice.name}}" ng-selected='model = object[0].name'>{{choice.name}}</option> 
     </select> 

代碼很簡單,但這種格式很有用,因爲對象是一個具有列表值的對象。正如你所看到的,我將它分配給模型,因爲模型是在視圖中使用的變量。 [0]是列表的索引號。您可以使用值或名稱,具體取決於對象上存在的參數。

0
votes
answers
26 views
+10

在點擊php中的按鈕後複製或複製div,仍然無法找出

0

我正在開發或創建一個網站,該網站將由組織使用。 具體來說,我有一個會員的註冊表單有問題。 成員必須有3個或更多的委員會才能站立。在我以前的工作中,我在一個複選框中創建了這個工作,但不幸的是,我在這方面遇到了很大的麻煩。然後我想到了這一點,我知道有人知道這一點,即使我已經做了一些研究。 這是我正在談論的div的樣本。  添加選擇在點擊php中的按鈕後複製或複製div,仍然無法找出

  <div class="form-group has-feedback"> 
      <select type="text" name="e_squestion" class="form-control" autocomplete="off" style="font-size:12px; height:30px;"> 
       <option value=''>* Security Question *</option> 
       <option value='1'>Internal Rules and Privileges</option> 
       <option value='2'>Appropriations Finance and Budget</option> 
       <option value='3'>Agriculture and Cooperatives</option> 
       <option value='4'>Environmental Protection, Natural Resources and Disaster Risk Reduction Management</option>      
       <option value='5'>Education</option> 
       <option value='6'>Tourism, Culture and Special Events</option> 
       <option value='7'>Zoning and Rural Development</option> 
       <option value='8'>Good Government, Public Ethics and Accountability</option> 
       <option value='9'>Ways and Means</option> 
       <option value='10'>Women and Family and Social Services</option> 
       <option value='11'>Human Rights, Peace & Order and Public Safety</option> 
       <option value='12'>Public Works</option> 
       <option value='13'>Health and Public Sanitation</option> 
       <option value='14'>Trade, Labor, Commerce & Industry</option> 
       <option value='15'>Public Utilities</option> 
       <option value='16'>Barangay Affairs</option> 
       <option value='17'>Public Market & Slaughterhouse</option> 
      </select> 
      </div> 

我計劃什麼,如果一個成員將只選擇一個委員會,他/她會受不了,如果他/她有3個委員會來代表他/她將只要按一下上面的按鈕三次,在那裏你選擇選項的div將出現在一起,旁邊有一個按鈕關閉它,成員想要刪除它。 我只是要求其他人的幫助,我希望能夠幫助任何能夠幫助我的人。 非常感謝。和平。 :)

沙发
0
0

有2個部分,你需要解決:

  1. 選擇標籤的前端重複。這是很容易使用jQuery或任何其他庫做,你可以簡單var select = $("select").clone();然後$("#container-of-selects").append(select);

  2. 您需要選擇標籤的name屬性更改爲e_squestion[]:這將允許您發送所有選定的選項爲1個陣列你可以保存。您將有權訪問PHP的e_squestion param($ _POST或您正在使用的任何框架)。

+0

謝謝先生。我很感謝你的回答,先生。我在其他事情上有點忙,先生。但是,明天的生病會試圖練習和應用你所說的先生。先生非常感謝您。 (對不起,我的多餘的「先生」,我更可能尊重別人,特別是那些幫助別人的人。再次感謝您的先生。 –