so today I wanted to create a new Angular project using the command `ng new &lt;projectname&gt;` and I got this error: 

    npm ERR! ERESOLVE unable to resolve dependency tree
    npm ERR!
    npm ERR! While resolving: project-name@0.0.0
    npm ERR! Found: jasmine-core@3.6.0
    npm ERR! node_modules/jasmine-core
    npm ERR!   dev jasmine-core@&quot;~3.6.0&quot; from the root project
    npm ERR!
    npm ERR! Could not resolve dependency:
    npm ERR! peer jasmine-core@&quot;&gt;=3.7.1&quot; from karma-jasmine-html-reporter@1.6.0
    npm ERR! node_modules/karma-jasmine-html-reporter
    npm ERR!   dev karma-jasmine-html-reporter@&quot;^1.5.0&quot; from the root project
    npm ERR!
    npm ERR! Fix the upstream dependency conflict, or retry
    npm ERR! this command with --force, or --legacy-peer-deps
    npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

------------------------------------------------------------------------------------------------- 
I literally tried everything, I updated `npm`, installed `Angular cli` again, download and installed `node` again, `npm audit`, and a lot of other things but nothing happened.

Also as you can see error told me to use the command with `--force`, I tried but nothing happened, and with `--legacy-peer-deps`, I get the error as unknown option.

What is bothering me the most is that everything was working completely right last night and I changed nothing at all but suddenly I&#39;m getting this error today.

unable to resolve dependency tree error for creating new angular project

For those of you running Go backends in production:

What is your stack / configuration for running a Go web application?

I haven&#39;t seen much on this topic besides people using the standard library net/http package to keep a server running. I read using Nginx to pass requests to a Go server - [nginx with Go](http://mwholt.blogspot.com/2013/05/writing-go-golang-web-app-with-nginx.html)

This seems a little fragile to me. For instance, the server would not automatically restart if the machine was restarted (without additional configuration scripts).

Is there a more solid production setup?


An aside about my intent - I&#39;m planning out a Go powered REST backend server for my next project and want to make sure Go is going to be viable for launching the project live before I invest too much into it.

Golang production web application configuration

I&#39;m just testing typescript in VisualStudio 2012 and have a problem with its type system. My html site has a canvas tag with the id &quot;mycanvas&quot;. I&#39;m trying to draw a rectangle on this canvas. Here&#39;s the code

    var canvas = document.getElementById(&quot;mycanvas&quot;);
    var ctx: CanvasRenderingContext2D = canvas.getContext(&quot;2d&quot;);
    ctx.fillStyle = &quot;#00FF00&quot;;
    ctx.fillRect(0, 0, 100, 100);

Unfortunately VisualStudio complains that 

&gt; the property &#39;getContext&#39; does no exist on value of type
&gt; &#39;HTMLElement&#39;

It marks the second line as an error. I thought this would be merely a warning but the code does not compile. VisualStudio says that 

&gt; there were build errors. Would you like to continue and run the last
&gt; successful build ?



I didn&#39;t like this error at all. Why is there no dynamic method invocation ? After all the method getContext definitely exists on my canvas element. However I thought this problem would be easy to solve. I just added a type annotiation for canvas:

    var canvas : HTMLCanvasElement = document.getElementById(&quot;mycanvas&quot;);
    var ctx: CanvasRenderingContext2D = canvas.getContext(&quot;2d&quot;);
    ctx.fillStyle = &quot;#00FF00&quot;;
    ctx.fillRect(0, 0, 100, 100);

But the type system still wasn&#39;t satisfied. Here&#39;s the new error message, this time in the first line:

&gt; Cannot convert &#39;HTMLElement&#39; to &#39;HTMLCanvasElement&#39;: Type
&gt; &#39;HTMLElement&#39; is missing property &#39;toDataURL&#39; from type
&gt; &#39;HTMLCanvasElement&#39;

Well, I&#39;m all out for static typing but this makes the language unusable. What does the type system want me to do ?

UPDATE:

Typescript has indeed no support for dynamic invocation and my problem can be solved with typecasts. My question is basically a duplicate of this one https://stackoverflow.com/questions/12686927/typescript-casting-htmlelement?rq=1

TypeScript: problems with type system

The bootstrap documentation on that topic is a little confusing to me. I want to achieve similar behaviour like in the docs with the affix navbar: The navbar is below a paragraph / page heading, and upon scrolling down it should first scroll along until reaching the top of the page, and then stick there fixed for further scrolldowns.

As jsFiddle does not work with the navbar concept, I&#39;ve set up a separate page for usage as a minimal example: http://i08fs1.ira.uka.de/~s_drr/navbar.html

I use this as my navbar:

    &lt;div class=&quot;navbar affix-top&quot; data-spy=&quot;affix&quot; data-offset-top=&quot;50&quot;&gt;
        &lt;div class=&quot;navbar-inner&quot;&gt;
            &lt;div class=&quot;container&quot;&gt;
                &lt;div class=&quot;span12&quot;&gt;
                    &lt;a class=&quot;brand&quot; href=&quot;#&quot;&gt;My Brand&lt;/a&gt; 
                    This is my navbar.
                 &lt;/div&gt;
            &lt;/div&gt; &lt;!-- container --&gt;
        &lt;/div&gt; &lt;!-- navbar-inner --&gt;
    &lt;/div&gt; &lt;!-- navbar --&gt;

I thinkg i would want `data-offset-top` to be of value 0 (since the bar should &quot;stick&quot; to the very top&quot; but with 50 there is at least some effect watchable.

If also put the javascript code in place:

         &lt;script&gt;
            $(document).ready (function (){
                $(&quot;.navbar&quot;).affix ();
            });
         &lt;/script&gt;

Any help appreciated.


How to use the new affix plugin in twitter&#39;s bootstrap 2.1.0?

From my perspective, the technologies referred to as **Cross-Origin Resource Sharing (CORS)** and **Content Security Policies (CSPs)** seem to be very similar in purpose and implementation.

 Both seem to allow you to whitelist the origins of resources which an uncompromised version of your webpage incorporates, via HTTP response headers. The only difference I can see is that CSPs seem to be more fine-grained in what you can approve in your HTTP response.

What is the difference between CORS and CSPs?

I understand that icon fonts are just fonts and that you can get the icons by just calling their classname, but ***how*** do icon fonts work?

I&#39;ve tried checking the related icon font resources loaded in Chrome to see how icon fonts display icons (in comparison to general fonts) but I haven&#39;t been able to figure out how this happens.

I&#39;ve also been unsuccessful in finding resources on how this &quot;icon font technique&quot; is done, even though there are loads of [**icon fonts available**](http://thenextweb.com/dd/2012/10/12/7-gorgeous-icon-fonts-to-speed-up-your-site-and-your-design-process/). There are also loads of resources showing how icon fonts can be  [__integrated__](http://fortawesome.github.com/Font-Awesome/#integration), but no one seems to be sharing or writing about __*how*__ this is done!

Icon Fonts: How do they work?

Is there a difference between *mimetype*, *contenttype* and *mediatype*? (Java&#39;s JAX-RS [MediaType][2]). 

From the [wikipedia article][1] i gathered that it&#39;s only a content-type in the context of e.g. HTTP requests as a field in a request&#39;s header: So are these just synonyms or are there any actual semantic differences between the different terms?


  [1]: http://en.wikipedia.org/wiki/Internet_media_type
  [2]: http://jackson.codehaus.org/javadoc/jax-rs/1.0/javax/ws/rs/core/MediaType.html

What&#39;s the difference between mediatype, contenttype and mimetype?

I want to select just a class on its own called .date

For some reason, I cannot get this to work. If anyone knows what is wrong with my code, it would be much appreciated.

    @$doc = new DOMDocument();
    @$doc-&gt;loadHTML($html);
    $xml = simplexml_import_dom($doc); // just to make xpath more simple
    $images = $xml-&gt;xpath(&#39;//[@class=&quot;date&quot;]&#39;);								
    foreach ($images as $img)
    {
        echo  $img.&quot; &quot;;
    }

Selecting a css class with xpath

I am working on a web application developed using Java and AngularJS and chose to implement token authentication and authorization.
For the exercise purpose, I&#39;ve come to the point where I send the credentials to the server, generate a random token store it and send it back to the client.
At every request to the server I&#39;m attaching the token in the header and it works perfectly.
For the authentication point of view is perfect and wouldn&#39;t need more.

However, I now want to keep track of the user type (admin, regular user...), as well as it&#39;s id, or any other unique field; as I understood I have to encrypt that in the token that I&#39;m sending back to the client during the log in action. Is that correct?

Is there any JWT library that you used and can generate, encrypt and decrypt such tokens?
A link to the library&#39;s API and Maven dependency would be much appreciated.

Thanks

JWT (JSON Web Token) library for Java

What&#39;s the difference between two asterisks instead of one asterisk when we refer to paths?

Earlier I was debugging my Spring 3 project. I was trying to add a .swf using

`&lt;spring:url var=&quot;flashy&quot; value=&quot;/resources/images/flash.swf&quot;/&gt;`

With my web.xml&#39;s ResourceServlet looking like

    &lt;servlet-name&gt;Resource Servlet &lt;/servlet-name&gt;
    &lt;url-pattern&gt;/resources/*&lt;/url-pattern&gt;

But unfortunately I was getting this error: 

`WARN org.springframework.js.resources.ResourceServlet - An attempt to access a protected resource at /images/flash.swf was disallowed.`

I found it really strange since all my images in the `images` folder were accessed but how come my  .swf was &quot;protected&quot;?

Afterwards, I decided to change the `/resources/*` to `/resources/**` and it finally worked. My question is... why?

Spring: Difference of /** and /* with regards to paths

I hate how you can actually see webpages load.  I think it&#39;d be much more appealing to wait until the page is fully loaded and ready to be displayed, including all scripts and images, and then have the browser display it.  So I have two questions...

 1. How can I do this?
 2. I&#39;m a total noob to web development, but is this common practice?  If not, why?

Thanks in advance for your wisdom!


How can I make the browser wait to display the page until it&#39;s fully loaded?

I have a web application that has to perform a repeated tasks, Sending messages and alerts, I, already, use a script page do those tasks when it loaded in the browser i.e http://example.com/tasks.php and I included it by the mean of iframe in every page of my web application.

Now I want to change this to use CRON jobs because the first approach may leads to jam performance, So How could I make a CRON job that visits http://example.com/tasks.php. However, I don&#39;t want this CRON job creating output files such as day.*!

I host the application on shared hosting service that permits CRON jobs via cPanel.

Using CRON jobs to visit url?

How to get a web page&#39;s content using [Telnet](https://en.wikipedia.org/wiki/Telnet)?

For example, the content of `https://stackoverflow.com/questions`.


How to send an HTTP request using Telnet

I need to load a responsive website into a div in my HTML page without using an `iframe` element.

I have tried [this link](https://stackoverflow.com/questions/12938386/load-external-div-content-to-my-page-div); it&#39;s working for a single page URL, which I mentioned in the script.

    $(&#39;#mydiv&#39;).load(&#39;http://localhost/qa/ask#external-div&#39;, function(response, status, xhr) {
        if (status == &quot;error&quot;) {
            var msg = &quot;Sorry but there was an error: &quot;;
            alert(msg + xhr.status + &quot; &quot; + xhr.statusText);
          }
    });

How to load an external webpage into a div of a html page

I&#39;m trying to create an auto-complete list that appears as you type, but disappears when you click elsewhere on the document. How do I detect that a form input is focused using Angular 2. Angular 1 has ng-focus, but I don&#39;t think Angular 2 supports that anymore.

    &lt;input id=&quot;search-box&quot; type=&quot;search&quot; class=&quot;form-control [(ngModel)]=query (keyup)=filter()&gt;
        &lt;div id=&quot;search-autocomplete&quot; *ngIf=&quot;filteredList.length &gt; 0&quot;&gt;
            &lt;ul *ngFor=&quot;#item of filteredList&quot; &gt;
                &lt;li &gt; &lt;a (click)=&quot;select(item)&quot;&gt;{{item}}&lt;/a&gt; &lt;/li&gt;
            &lt;/ul&gt;
        &lt;/div&gt;

By the way, I used this tutorial as [guidance][1].


  [1]: http://4dev.tech/2016/03/tutorial-creating-an-angular2-autocomplete/

Detect Input Focus Using Angular 2+

I have jquery ui sortables working fine but my sortable elements have other interactive elements within them. In order to prevent accidental sorting when interacting with the elements within the sortable divs, I&#39;d like to somehow make the dragging movement for the sortables only occur when dragging a certain element within the sortable, such as a &#39;move&#39; icon that might reside in the top left corner of each sortable. Is this possible with generic jqui, or would I need to write my own hook?

Jquery ui - sortable: drag by icon &#39;handle&#39; within sortable element

When pushing an array&#39;s contents to another array I get 

&gt; &quot;Uncaught TypeError: Cannot read property &#39;push&#39; of undefined&quot; error
&gt; in this snippet.

	var order = new Object(), stack = [];
	for(var i=0;i&lt;a.length;i++){
		if(parseInt(a[i].daysleft) == 0){ order[0].push(a[i]); }
		if(parseInt(a[i].daysleft) &gt; 0){ order[1].push(a[i]); }
		if(parseInt(a[i].daysleft) &lt; 0){ order[2].push(a[i]); }
	}

Why do I get this error in the second **if** statement ?
Thanks a lot!

Cannot read property &#39;push&#39; of undefined when combining arrays

Why don&#39;t browsers add support for, say, Python scripting as an alternative to Javascript? Or more general purpose scripting languages? Is there a reason that Javascript is the only one implemented across browsers? After all, the script tag does have support to specify the scripting language used.

(I know there is VBScript support in IE, but it seems obsolete for all intents and purposes.)

Why is javascript the only client side scripting language implemented in browsers?

In the past, I made some websites with notepad for example, so we must create a folder TREE and put into it a .htm file, and some folderS with stuff like Javascript, css ...

Maybe I don&#39;t understand what NPM really brings, because It seems to do the same thing but automated it ... is it just that ?

For example, why not just unpack a frameworks (e.g. Bootstrap or Kube) without use of NPM and so have folders ready to use ?

Help me to understand please because I&#39;m near the crazy state with all this stuff ...

What is NPM and why do I need it?

So this is the simple code for the button to open a certain link

                    &lt;button class=&quot;btn btn-success&quot; onclick=&quot;location.href=&#39;http://google.com&#39;;&quot;&gt; Google&lt;/button&gt;


 but it opens it on the same page, I want the link to open on a new tab though.

HTML button opening link in new tab

I&#39;ve been a web developer for quite some time, and I am used to transforming all my designs into the png file format in order to build my webpages. Despite the fact that png, contrary to jpg, allows transparency in the images, is it a better solution? 

The question regards page loading time and best webdesign practices, as well as file size versus quality of the images.

What do you think is the best solution to use?

webdesign - jpg or png, which one is the best for web

How does a web server handle multiple incoming requests at the same time on a single port(80)?

Example :
At the same time 300k users want to see an image from www.abcdef.com which is assigned IP 10.10.100.100 and port 80. So how can www.abcdef.com handle this incoming users&#39; load?

Can one server (which is assigned with IP 10.10.100.100) handle this vast amount of incoming users? If not, then how can one IP address be assigned to more than one server to handle this load? 
 

How can a web server handle multiple user&#39;s incoming requests at a time on a single port (80)?

I&#39;m using localhost for development; and I&#39;m directly including jquery from CDN.

It seems that pressing the &quot;Ctrl + R&quot; would force the page to reload, including re-downloading the jquery from CDN.

I want to ask if it&#39;s possible that.. when I refresh, I keep the cache of the jquery from CDN, but clear the cache of my localhost?

NOTE: I know that one thing I can do is to host jquery file locally; I&#39;m just asking to see if there&#39;s a way to bypass that.

Chrome - Disable cache for localhost only?

I&#39;m currently building a website aimed at modern browsers and mobile devices. In terms of performance, is it better to inline SVG&#39;s directly inside the HTML using `&lt;svg&gt;` or is it better to use `&lt;img&gt;` and/or background-image instead. I run gzip on the server to further compress my content and prefer not to rely on Javascript.

Inline SVG vs SVG File Performance

I&#39;m using Firebase for a web app. It&#39;s written in plain Javascript using no external libraries.

I can &quot;push&quot; and retrieve data with &#39;.on(&quot;child_added&quot;)&#39;, but &#39;.remove()&#39; does not work the way it says it should. According to the API,

&gt;&quot;Firebase.remove() - 
&gt;Remove the data at this Firebase location. Any data at child locations will also be deleted.
&gt;The effect of the delete will be visible immediately.&quot;

However, the remove is not occurring immediately; only when the entire script is done running. I need to remove and then use the cleared tree immediately after.

Example code:
    
    ref = new Firebase(&quot;myfirebase.com&quot;) //works
    ref.push({key:val}) //works

    ref.on(&#39;child_added&#39;, function(snapshot){
    //do stuff
    }); //works

    ref.remove()
    //does not remove until the entire script/page is done

There is a similar post [here](https://stackoverflow.com/questions/22425889/unable-to-remove-element-and-children-in-firebase) but I am not using Ember libraries, and even so it seems like a workaround for what should be as simple as the API explains it to be.

How to delete/remove nodes on Firebase

I am trying to enable CORS in .NET Core in this way:


        public IConfigurationRoot Configuration { get; }

        public void ConfigureServices(IServiceCollection services)
        {
            services.AddCors(options =&gt; options.AddPolicy(&quot;AllowAll&quot;, p =&gt; p.AllowAnyOrigin()
                                                                        .AllowAnyMethod()
                                                                         .AllowAnyHeader()));     
            services.AddMvc();            
        }
    
        public void Configure(IApplicationBuilder app)
        {
            app.UseCors(&quot;AllowAll&quot;);
            
            app.UseMvc(routes =&gt;
             {
                 routes.MapRoute(
                     name: &quot;default&quot;,
                     template: &quot;{controller=Home}/{action=Index}/{id?}&quot;);
             });
            
        }
    }


However, when I am sending a request to my app with Angular 2 I am getting the famous 

&gt; &quot;No &#39;Access-Control-Allow-Origin&#39; header is present on the requested
&gt; resource.&quot;

error message.

I am also using Windows Authentication + WebListener. 
If I am checking with postman the only response headers are:

&gt; Content-Length →3533 
&gt; Content-Type →application/json; 
&gt; charset=utf-8
&gt; Date →Fri, 14 Oct 2016 12:17:57 
&gt; GMT Server →Microsoft-HTTPAPI/2.0

So there must be still something wrong configured. Any proposals?


If I remove the outcommented line it works, but I need Windows Authentication :-(

            var host = new WebHostBuilder()
                .UseWebListener()
                .UseContentRoot(Directory.GetCurrentDirectory())
                .UseIISIntegration()
                .UseStartup&lt;Startup&gt;()
                //.UseWebListener(options =&gt; options.Listener.AuthenticationManager.AuthenticationSchemes = AuthenticationSchemes.NTLM)
                .Build();

CORS in .NET Core

Ok, so I have a reasonable size project, where I&#39;m using jquery backbone and a couple of other javascript libraries. I was wondering if I should have one file for my javascript libraries and another for my custom code. Or a bunch of separate javascript files.

One big javascript file or multiple smaller files?

I want to have a SPA that&#39;s doing all the work client side and even generating some graphs/visuals.

I&#39;d like to be able to have the user click buttons and save the visuals, tables, and other things from the page (that are both seen and not seen, so right click save or copy/paste is not always an option).

How do I call a function from the webassembly/blazor library, get it&#39;s results and save it as a file on the client side?

the idea is something like this...?

cshtml

    &lt;input type=&quot;file&quot; onchange=&quot;@ReadFile&quot;&gt;
    
    &lt;input type=&quot;file&quot; onchange=&quot;@SaveFile&quot;&gt;
    
    @functions{
    object blazorObject = new blazorLibrary.SomeObject();
    
    void ReadFile(){
        blazorObject.someFunction(...selectedFile?...);
        
    }
    void SaveFile(){
        saveFile(...selectedFile..?)
    }
    
    }



How can one generate and save a file client side using Blazor?

I am  trying to change the background of this SVG code to transparent without success. I&#39;m new to SVG and somehow I can&#39;t find the solution on google; can anybody help?

demo:http://jsfiddle.net/kougiland/SzfSJ/1/


&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-html --&gt;

    &lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; width=&quot;300px&quot; height=&quot;100px&quot; viewBox=&quot;0 0 300 100&quot;&gt;
      &lt;rect x=&quot;0&quot; y=&quot;0&quot; width=&quot;300&quot; height=&quot;100&quot; stroke=&quot;transparent&quot; stroke-width=&quot;1&quot; /&gt;
      &lt;circle cx=&quot;0&quot; cy=&quot;50&quot; r=&quot;15&quot; fill=&quot;blue&quot; stroke=&quot;transparent&quot; stroke-width=&quot;1&quot;&gt;
        &lt;animateMotion path=&quot;M 0 0 H 300 Z&quot; dur=&quot;3s&quot; repeatCount=&quot;indefinite&quot; /&gt;
      &lt;/circle&gt;

      &lt;circle id=&quot;rotatingBall&quot; cx=&quot;0&quot; cy=&quot;50&quot; r=&quot;15&quot; fill=&quot;green&quot; stroke=&quot;transparent&quot; stroke-width=&quot;1&quot; opacity=&quot;0.8&quot;&gt;&lt;/circle&gt;
      &lt;animateTransform xlink:href=&quot;#rotatingBall&quot; attributeName=&quot;transform&quot; begin=&quot;0s&quot; dur=&quot;2s&quot; type=&quot;rotate&quot; from=&quot;0 20 20&quot; to=&quot;360 100 60&quot; repeatCount=&quot;indefinite&quot; /&gt;
    &lt;/svg&gt;

&lt;!-- end snippet --&gt;



SVG transparent background web

The answer that I found on the web is to use `request.args.get`. However, I cannot manage it to work. I have the following simple example:


    from flask import Flask
    app = Flask(__name__)
    
    @app.route(&quot;/hello&quot;)
    def hello():
    	print request.args[&#39;x&#39;]
    	return &quot;Hello World!&quot;
    
    if __name__ == &quot;__main__&quot;:
    	app.run()

I go to the `127.0.0.1:5000/hello?x=2` in my browser and as a result I get:

    Internal Server Error
    
    The server encountered an internal error and was unable to complete your request. Either the server is overloaded or there is an error in the application.

What am I doing wrong?

How to obtain values of parameters of get request in flask?

The title speaks for itself... I have a couple of forms, one of them is just a single text input form and the other one is composed by two text inputs. I do not want any *submit button* in any of them, I want each form to submit whenever the user presses the ENTER button at any text input:

 1. The form composed by just one input submits everytime the user presses the ENTER button - **Perfect!**
 2. The second form composed by two text inputs does not behave this way, it does not submit when the user presses the ENTER button at any of both inputs.

Is there a way to make a form **with more than one text input** behave this way and avoid having a *submit button* in it?

HTML5: How to make a form submit, after pressing ENTER at any of the text inputs?

I&#39;m new to javascript , I&#39;m trying learning how functions etc in JS and trying to add 2 numbers

&lt;!-- begin snippet: js hide: false --&gt;

&lt;!-- language: lang-html --&gt;

    &lt;!DOCTYPE html&gt;
    &lt;html lang=&quot;en&quot;&gt;

    &lt;head&gt;
      &lt;meta charset=&quot;UTF-8&quot;&gt;
      &lt;title&gt;JS ADD&lt;/title&gt;
    &lt;/head&gt;

    &lt;body&gt;

      &lt;h1&gt;Funcitons is JS&lt;/h1&gt;


      &lt;input type=&quot;number&quot; id=&quot;num1&quot;&gt;
      &lt;input type=&quot;number&quot; id=&quot;num2&quot;&gt;

      &lt;button type=&quot;button&quot; onclick=&quot;addNumAction()&quot;&gt;
        Add
      &lt;/button&gt;

      &lt;script&gt;
        function addNum(n1, n2) {
          return parseInt(n1) + parseInt(n2);
        }

        function addNumAction() {
          var n1 = document.getElementById(&quot;num1&quot;).value;
          var n2 = document.getElementById(&quot;num2&quot;).value;

          var sum = addNum(n1, n2);
          window.alert(&quot;&quot; + sum);

        }
      &lt;/script&gt;

    &lt;/body&gt;

    &lt;/html&gt;

&lt;!-- end snippet --&gt;

If I remove the parseInt() the value is treated as a string only , then what is the point of using `&lt;input type=&quot;number&quot;&gt;` ?please explain to me.
what field to use for getting input as a number?

HTML input type=&quot;number&quot; still returning a string when accessed from javascript

Greetings fellow developers,

I am trying to use composer for a PHP project of mine on a development server I recently booted up and for some reason I am unable to. I successfully installed composer, however, when I try to run the *require* command I get the following error:

    root@webserver:/var/mypersonal/index# composer require php-amqplib/php-amqplib
    PHP Warning:  PHP Startup: Unable to load dynamic library &#39;/usr/lib/php/20151012/php_openssl.dll&#39; - /usr/lib/php/20151012/php_openssl.dll: cannot open shared object file: No such file or directory in Unknown on line 0
    Do not run Composer as root/super user! See https://getcomposer.org/root for details
    Using version ^2.6 for php-amqplib/php-amqplib
    ./composer.json has been created
    Loading composer repositories with package information
    Updating dependencies (including require-dev)
    Your requirements could not be resolved to an installable set of packages.
    
      Problem 1
        - php-amqplib/php-amqplib v2.6.3 requires ext-bcmath * -&gt; the requested PHP extension bcmath is missing from your system.
        - php-amqplib/php-amqplib v2.6.2 requires ext-bcmath * -&gt; the requested PHP extension bcmath is missing from your system.
        - php-amqplib/php-amqplib v2.6.1 requires ext-bcmath * -&gt; the requested PHP extension bcmath is missing from your system.
        - php-amqplib/php-amqplib v2.6.0 requires ext-bcmath * -&gt; the requested PHP extension bcmath is missing from your system.
        - Installation request for php-amqplib/php-amqplib ^2.6 -&gt; satisfiable by php-amqplib/php-amqplib[v2.6.0, v2.6.1, v2.6.2, v2.6.3].
    
      To enable extensions, verify that they are enabled in your .ini files:
        - /etc/php/7.0/cli/php.ini
        - /etc/php/7.0/cli/conf.d/10-mysqlnd.ini
        - /etc/php/7.0/cli/conf.d/10-opcache.ini
        - /etc/php/7.0/cli/conf.d/10-pdo.ini
        - /etc/php/7.0/cli/conf.d/20-calendar.ini
        - /etc/php/7.0/cli/conf.d/20-ctype.ini
        - /etc/php/7.0/cli/conf.d/20-exif.ini
        - /etc/php/7.0/cli/conf.d/20-fileinfo.ini
        - /etc/php/7.0/cli/conf.d/20-ftp.ini
        - /etc/php/7.0/cli/conf.d/20-gettext.ini
        - /etc/php/7.0/cli/conf.d/20-iconv.ini
        - /etc/php/7.0/cli/conf.d/20-json.ini
        - /etc/php/7.0/cli/conf.d/20-mysqli.ini
        - /etc/php/7.0/cli/conf.d/20-pdo_mysql.ini
        - /etc/php/7.0/cli/conf.d/20-phar.ini
        - /etc/php/7.0/cli/conf.d/20-posix.ini
        - /etc/php/7.0/cli/conf.d/20-readline.ini
        - /etc/php/7.0/cli/conf.d/20-shmop.ini
        - /etc/php/7.0/cli/conf.d/20-sockets.ini
        - /etc/php/7.0/cli/conf.d/20-sysvmsg.ini
        - /etc/php/7.0/cli/conf.d/20-sysvsem.ini
        - /etc/php/7.0/cli/conf.d/20-sysvshm.ini
        - /etc/php/7.0/cli/conf.d/20-tokenizer.ini
      You can also run `php --ini` inside terminal to see which files are used by PHP in CLI mode.
    
    Installation failed, deleting ./composer.json.

I&#39;m assuming it&#39;s something to do with the PHP warning I recieve right when running the *composer require* command but no google search results lead me to the correct direction.

Additionally, I have provided my */etc/php/7.0/cli/php.ini* file incase of an error in that file.

https://gist.github.com/anonymous/bc5bac59d684cbf575cef931ef36daf6 ***(I couldn&#39;t include the file in this post due to the character limit on posts.)***

Thank you.

PHP | &quot;The requested PHP extension bcmath is missing from your system.&quot;

To get to the IP address of an example website, you just visit

    subdomain.example.com

However, if I try to visit

    subdomain.2.1.33.111 (example ip)

Firefox returns an error.  
Why?

How to access the subdomain of an IP address in the browser?

How to encode query string space with `%20` instead of `+` ? 
Because `System.Web  HttpUtility.UrlEncode()` gives the space with `+`.



C# .Net How to Encode URL space with %20 instead of +

I am working with angularjs 1.2.0-rc.3. I&#39;d like to include html code into a template dynamically. For that I use in the controller :

    html = &quot;&lt;div&gt;hello&lt;/div&gt;&quot;;
    $scope.unicTabContent = $sce.trustAsHtml(html);

In the template I got :

    &lt;div id=&quot;unicTab&quot; ng-bind-html=&quot;unicTabContent&quot;&gt;&lt;/div&gt;

It works fine for regular html code. But when I try to put angular template it is not interpreted, it is just included in the page. For example I&#39;d like to include :

    &lt;div ng-controller=&quot;formCtrl&quot;&gt;
        &lt;div ng-repeat=&quot;item in content&quot; ng-init=&quot;init()&quot;&gt;
        &lt;/div&gt;
    &lt;/div&gt;

Thanks a lot

How to make ng-bind-html compile angularjs code

I am reading the Flask documentation.  I was told that with `app.run(host=&#39;0.0.0.0&#39;)`, I could make the server publicly available. 

What does it mean ? How can I visit the server in another computer (just `localhost:5000` in my own computer) ?


What does &quot;app.run(host=&#39;0.0.0.0&#39;) &quot; mean in Flask

I&#39;m rendering a page that is primarily a form with `view::make` in Laravel and it is crashing, causing ERR_CONNECTION_RESET. After a long investigation and many red herrings, I started erasing (not commenting) random sections out of the blade file for the view and realized that if I 

a) erase 2 of the `{{Form}}` calls inside this section of the form 

b) remove the `{{-- and --}}` from around this section of the form

        {{--
        &lt;div class=&quot;form-row&quot;&gt;
          {{ Form::label(&#39;foo&#39;, &#39;foo:&#39;) }}
          {{ Form::text(&#39;foo&#39;) }}
        &lt;/div&gt;
        &lt;div class=&quot;form-row&quot;&gt;
          {{ Form::label(&#39;foo&#39;, &#39;foo:&#39;) }}
          {{ Form::text(&#39;foo&#39;) }}
        &lt;/div&gt;
        &lt;div class=&quot;form-row&quot;&gt;
          {{ Form::label(&#39;foo&#39;, &#39;foo&#39;) }}
          {{ Form::text(&#39;foo&#39;) }}
        &lt;/div&gt;
        --}}

the page will render. I am not sure what exactly the cause here is. There are other blocks above and below, although this is a 3-div commented out section which none of the others are.

Anyone have a clue what is causing this? Running on WAMP if that matters.

Laravel - Blade comments , blade rendering causing page to crash

I have a website that triggers a warning when clicked through a link shared on facebook.  The warning says: &quot;Possible problem with this link
We have detected that this link: http://www.sjap.online/ may be malicious.
To keep your account and device secure, only follow links you trust.&quot;

I ran the facebook debug tool and I get the following error message:

    Inferred Property
    The &#39;og:image&#39; property should be explicitly provided, even if a value can be inferred from other tags.
    
    Inferred Property
    The &#39;og:image&#39; property should be explicitly provided, even if a value can be inferred from other tags.

I googled this issue and I understand it is caused by some lack of meta information in the site header, but my site&#39;s code has the following in the header: 

    &lt;meta http-equiv=&quot;etag&quot; content=&quot;2efdc27c8967f14e2c829e601f7a1228&quot;/&gt;
    &lt;meta property=&quot;og:title&quot; content=&quot;South Jersey Aerial Photograpahy&quot;/&gt;
    &lt;meta property=&quot;og:type&quot; content=&quot;website&quot;/&gt;
    &lt;meta property=&quot;og:url&quot; content=&quot;http://www.sjap.online/&quot;/&gt;
    &lt;meta property=&quot;og:image&quot; content=&quot;https://static.wixstatic.com/media/56a444_9273e80a60684dc8b38e56025059f356%7Emv2_d_3200_1800_s_2.png&quot;/&gt;
    &lt;meta property=&quot;og:site_name&quot; content=&quot;South Jersey Aerial Photograpahy&quot;/&gt;
    &lt;meta property=&quot;og:description&quot; content=&quot;South Jersey Aerial Photography is South Jersey&#39;s premier aerial photography and aerial videography company. Fully licensed and insured. Contact us today!&quot;/&gt;
    &lt;meta name=&quot;SKYPE_TOOLBAR&quot; content=&quot;SKYPE_TOOLBAR_PARSER_COMPATIBLE&quot;/&gt;

I have no idea how to fix this error message. The property metatag is clearly there.  

Can&#39;t fix: &#39;og:image&#39; property should be explicitly provided, even if a value can be inferred from other tags

ES6 modules allows us to create a single point of entry like so:

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-js --&gt;

    // main.js

    import foo from &#39;foo&#39;;

    foo()

&lt;!-- language: lang-html --&gt;

    &lt;script src=&quot;scripts/main.js&quot; type=&quot;module&quot;&gt;&lt;/script&gt;

&lt;!-- end snippet --&gt;


**foo.js** will be stored in the browser cache. This is desirable until I push a new version of **foo.js** to production. 

It is common practice to add a query string param with a unique id to force the browser to fetch a new version of a js file (**foo.js?cb=1234**)

How can this be achieved using the es6 module pattern?

All Web Solutions on Gang of Coders

Total of 40 Web Solutions