Андрей Морковин amorkovin

## exception_php_js.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                amorkovin
                / exception_php_js.md
            
            
              Last active
              June 15, 2021 12:46
            
              
                Execption php и его обработка в js
              
          
    Exception в PHP и его трансляция в JS

Код в PHP выкидывает Exception
	if ( ! $table_name ) {
		throw new Exception('Тип поста не определен. Не могу понять, с какой таблицей БД работать.');
	}

  
## hook_ajax_react.js
// Тестовый ajax-запрос

// Использование хука

const {loading, request, error, cleanError} = useHttp();

const testAjaxHandler = async () => {
    try {
        const data = await request(
                'http://localhost:8000/api/api123',

## css-features.css
/* Элемент будет иметь состояние при наведении, когда он реально при наведении. На мобильном устройстве часто элемент оставляет состояние :hover после клика, теперь так не будет */
@media (hover: hover) {
  a:hover { color: blue; }
}

## remove-get-param-from-url.js
// Удаляет указанный get-параметр из URL.
function removeGetParam(url, paramName) {
    const parts = window.location.search.substr(1).split("&");
    let $_GET = {};
    for (let i = 0; i < parts.length; i++) {
        let temp = parts[i].split("=");
        $_GET[decodeURIComponent(temp[0])] = decodeURIComponent(temp[1]);
    }

    const oldUrl = new URL(url);

## js-load-dom-resize.js
// Ожидание полной загрузки страницы
window.addEventListener('load', function () {

});

// Прослушивание изменения ширины окна браузера https://developer.mozilla.org/ru/docs/Web/API/Window/resize_event
(function() {
    var throttle = function(type, name, obj) {
        obj = obj || window;
        var running = false;

## js_zamikaniye.js
function makeCounter() {
    let count = 0;

    return function () {
        return count++;
    };
}

let counter = makeCounter()

## grid.css

.grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: max-content 1fr 1fr 1fr;
    grid-gap: 2vw;

    /* Или с повторами */
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 100px);

## restapi-wp.js
const urlRequest = 'http://wp.loc/wp-json/wp/v2/posts?_fields=title';

async function getPostsFromWp() {
    try {
        const response = await fetch( urlRequest )
        const data = await response.json()
        return data
    } catch ( e ) {
        console.error( e )
    }

## react-classnames.js
// Как использовать библиотеку classnames
// https://github.com/JedWatson/classnames
// npm install -S classnames

import React, { Component } from "react";
import s from './OneFoods.module.css';
import cl from 'classnames';

class OneFoods extends Component {
    state = {

## react-demo.js
// ------------------------src/index.js-----------------------
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';

ReactDOM.render(
    <React.StrictMode>
        <App propsapptest="Передаю этот текст в props">Отправляю текст в children данного компонетнта</App>
    </React.StrictMode>,
	// Тестовый ajax-запрос

	// Использование хука

	const {loading, request, error, cleanError} = useHttp();

	const testAjaxHandler = async () => {
	try {
	const data = await request(
	'http://localhost:8000/api/api123',
	/* Элемент будет иметь состояние при наведении, когда он реально при наведении. На мобильном устройстве часто элемент оставляет состояние :hover после клика, теперь так не будет */
	@media (hover: hover) {
	a:hover { color: blue; }
	}
	// Ожидание полной загрузки страницы
	window.addEventListener('load', function () {

	});

	// Прослушивание изменения ширины окна браузера https://developer.mozilla.org/ru/docs/Web/API/Window/resize_event
	(function() {
	var throttle = function(type, name, obj) {
	obj = obj \|\| window;
	var running = false;
	function makeCounter() {
	let count = 0;

	return function () {
	return count++;
	};
	}

	let counter = makeCounter()

	.grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: max-content 1fr 1fr 1fr;
	grid-gap: 2vw;

	/* Или с повторами */
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(4, 100px);
	const urlRequest = 'http://wp.loc/wp-json/wp/v2/posts?_fields=title';

	async function getPostsFromWp() {
	try {
	const response = await fetch( urlRequest )
	const data = await response.json()
	return data
	} catch ( e ) {
	console.error( e )
	}
	// Как использовать библиотеку classnames
	// https://github.com/JedWatson/classnames
	// npm install -S classnames

	import React, { Component } from "react";
	import s from './OneFoods.module.css';
	import cl from 'classnames';

	class OneFoods extends Component {
	state = {
	// ------------------------src/index.js-----------------------
	import React from 'react';
	import ReactDOM from 'react-dom';
	import './index.css';
	import App from './App';

	ReactDOM.render(
	<React.StrictMode>
	<App propsapptest="Передаю этот текст в props">Отправляю текст в children данного компонетнта</App>
	</React.StrictMode>,