I'm creating a new program that runs in PHP and opens every HTML, PHP and js file as a browser. The problem is that I want to know if there is any way to close the program with js, php or any other way I want the program to be fun in fullscreen mode and the users click it with a click of a button close the HTML file.
Tag: JavaScript
Javascript – How can I use vuex-map fields in a single JS file?
For a variety of reasons, I can not use either the ES6 module import or the VUE-CLI compiler for a project I'm working on. Therefore, I use both Vue and Vuex via CDN tags on a static HTML web page.
Vue and Vuex are working fine, but I'm having a problem trying to get Vuex map boxes to work with Vuex.
I tried to copy the functions from the module, i. H. To insert it directly into my JS script:
function arrayToObject(fields = ()) { ... }
function normalizeNamspace(fn) { ... }
function getField(state) { ... }
function updateField(state, { path, value }) { ... }
const mapFields = normalizeNamespace((namespace, fields, getterType, mutationType) => { ... }
const mapMultiRowFields = normalizeNamespace((namespace, paths, getterType, mutationType,) => { ... }
const createHelpers = ({ getterType, mutationType }) => ({ ... }
Then for my shop:
const store = new Vuex.Store({
strict: true,
state: {
data: {}
},
getters: {
getField
},
mutations: {
updateField
}
})
And my component:
computed: {
...mapFields((
'data.item1',
'data.item2',
'data.item3',
'data.item4'
))
}
Unfortunately, I only get one mistake
(Vue warn): Failed to generate render function:
ReferenceError: Invalid left-hand side in assignment in
with(this){return _c( ... and here's the entirety of my Vue app object notation ... )
Is that repairable?
javascript – How do I send a PDF via JSON to mongoDB?
I'm doing a project and need to be able to attach documents and download them later. I use Stack Javascript, Mongo, respond
Everything works, I just do not know how to send a document via React.> Convert to json.> Save to MongoDB.> Have these documents ready for download.
This is very important, how do I do that ???
Javascript – Axios get network errors
I'm taking part in a Reaction Course for native speakers, but since Genymotion was not running on my computer, I had to improvise and download BlueStacks to debug the projects. The problem is that my program always issues a network error when inquiring from the internet. I use the axes.
The complete error is as follows:
I searched everywhere I could, but I did not find anything to solve this problem.
edit: had forgotten to set the code
main.js:
import React, { Component } from 'react';
import api from '../services/api';
import { View, Text } from 'react-native';
export default class Main extends Component {
static navigationOptions = {
title: 'JSHunt'
};
componentDidMount() {
this.loadProducts();
}
loadProducts = async () => {
const response = await api.get('/products');
//const { docs } = response.data;
//console.log(docs);
};
render() {
return (
Página Main
);
}
}
api.js
import axios from 'axios';
const api = axios.create({
baseUrl: 'https://rocketseat-node.herokuapp.com/api'
});
export default api;
How to display Javascript generated code via the server with PHP
How do I create the code of a JavaScript script that generates an HTML fragment on the client side? for example:
const x =
código...
element.insertAdjacentHTML (& # 39; beforeend & # 39 ;, x)
How do I render it next to the server with PHP?
How do I create folders with JavaScript, Jquery or Vue.js?
I am currently developing a project and have encountered a problem because my project is not PHP but Vue.js. I would like to know if there is a method for creating a directory with Javascript, jquery or vue.js, with a style like PHP (mkdir (& # 39; folder & # 39;)), if there is a method I would like to provide them.
Javascript – Use the Dropbox API to retrieve the latest file from the Github Pages site
I am currently trying to use the Dropbox API in a Github Web site to retrieve the most recent file in Dropbox and use its title to change the CSS background color. However, I can not figure out how to write the js to use the Dropbox API. I have the access token that I replaced in the code I specified with Insert_Access_Token_Here. The following is a test that should print my files in the console, but not. Can anyone tell me from scratch how to use the Dropbox API to at least get the name of the latest file? Many thanks
The error message I keep getting in the console is
net :: ERR_ABORTED 404
javascript error: Unable to contact & # 39; formGroup & # 39; bind, since there is no known property of & # 39; form & # 39; is
I'm creating an app in IONIC V 4
In the form using FormBuilder, I added the tag (formGroup). Two errors have occurred:
and the other:
The component (register.page.ts) looks like this:
import { User } from './../../../models/user';
import { Component, OnInit, Input } from '@angular/core';
import { ModalController, NavController } from '@ionic/angular';
import { LoginPage } from '../login/login.page';
import { AuthService } from 'src/app/services/auth.service';
import { FormBuilder, FormGroup, Validators, FormControl } from '@angular/forms';
import { AlertService } from 'src/app/services/alert.service';
@Component({
selector: 'app-register',
templateUrl: './register.page.html',
styleUrls: ('./register.page.scss'),
})
export class RegisterPage implements OnInit {
formRegister: FormGroup;
constructor(
private modalController: ModalController,
private authService: AuthService,
private navCtrl: NavController,
private alertService: AlertService,
private formBuilder: FormBuilder
) { }
ngOnInit(): void {
this.formRegister = this.formBuilder.group({
username: ('', (Validators.required, Validators.minLength(4))),
email: ('', (Validators.required, Validators.email)),
password: ('', (Validators.required, Validators.pattern('(?=.*(a-z))(?=.*(A-Z)).{6,}')))
});
}
register() {
this.authService.register(this.formRegister.value)
.subscribe(data => {
this.authService.login(this.formRegister.value)
.subscribe((res) => { console.log(res); },
error => {
console.log(error);
},
() => {
this.dismissRegister();
this.navCtrl.navigateRoot('/dashboard');
}
);
// tslint:disable-next-line:no-string-literal
this.alertService.presentToast(data('message'));
},
error => {
console.log(error);
},
() => { console.log('ok'); }
);
}
}
The module (register.module.ts) looks like this:
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { IonicModule } from '@ionic/angular';
import { RegisterPage } from './register.page';
import { Routes, RouterModule } from '@angular/router';
import { ReactiveFormsModule, FormsModule } from '@angular/forms';
const routes: Routes = (
{
path: '',
component: RegisterPage
}
);
@NgModule({
imports: (
IonicModule,
CommonModule,
FormsModule,
ReactiveFormsModule,
RouterModule.forChild(routes)
),
declarations: (RegisterPage)
})
export class RegisterPageModule {}
The app.module.ts looks like this:
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } from '@angular/router';
import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';
import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { HttpClientModule } from '@angular/common/http';
import { NativeStorage } from '@ionic-native/native-storage/ngx';
import { ReactiveFormsModule, FormsModule } from '@angular/forms';
@NgModule({
declarations: (
AppComponent
),
entryComponents: ( ),
imports: (
BrowserModule,
IonicModule.forRoot(),
AppRoutingModule,
HttpClientModule,
FormsModule,
ReactiveFormsModule,
),
exports: (ReactiveFormsModule),
providers: (
StatusBar,
SplashScreen,
{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
NativeStorage
),
bootstrap: (AppComponent)
})
export class AppModule {}
What am I doing wrong?
Thanks in advance.
Javascript Tree Class – Code checking stack exchange
I got caught in the trap of implementing my own data structure. I'm mainly looking for advice on how to make this code more idiomatic, but also about features that may be missing in this class or that are not required. I also want to think about how idiomatic the traverse function is and if there is a better way to implement it.
function Node(value = 0, children = ()) {
this.value = value;
this.children = children;
this.parent = undefined;
}
Node.from = function(node) {
let that = Object.assign(new Node(), node);
that.parent = undefined;
that.children = node.children.map(n => (Node.from(n), n.parent = that));
return that;
};
Node.prototype.add = function(...children) {
for (child of children) {
child.parent = this;
this.children.push(child);
}
};
Node.Traversal = {
BreadthFirst: 1,
DepthFirst: 2
};
Node.prototype.traverse = function(callback, mode = Node.Traversal.BreadthFirst) {
if (mode == Node.Traversal.BreadthFirst) {
let nodes = (this);
while (nodes.length > 0) {
const current = nodes.shift();
callback(current);
nodes = nodes.concat(current.children);
}
} else if (mode == Node.Traversal.DepthFirst) {
callback(this);
this.children.forEach(n => n.traverse(callback, false));
}
return this;
};
Node.prototype.reduce = function(callback, initial, mode) {
let acc = initial;
this.traverse(n => acc = callback(acc, n), mode);
return acc;
};
Node.prototype.every = function(callback) {
return this.reduce((a, n) => a && callback(n), true);
};
Node.prototype.some = function(callback) {
return this.reduce((a, n) => a || callback(n), false);
};
Node.prototype.find = function(callback, mode) {
return this.reduce((a, n) => a || (callback(n)? n: false), false, mode);
};
Node.prototype.includes = function(value) {
return this.some(n => n.value === value);
};
Javascript – Error in the JQery form
I'm installing an admin template in Laravel that has a data submission wizard. The detail is that simply clicking on the form does not send the data. I do not understand javascript very well. I hope someone can guide me when I need something or it is wrong
The form works, but does not send anything to the database. First define the path:
Route::resource('empresas', 'EmpresasController');
Then create the form in which each input contains the "name" to be sent for the controller to receive. It has already been shipped with the template and customize it to my requirements:
