css3

iframe에서 jquery를 사용하여 내용을 동적으로 변경하려면 어떻게 해야 합니까?

css3 — Mon, 6 Nov 2023 22:00:37 +0900

iframe에서 jquery를 사용하여 내용을 동적으로 변경하려면 어떻게 해야 합니까?

iframe과 iframe 내용을 30초마다 변경하는 jquery code가 있는 사이트가 가능한지 궁금합니다.내용이 다른 웹 페이지에 있습니다.

이와 같은 것:

<html>
  <head>
    <script type="text/javascript" src="jquery.js"></script>
    <script>
      $(document).ready(function(){
        var array = new array();
        array[0] = 'http://webPage1.com';
        array[1] = 'http://webPage2.com';
        // And so on.
        // Do something here to change the iframe every 30 second
      });
    </script>
  </head>
  <body>
    <iframe id="frame"></iframe>
  </body>
</html>

<html>
  <head>
    <script type="text/javascript" src="jquery.js"></script>
    <script>
      $(document).ready(function(){
        var locations = ["http://webPage1.com", "http://webPage2.com"];
        var len = locations.length;
        var iframe = $('#frame');
        var i = 0;
        setInterval(function () {
            iframe.attr('src', locations[++i % len]);
        }, 30000);
      });
    </script>
  </head>
  <body>
    <iframe id="frame"></iframe>
  </body>
</html>

iframe 내부의 실제 컨텐츠가 아니라 iframe이 가리키는 위치만 변경하려면, 당신은 단지 iframe 내부의 실제 컨텐츠를 변경하기만 하면 됩니다.src기여하다.

 $("#myiframe").attr("src", "newwebpage.html");

var handle = setInterval(changeIframe, 30000);
var sites = ["google.com", "yahoo.com"];
var index = 0;

function changeIframe() {
  $('#frame')[0].src = sites[index++];
  index = index >= sites.length ? 0 : index;
}

언급URL : https://stackoverflow.com/questions/1554396/how-do-i-dynamically-change-the-content-in-an-iframe-using-jquery

blueimp 파일 업로드 플러그인의 maxFileSize 및 acceptFileTypes가 작동하지 않습니다. 이유는 무엇입니까?

css3 — Mon, 6 Nov 2023 22:00:30 +0900

blueimp 파일 업로드 플러그인의 maxFileSize 및 acceptFileTypes가 작동하지 않습니다. 이유는 무엇입니까?

업로드 파일에 Blueimp jQuery 파일 업로드 플러그인을 사용하고 있습니다.

업로드하는데 문제가 없었지만 옵션이 있습니다.maxFileSize그리고.acceptFileTypes일을 못 보다

이게 내 암호입니다.

$(document).ready(function () {
    'use strict';

    $('#fileupload').fileupload({
        dataType: 'json',
        autoUpload: false,
        acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
        maxFileSize: 5000000,
        done: function (e, data) {
            $.each(data.result.files, function (index, file) {
                $('<p style="color: green;">' + file.name + '<i class="elusive-ok" style="padding-left:10px;"/> - Type: ' + file.type + ' - Size: ' + file.size + ' byte</p>')
                    .appendTo('#div_files');
            });
        },
        fail: function (e, data) {
            $.each(data.messages, function (index, error) {
                $('<p style="color: red;">Upload file error: ' + error + '<i class="elusive-remove" style="padding-left:10px;"/></p>')
                    .appendTo('#div_files');
            });
        },
        progressall: function (e, data) {
            var progress = parseInt(data.loaded / data.total * 100, 10);

            $('#progress .bar').css('width', progress + '%');
        }
    });
});

같은 문제가 있었는데 블루임프 사람이 "maxFileSize 및 acceptFileTypes는 UI 버전에서만 지원됩니다"라고 말하며 _validate 및 _hasError 메서드를 통합할 수 있는 (중단된) 링크를 제공했습니다.

그래서 대본을 엉망으로 만들지 않고 그 방법들을 통합하는 방법을 모른 채 저는 이 작은 기능을 썼습니다.그것은 저에게 효과가 있는 것 같습니다.

이것만 추가하면 됩니다.

add: function(e, data) {
        var uploadErrors = [];
        var acceptFileTypes = /^image\/(gif|jpe?g|png)$/i;
        if(data.originalFiles[0]['type'].length && !acceptFileTypes.test(data.originalFiles[0]['type'])) {
            uploadErrors.push('Not an accepted file type');
        }
        if(data.originalFiles[0]['size'].length && data.originalFiles[0]['size'] > 5000000) {
            uploadErrors.push('Filesize is too big');
        }
        if(uploadErrors.length > 0) {
            alert(uploadErrors.join("\n"));
        } else {
            data.submit();
        }
},

여기 코드에 나와 있는 .file 업로드 옵션을 시작할 때

$(document).ready(function () {
    'use strict';

    $('#fileupload').fileupload({
        add: function(e, data) {
                var uploadErrors = [];
                var acceptFileTypes = /^image\/(gif|jpe?g|png)$/i;
                if(data.originalFiles[0]['type'].length && !acceptFileTypes.test(data.originalFiles[0]['type'])) {
                    uploadErrors.push('Not an accepted file type');
                }
                if(data.originalFiles[0]['size'].length && data.originalFiles[0]['size'] > 5000000) {
                    uploadErrors.push('Filesize is too big');
                }
                if(uploadErrors.length > 0) {
                    alert(uploadErrors.join("\n"));
                } else {
                    data.submit();
                }
        },
        dataType: 'json',
        autoUpload: false,
        // acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
        // maxFileSize: 5000000,
        done: function (e, data) {
            $.each(data.result.files, function (index, file) {
                $('<p style="color: green;">' + file.name + '<i class="elusive-ok" style="padding-left:10px;"/> - Type: ' + file.type + ' - Size: ' + file.size + ' byte</p>')
                .appendTo('#div_files');
            });
        },
        fail: function (e, data) {
            $.each(data.messages, function (index, error) {
                $('<p style="color: red;">Upload file error: ' + error + '<i class="elusive-remove" style="padding-left:10px;"/></p>')
                .appendTo('#div_files');
            });
        },
        progressall: function (e, data) {
            var progress = parseInt(data.loaded / data.total * 100, 10);

            $('#progress .bar').css('width', progress + '%');
        }
    });
});

파일 크기 기능을 추가한 것은 UI 버전에서만 작동하기 때문입니다.

@lopside에서 제안한 과거 문제를 가져오기 위해 업데이트됨:추가된data.originalFiles[0]['type'].length그리고.data.originalFiles[0]['size'].length오류를 테스트하기 전에 먼저 쿼리가 존재하고 비어 있지 않은지 확인합니다.오류가 없으면 오류가 표시되지 않으며 서버 측 오류 테스트에만 의존합니다.

작동하려면 jquery.fileupload-process.js와 jquery.fileupload-validate.js를 포함해야 합니다.

앞의 답변에서 제시한 것처럼, 우리는 두 개의 파일을 추가로 포함해야 합니다.jquery.fileupload-process.js그리고 나서.jquery.fileupload-validate.js그러나 파일을 추가하는 동안 추가적인 ajax 호출을 수행해야 하므로 가입합니다.fileuploadadd호출을 수행하기 위한 이벤트입니다.이 플러그인의 작성자는 이러한 사용법에 대해 다음과 같이 제안했습니다.

여기를 보세요: https://github.com/blueimp/jQuery-File-Upload/wiki/Options#wiki-callback-options

bind(또는 jQuery 1.7+를 사용하는 방법) 메서드를 통해 이벤트 수신기를 추가하는 것이 jQuery File Upload UI 버전으로 콜백 설정을 유지하는 데 선호되는 옵션입니다.

또는 다음과 같이 자신의 콜백에서 간단히 처리를 시작할 수도 있습니다. https://github.com/blueimp/jQuery-File-Upload/blob/master/js/jquery.fileupload-process.js#L50

제안된 두 옵션의 조합을 사용하면 다음 코드가 저에게 완벽하게 작동합니다.

$fileInput.fileupload({
    url: 'upload_url',
    type: 'POST',
    dataType: 'json',
    autoUpload: false,
    disableValidation: false,
    maxFileSize: 1024 * 1024,
    messages: {
        maxFileSize: 'File exceeds maximum allowed size of 1MB',
    }
});

$fileInput.on('fileuploadadd', function(evt, data) {
    var $this = $(this);
    var validation = data.process(function () {
        return $this.fileupload('process', data);
    });

    validation.done(function() {
        makeAjaxCall('some_other_url', { fileName: data.files[0].name, fileSizeInBytes: data.files[0].size })
            .done(function(resp) {
                data.formData = data.formData || {};
                data.formData.someData = resp.SomeData;
                data.submit();
        });
    });
    validation.fail(function(data) {
        console.log('Upload error: ' + data.files[0].error);
    });
});

파이어폭스에서 사용할 수 있습니다.

$('#fileupload').fileupload({

    dataType: 'json',
    //acceptFileTypes: /(\.|\/)(xml|pdf)$/i,
    //maxFileSize: 15000000,

    add: function (e, data) {
        var uploadErrors = [];

        var acceptFileTypes = /\/(pdf|xml)$/i;
        if(data.originalFiles[0]['type'].length && !acceptFileTypes.test(data.originalFiles[0]['type'])) {
            uploadErrors.push('File type not accepted');
        }

        console.log(data.originalFiles[0]['size']) ;
        if (data.originalFiles[0]['size'] > 5000000) {
            uploadErrors.push('Filesize too big');
        }
        if(uploadErrors.length > 0) {
            alert(uploadErrors.join("\n"));
        } else {
            data.context = $('<p/>').text('Uploading...').appendTo(document.body);
            data.submit();
        }

    },
    done: function (e, data) {
        data.context.text('Success!.');
    }
});

"jquery.fileupload-ui.js"라는 이름의 파일을 열면 다음과 같은 코드가 표시됩니다.

 $.widget('blueimp.fileupload', $.blueimp.fileupload, {

    options: {
        // By default, files added to the widget are uploaded as soon
        // as the user clicks on the start buttons. To enable automatic
        // uploads, set the following option to true:
        acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
        autoUpload: false,
        // The ID of the upload template:
        uploadTemplateId: 'template-upload',
        // The ID of the download template:
        downloadTemplateId: 'template-download',
        。。。。

한 줄 코드만 추가하면 됩니다. --- 새 속성 "acceptFileTypes"는 다음과 같습니다.

 options: {
        // By default, files added to the widget are uploaded as soon
        // as the user clicks on the start buttons. To enable automatic
        // uploads, set the following option to true:
        **acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,**
        autoUpload: false,
        // The ID of the upload template:
        uploadTemplateId: 'template-upload',
        // The ID of the download template:
        downloadTemplateId: 'template-d

이제 모든 것이 괜찮다는 것을 알게 될 것입니다!~ 당신은 잘못된 장소에서 그 속성을 받아들입니다.

플러그인 JS를 모두 가져왔고 올바른 순서로 가져왔지만 여전히 문제가 있는 경우, 자신의 "add" 핸들러를 지정하면 *-validate.js 플러그인의 핸들러를 너프(nerf)하는 것 같습니다. 그러면 일반적으로 data.process()를 호출하여 모든 유효성 검사가 시작됩니다.따라서 이 문제를 해결하려면 "추가" 이벤트 핸들러에서 다음과 같은 작업을 수행하면 됩니다.

$('#whatever').fileupload({
...
add: function(e, data) {
   var $this = $(this);
   data.process(function() {
      return $this.fileupload('process', data);
   }).done(function(){
      //do success stuff
      data.submit(); <-- fire off the upload to the server
   }).fail(function() {
      alert(data.files[0].error);
   });
}
...
});

다음에 대해 확인/유효한 예:

다중 파일 입력
하나 또는 여러 파일 업로드의 경우 -$.grep()오류가 있는 배열에서 파일을 제거합니다
image그리고.audio체재를 갖추다
문자열에서 동적 파일 형식new RegExp()

공지사항:acceptFileTypes.test()- 다음과 같은 오디오 파일에 대해 마임 유형 확인.mp3그럴 것이다.audio/mpeg- 연장만이 아닙니다.모든 blueimp 옵션: https://github.com/blueimp/jQuery-File-Upload/wiki/Options

$('input[type="file"]').each(function(i){

    // .form_files is my div/section of form for input file and progressbar
    var $progressbar = $(this).parents('.form_files:first').find('.progress-bar:first');

    var $image_format = 'jpg|jpeg|jpe|png|gif';
    var $audio_format = 'mp3|mpeg';
    var $all_formats = $image_format + '|' + $audio_format;

    var $image_size = 2;
    var $audio_size = 10;
    var mb = 1048576;

    $(this).fileupload({
        // ...
        singleFileUploads: false,   // << send all together, not single
        // ...
        add: function (e, data) {

            // array with all indexes of files with errors
            var error_uploads_indexes = [];

            // when add file - each file
            $.each(data.files, function(index, file) {

                // array for all errors
                var uploadErrors = [];


                // validate all formats first
                if($all_formats){

                    // check all formats first - before size
                    var acceptFileTypes = "(\.|\/)(" + $all_formats + ")$";
                    acceptFileTypes = new RegExp(acceptFileTypes, "i");

                    // when wrong format
                    if(data.files[index]['type'].length && !acceptFileTypes.test(data.files[index]['type'])) {
                        uploadErrors.push('Not an accepted file type');

                    }else{

                        // default size is image_size
                        var $my_size = $image_size;

                            // check audio format
                            var acceptFileTypes = "(\.|\/)(" + $audio_format + ")$";
                            acceptFileTypes = new RegExp(acceptFileTypes, "i");

                            // alert(data.files[index]['type']);
                            // alert(acceptFileTypes.test('audio/mpeg'));

                            // if is audio then size is audio_size
                            if(data.files[index]['type'].length && acceptFileTypes.test(data.files[index]['type'])) {
                                $my_size = $audio_size;
                            }

                        // check size
                        if(data.files[index]['size'] > $my_size * mb) {
                            uploadErrors.push('Filesize is too big');
                        };
                    };

                }; // << all_formats

                // when errors
                if(uploadErrors.length > 0) {
                    //  alert(uploadErrors.join("\n"));

                    // mark index of error file
                    error_uploads_indexes.push(index);
                    // alert error
                    alert(uploadErrors.join("\n"));

                };

            }); // << each


            // remove indexes (files) with error
            data.files = $.grep( data.files, function( n, i ) {
                return $.inArray(i, error_uploads_indexes) ==-1;
            });


            // if are files to upload
            if(data.files.length){
                // upload by ajax
                var jqXHR = data.submit().done(function (result, textStatus, jqXHR) {
                        //...
                     alert('done!') ;
                        // ...
                });
            } // 

        }, // << add
        progressall: function (e, data) {
            var progress = parseInt(data.loaded / data.total * 100, 10);
            $progressbar.css(
                'width',
                progress + '%'
                );
        }
    }); // << file_upload

    //          
}); // << each input file

Add 이벤트에 대한 이벤트 처리기의 예입니다.singleFileUploads 옵션(기본값)이 활성화되어 있다고 가정합니다.추가/파일 업로드 추가 이벤트로 바인딩하는 방법에 대한 jQuery File Upload 설명서를 더 읽어 보십시오.인사이드 루프에서는 vars this 또는 file을 모두 사용할 수 있습니다.size 속성을 가져오는 예: this['size'] 또는 file.size입니다.

    /**
     * Handles Add event
     */
    base.eventAdd = function(e, data) {

        var errs = [];
        var acceptFileTypes = /(\.|\/)(gif|jpe?g|png)$/i;
        var maxFileSize = 5000000;

        // Validate file
        $.each(data.files, function(index, file) {
            if (file.type.length && !acceptFileTypes.test(file.type)) {
                errs.push('Selected file "' + file.name + '" is not alloawed. Invalid file type.');
            }
            if (this['size'] > maxFileSize) {
                errs.push('Selected file "' + file.name + '" is too big, ' + parseInt(file.size / 1024 / 1024) + 'M.. File should be smaller than ' + parseInt(maxFileSize / 1024 / 1024) + 'M.');
            }
        });

        // Output errors or submit data
        if (errs.length > 0) {
            alert('An error occured. ' + errs.join(" "));
        } else {
            data.submit();
        }
    };

크롬, jquery.fileupload.js 버전은 5.42.3입니다.

     add: function(e, data) {
        var uploadErrors = [];
        var ext = data.originalFiles[0].name.split('.').pop().toLowerCase();
        if($.inArray(ext, ['odt','docx']) == -1) {
            uploadErrors.push('Not an accepted file type');
        }
        if(data.originalFiles[0].size > (2*1024*1024)) {//2 MB
            uploadErrors.push('Filesize is too big');
        }
        if(uploadErrors.length > 0) {
            alert(uploadErrors.join("\n"));
        } else {
            data.submit();
        }
    },

.fileupload({
    add: function (e, data) { 
        var attachmentValue = 3 * 1000 * 1024;
        var totalNoOfFiles = data.originalFiles.length;
        for (i = 0; i < data.originalFiles.length; i++) {
            if (data.originalFiles[i]['size'] > attachmentValue) {
                $attachmentsList.find('.uploading').remove();
                $attachmentMessage.append("<li>" + 'Uploaded bytes exceeded the file size' + "</li>");
                $attachmentMessage.show().fadeOut(10000, function () {
                    $attachmentMessage.html('');
                });
                data.originalFiles.splice(i, 1);
            }
        }
        if (data.files[0]) {
            $attachmentsList
           .prepend('<li class="uploading" class="clearfix loading-content">' + data.files[0].name + '</li>');
        }
        data.submit();                    
    }

서버별로 일반적으로 지원되는 형식을 찾고 있는 경우

3g2|3gp|3gp2|3gpp|aac|aaf|aca|accdb|accde|accdt|acx|adt|adts|afm|ai|aif|aifc|aiff|appcache|application|art|asd|asf|asi|asm|asr|asx|atom|au|avi|axs|bas|bcpio|bin|bmp|c|cab|calx|cat|cdf|chm|class|clp|cmx|cnf|cod|cpio|cpp|crd|crl|crt|csh|css|csv|cur|dcr|deploy|der|dib|dir|disco|dll|dllconfig|dlm|doc|docm|docx|dot|dotm|dotx|dsp|dtd|dvi|dvr-ms|dwf|dwp|dxr|eml|emz|eot|eps|esd|etx|evy|exe|execonfig|fdf|fif|fla|flr|flv|gif|gtar|gz|h|hdf|hdml|hhc|hhk|hhp|hlp|hqx|hta|htc|htm|html|htt|hxt|ico|ics|ief|iii|inf|ins|isp|IVF|jar|java|jck|jcz|jfif|jpb|jpe|jpeg|jpg|js|json|jsonld|jsx|latex|less|lit|lpk|lsf|lsx|lzh|m13|m14|m1v|m2ts|m3u|m4a|m4v|man|manifest|map|mdb|mdp|me|mht|mhtml|mid|midi|mix|mmf|mno|mny|mov|movie|mp2|mp3|mp4|mp4v|mpa|mpe|mpeg|mpg|mpp|mpv2|ms|msi|mso|mvb|mvc|nc|nsc|nws|ocx|oda|odc|ods|oga|ogg|ogv|one|onea|onepkg|onetmp|onetoc|onetoc2|osdx|otf|p10|p12|p7b|p7c|p7m|p7r|p7s|pbm|pcx|pcz|pdf|pfb|pfm|pfx|pgm|pko|pma|pmc|pml|pmr|pmw|png|pnm|pnz|pot|potm|potx|ppam|ppm|pps|ppsm|ppsx|ppt|pptm|pptx|prf|prm|prx|ps|psd|psm|psp|pub|qt|qtl|qxd|ra|ram|rar|ras|rf|rgb|rm|rmi|roff|rpm|rtf|rtx|scd|sct|sea|setpay|setreg|sgml|sh|shar|sit|sldm|sldx|smd|smi|smx|smz|snd|snp|spc|spl|spx|src|ssm|sst|stl|sv4cpio|sv4crc|svg|svgz|swf|t|tar|tcl|tex|texi|texinfo|tgz|thmx|thn|tif|tiff|toc|tr|trm|ts|tsv|ttf|tts|txt|u32|uls|ustar|vbs|vcf|vcs|vdx|vml|vsd|vss|vst|vsto|vsw|vsx|vtx|wav|wax|wbmp|wcm|wdb|webm|wks|wm|wma|wmd|wmf|wml|wmlc|wmls|wmlsc|wmp|wmv|wmx|wmz|woff|woff2|wps|wri|wrl|wrz|wsdl|wtv|wvx|x|xaf|xaml|xap|xbap|xbm|xdr|xht|xhtml|xla|xlam|xlc|xlm|xls|xlsb|xlsm|xlsx|xlt|xltm|xltx|xlw|xml|xof|xpm|xps|xsd|xsf|xsl|xslt|xsn|xtp|xwd|z|zip

다음과 같은 추가 기능을 사용할 수도 있습니다.

    function checkFileType(filename, typeRegEx) {
        if (filename.length < 4 || typeRegEx.length < 1) return false;
        var filenameParts = filename.split('.');
        if (filenameParts.length < 2) return false;
        var fileExtension = filenameParts[filenameParts.length - 1];
        return typeRegEx.test('.' + fileExtension);
    }

작동하려면 jquery.fileupload-process.js와 jquery.fileupload-validate.js를 포함해야 합니다.

그럼...

$(this).fileupload({
    // ...
    processfail: function (e, data) {
        data.files.forEach(function(file){
            if (file.error) {
                self.$errorMessage.html(file.error);
                return false;
            }
        });
    },
//...
}

프로세스 실패 콜백은 유효성 검사 실패 후에 시작됩니다.

파일 확장자를 사용하여 파일 형식을 확인할 수도 있습니다.

더 간단한 방법은 아래에 주어진 것처럼 내부에 추가하는 것입니다.

add : function (e,data){
   var extension = data.originalFiles[0].name.substr( 
   (data.originalFiles[0].name.lastIndexOf('.') +1) );
            switch(extension){
                case 'csv':
                case 'xls':
                case 'xlsx':
                    data.url = <Your URL>; 
                    data.submit();
                break;
                default:
                    alert("File type not accepted");
                break;
            }
  }

만약 당신이 여러개의 파일을 가지고 있다면, 당신은 루프를 사용해서 각각의 파일 형식을 확인합니다, 이런것.

add: function(e, data) {
        data.url = 'xx/';
        var uploadErrors = [];
         var acceptFileTypes = /^image\/(gif|jpe?g|png)$/i;
        console.log(data.originalFiles);
        for (var i = 0; i < data.originalFiles.length; i++) {
            if(data.originalFiles[i]['type'].length && !acceptFileTypes.test(data.originalFiles[i]['type'])) {
                    uploadErrors.push('Not an accepted file type');
                    data.originalFiles
                }
                if(data.originalFiles[i]['size'].length && data.originalFiles[i]['size'] > 5000000) {
                    uploadErrors.push('Filesize is too big');
                }
                if(uploadErrors.length > 0) {

                      alert(uploadErrors.join("\n"));
                }
        }
        data.submit();
      },

언급URL : https://stackoverflow.com/questions/17451629/maxfilesize-and-acceptfiletypes-in-blueimp-file-upload-plugin-do-not-work-why

블로거 XML 파일을 WXR 파일로 변환하는 방법은?

css3 — Mon, 6 Nov 2023 22:00:15 +0900

블로거 XML 파일을 WXR 파일로 변환하는 방법은?

47.9인 블로거 내보내기 파일을 가지고 있습니다.워드프레스(자체 호스팅)로 가져와야 하는 MB보통 구글 앱 도구를 사용하여 파일을 변환한 다음 WP로 가져오기 위해 더 작은 비트로 분할합니다.

하지만 계속해서 다음과 같은 오류가 나타납니다.

413 오류: Entity Too Large 요청 클라이언트에서 너무 큰 요청을 발행했습니다.

이렇게 큰 파일에 사용할 수 있는 다른 앱이나 XML 파일을 수동으로 WXR 파일로 변환하는 방법에 대한 튜토리얼이 있습니까?

꼭 이렇게 할 필요가 있습니까? 워드프레스 코덱스에 따르면 블로거로부터 직접 가져올 수 있습니다.

위 링크의 관련 정보는 다음과 같습니다.

워드프레스 2.2 이상 사용자는 블로거에서 가져올 수 있습니다.이전 버전은 "New Blogger"가 Google에 의해 출시되어 이전 버전의 모든 수입업체가 무효화되었기 때문에 Blogger에서 가져올 수 없습니다.워드프레스 2.2 이상만 "뉴 블로거"를 지원합니다.

아직 사용하지 않았다면 New Blogger와 Google Account on Blogger를 사용하고 있어야 합니다.여전히 Old Blogger를 사용하는 경우 수입자가 작동하지 않지만 기존 Blogger Atom 내보내기를 Wordpress WXR 내보내기 파일로 변환하는 유용한 온라인 도구가 있습니다.

Blogger 가져오기를 시작하려면 Tools(도구) → Import(가져오기) → Blogger(블로거)로 이동합니다.WordPress 버전 2.0.2 ~ 2.6.5의 경우 관리 → 가져오기 → 블로거로 이동합니다.

언급URL : https://stackoverflow.com/questions/12254015/how-to-convert-a-blogger-xml-file-to-a-wxr-file

PHP 5.3을 위한 PHP 5.2 '호환 모드'가 있습니까?

css3 — Mon, 6 Nov 2023 22:00:09 +0900

PHP 5.3을 위한 PHP 5.2 '호환 모드'가 있습니까?

저는 현재 워드프레스 플러그인을 개발하고 있습니다.나는 방금 대부분의 주요 워드프레스 호스팅 환경이 여전히 PHP 5.2를 사용하고 있다는 사실을 알게 되었습니다. 5.2가 더 이상 공식적으로 지원되지 않음에도 불구하고 5.2용 보안 패치가 여전히 출시되고 있다는 사실을 고려하면 5.2는 곧 사용되지 않을 것으로 보입니다.

따라서 늦은 정적 바인딩 및 폐쇄와 같은 몇 가지 5.3 기능을 사용한 리팩토링을 수행해야 할 것 같습니다.

이상적으로는 5.2 환경을 설치하기 위해 5.3 환경을 완전히 낭비하고 싶지 않습니다.유효한 5.2 구문만 받아들이도록 5.3 설정에 '호환성 모드'를 설정할 수 있는 방법이 있습니까?

그럴 방법이 없어요, 5.2를 설치하셔야 합니다.

호환되지 않는 구문 수준만 잡고 살 수 있다면 (static::, 람다 함수,goto, ...), 그러면 격리된 위치에 5.2 바이너리를 두고 파일에 대한 구문 검사를 실행할 수 있습니다.php -l)을 빌드 단계로 사용합니다.하지만 새로운 기능, 새로운 논쟁 등의 사용에 대해서는 주의를 주지 않을 것입니다.

언급URL : https://stackoverflow.com/questions/6791517/is-there-a-php-5-2-compatibility-mode-for-php-5-3

여러 프로토콜을 신속하게 준수하는 유형

css3 — Mon, 6 Nov 2023 22:00:03 +0900

여러 프로토콜을 신속하게 준수하는 유형

나는 여러 프로토콜을 준수하는 Objective-C 변수를 가지고 있습니다.

id <NSObject, NSCopying, NSCoding> identityToken;

스위프트에서 이런 타입을 어떻게 표현하면 좋을까요?

작동해야 합니다.

var identityToken: NSObjectProtocol & NSCopying & NSCoding

NS Object 대신 NS Object Protocol을 신속하게 사용해야 합니다.

다음은 몇 가지 추가적인 예입니다.

여러 프로토콜을 준수하는 객체 배열:

var array: [NSObjectProtocol & NSCopying & NSCoding]

다중 프로토콜을 준수하는 파라미터로 기능:

func foo(param: NSObjectProtocol & NSCopying & NSCoding) {

}

Swift 3.1 이전 버전의 경우 다음을 사용합니다.

var identityToken: (NSObjectProtocol, NSCopying, NSCoding)

스위프트 3

var idToken: NSObjectProtocol & NSCopying & NSCoding

func foo(_ delegateAndDataSource: UICollectionViewDelegate & UICollectionViewDataSource) { ... }

복합 프로토콜을 타이핑할 수도 있는 것 같습니다. 동일한 프로토콜 조합을 여러 번 사용할 계획이라면 도움이 될 것입니다.

typealias IDToken = NSObjectProtocol & NSCopying & NSCoding

형식 별칭을 사용하여 승인된 답변에 주어진 것과 동일한 예:

var idToken: IDToken

var array: [IDToken] = []

func foo(param: IDToken) { ... }

위의 코너의 답변은 맞지만, 나중에 추가 프로토콜 방법을 추가하거나 최상위 프로토콜을 변경하려면 다른 프로토콜에서 자체적으로 상속되는 별도의 프로토콜을 구현해야 하는 경우가 많습니다.

internal protocol MyOtherProtocol : NSObjectProtocol, NSCopying, NSCoding {
    func someOtherNecessaryMethod()
}

그런 다음 활용:

var identityToken : MyOtherProtocol

제네릭의 경우에도 다음과 같이 작동합니다.

func setCollectionViewDataSourceDelegate<D: UICollectionViewDataSource & UICollectionViewDelegate>

언급URL : https://stackoverflow.com/questions/24027380/types-conforming-to-multiple-protocols-in-swift

f() aint16_t를 인쇄하려면 어떻게 해야 합니까?

css3 — Mon, 6 Nov 2023 21:59:57 +0900

f() aint16_t를 인쇄하려면 어떻게 해야 합니까?

aint16_t를 인쇄하려면 printf()를 사용해야 합니다.이 SO답안(unint32_t 및 unint16_t variables value를 출력하는 방법?)은 intype.h를 사용해야 한다고 말합니다.

하지만 임베디드 시스템을 작업 중인데 intype.h는 사용할 수 없습니다.aunt16_t의 형식 지정자를 사용할 수 없을 때 aunt16_t를 인쇄하려면 어떻게 해야 합니까?

inttype.h 스타일을 사용하되 기호를 직접 정의해야 합니다.예를 들어,

#define PRIu8 "hhu"
#define PRId8 "hhd"
#define PRIx8 "hhx"
#define PRIu16 "hu"
#define PRId16 "hd"
#define PRIx16 "hx"
#define PRIu32 "u"
#define PRId32 "d"
#define PRIx32 "x"
#define PRIu64 "llu" // or possibly "lu"
#define PRId64 "lld" // or possibly "ld"
#define PRIx64 "llx" // or possibly "lx"

당신의 기계를 위해 그것들을 알아내서 사용하세요.필요한 intype.h 및 도형으로 다른 것을 살펴봅니다.

이렇게 하면 코드가 더 쉽게 이동할 수 있습니다.저는 70년대 후반부터 임베디드 시스템 작업을 해왔습니다.저를 믿으세요: 휴대성이 중요합니다.

분명한 방법은 다음과 같습니다.

printf("%u\n", (unsigned int)x);

서명되지 않은 int는 최소 16비트가 보장되므로 손실 변환이 아닙니다.

short int최소 16비트 길이이므로 값을 다음으로 변환합니다.unsigned short int인쇄합니다.%hu.

언급URL : https://stackoverflow.com/questions/29112878/how-do-i-printf-a-uint16-t

Oracle의 MD5를 PHP의 MD5와 일치시키는 방법

css3 — Mon, 6 Nov 2023 21:59:51 +0900

Oracle의 MD5를 PHP의 MD5와 일치시키는 방법

PHP에서 생성된 MD5 체크섬과 오라클 10g에서 생성된 체크섬을 비교하려고 합니다.하지만 저는 사과와 오렌지를 비교하고 있는 것 같습니다.

비교를 테스트하기 위해 수행한 작업은 다음과 같습니다.

//md5 tests

  //php md5
  print md5('testingthemd5function');

  print '<br/><br/>';

  //oracle md5
  $md5query = "select md5hash('testingthemd5function') from dual";

  $stid = oci_parse($conn, $md5query);
  if (!$stid) {
   $e = oci_error($conn);
   print htmlentities($e['message']);
   exit;
  }

  $r = oci_execute($stid, OCI_DEFAULT);
  if (!$r) {
   $e = oci_error($stid);
   echo htmlentities($e['message']);
   exit;
  }

  $row = oci_fetch_row($stid); 
  print $row[0];

오라클의 md5 함수(위의 쿼리에서 볼 수 있음)는 'dbms_obfuscation_toolkit.md5' 패키지(?)를 사용하며 다음과 같이 정의됩니다.

CREATE OR REPLACE FUNCTION PORTAL.md5hash (v_input_string in varchar2) return varchar2     
is
   v_checksum varchar2(20);
   begin
   v_checksum := dbms_obfuscation_toolkit.md5 (input_string => v_input_string);
   return v_checksum;
end;

내 PHP 페이지에 나오는 내용은 다음과 같습니다.

29dbb90ea99a397b946518c84f45e016

)Û¹©š9{”eÈOEà

누가 두 사람을 맞추는데 도움을 줄 수 있습니까?

원시 바이트를 반환하므로 16진수로 변환해야 합니다.

$x = unpack("H*", $row[0]); 
echo $x[1];

Oracle 쿼리에서 인쇄되는 것은 대부분의 옥텟이 ASCII 문자가 아니기 때문에 md5 체크섬의 원시 바이트 스트림인 것으로 보입니다.먼저 16진수로 변환해 보십시오.

다음과 같은 함수를 만듭니다.

create or replace
function md5( input varchar2 ) return sys.dbms_obfuscation_toolkit.varchar2_checksum as
begin
    return lower(rawtohex(utl_raw.cast_to_raw(sys.dbms_obfuscation_toolkit.md5( input_string => input ))));
end;

그리고 이렇게 부릅니다.

select md5('foobar') from dual;

"dbms_obfuscation_toolkit.md5"는 실제로 raw 형식으로 반환되지 않으므로 "utl_raw.cast_to_raw"를 호출해야 합니다.제가 틀릴 수도 있지만, 이에 대한 더 나은 설명이 있을 겁니다.

Oracle에서 md5를 사용하려는 경우 다음 방법을 사용할 수 있습니다.

select lower(rawtohex(md5hash('foobar'))) from dual

동일한 "숫자 또는 값 오류"가 발생하여 두 함수가 함께 작동하는 것을 발견했습니다.

CREATE OR REPLACE FUNCTION MD5RAW( v_input_string in varchar2 )
RETURN varchar2 IS
v_checksum varchar2( 32 );
BEGIN
    v_checksum := SYS.DBMS_OBFUSCATION_TOOLKIT.MD5( input_string => v_input_string );
    return v_checksum;
END;

CREATE OR REPLACE FUNCTION MD5HEX( v_input_string in varchar2 )
RETURN varchar2 IS
v_hex_value varchar2( 32 );
BEGIN
    SELECT  LOWER( RAWTOHEX( MD5RAW( v_input_string ) ) ) 
    INTO    v_hex_value
    FROM    dual;
    return v_hex_value;
END;

그런 다음 이 쿼리를 실행하여 체크섬을 가져올 수 있습니다.

SELECT md5hex( 'my string smoked your hash' ) FROM dual;

그 두 번째 함수는 당신이 제공하는 함수에 대해 Bazz가 제공하는 SELECT 문을 발행하는 것과 동일하지만, 나는 모든 쿼리 내에서 rawToHex --> lower conversion을 할 필요가 없는 것을 선호합니다.그러면 쿼리를 사용할 때마다 너무 많은 문제가 발생할 수 있습니다.런타임이 아닌 생성 시에 컴파일되기 때문에 저도 더 빠를 수 있다고 생각합니다만, 틀릴 수도 있습니다.

언급URL : https://stackoverflow.com/questions/1228685/getting-oracles-md5-to-match-phps-md5

팬더 WITH 지수에서 데이터 프레임을 사전으로 변환하는 방법

css3 — Mon, 6 Nov 2023 21:59:43 +0900

팬더 WITH 지수에서 데이터 프레임을 사전으로 변환하는 방법

데이터 프레임이 있습니다.df다음과 같이

| name  | coverage |
|-------|----------|
| Jason | 25.1     |

저는 그것을 사전으로 바꾸고 싶습니다.다음 명령을 사용했습니다.pandas:

dict=df.to_dict()

산출량dict다음과 같은 말을 했습니다.

{'coverage': {0: 25.1}, 'name': {0: 'Jason'}}

나는 그것을 원하지 않습니다.0나의 산출물로데이터 프레임에 있는 열 인덱스 때문에 캡처된 것 같습니다.df. 제거하려면 어떻게 해야 합니까?0내 출력에서 (인덱스가 캡처되지 않았으면 합니다.) 예상 출력:

{'coverage': 25.1, 'name': 'Jason'}

열이 2개인 당신의 데이터셋을 보면 데이터 프레임이 아닌 시리즈가 보입니다.

시도해 보기:d = df.set_index('name')['coverage'].to_dict()데이터 프레임을 직렬로 변환하고 출력합니다.

그러나 공통 키가 아닌 더 많은 열을 사용하고자 하는 경우 'records'를 사용하여 열을 배열에 저장할 수 있습니다.d = df.to_dict('r'). `

실행 가능한 코드:

import pandas as pd

df = pd.DataFrame({
    'name': ['Jason'],
    'coverage': [25.1]
})

print(df.to_dict())
print(df.set_index('name')['coverage'].to_dict())
print(df.to_dict('r'))

반환:

{'name': {0: 'Jason'}, 'coverage': {0: 25.1}}
{'Jason': 25.1}
[{'name': 'Jason', 'coverage': 25.1}]

그리고 한 가지 더, 변수 이름 dict를 예약된 대로 사용하지 않도록 해야 합니다.

dict1 = df.to_dict('records')

아니면

dict2 = df.to_dict('list')

list: 키는 열 이름, 값은 열 데이터 목록입니다.

records: 각 행은 사전이 됩니다. 여기서 키는 열 이름이고 값은 셀의 데이터입니다.

당신은 다음과 같은 것을 할 수 있습니다.

data.to_dict('list')

#output:
#{'Feeling low in energy-slowed down': [2, 4, 2, 4]}

1열만 있는 경우, 1열을 잘라냅니다(영상 시리즈로 변환됨) dict 함수로 래핑합니다.

dict( myDF.iloc[:, -1] )
# [: , -1] means: return all rows, return last column)

{Jason: 25.1}

zip은 다른 선택 사항 dict= dict(zip('name',df['coverage'])이어야 합니다.

언급URL : https://stackoverflow.com/questions/52547805/how-to-convert-dataframe-to-dictionary-in-pandas-without-index

다중 로그 파일 스프링 부팅

css3 — Mon, 6 Nov 2023 21:59:37 +0900

다중 로그 파일 스프링 부팅

"@Slf4j" 주석이 달린 클래스가 있는 봄 부팅 프로젝트에서 특정 클래스에 대해 다른 파일에 기록하고 싶습니다.하지만 어떻게 하는지는 알 수 없었습니다.logback-spring.xml 파일은 다음과 같이 내 속성 파일에서 참조됩니다.

logging.config= path/to/logback-spring.xml
logging.file=myCurrentLogFile.log

지금 logback-spring.xml 파일을 하나 더 만들어야 합니까?또는 현재 파일로 구성할 수 있습니다. 그렇다면 사용할 로거를 어떻게 선택할 수 있습니까?

다른 로거와 어펜더를 추가하면 됩니다.예를 들어 다음을 사용했습니다.logback.xml

<property name="LOGS_HOME" value="/var/applications/myProject/applogs/" />

<appender name="STDOUT" class="ch.qos.logback.core.ConsoleAppender">
    <layout class="ch.qos.logback.classic.PatternLayout">
        <Pattern>
            %d{yyyy-MM-dd HH:mm:ss} [%thread] %-5level %logger{36} - %msg%n
        </Pattern>
    </layout>
</appender>

<appender name="FILE"
    class="ch.qos.logback.core.rolling.RollingFileAppender">
    <file>${LOGS_HOME}myProject_log.log</file>
    <encoder class="ch.qos.logback.classic.encoder.PatternLayoutEncoder">
        <Pattern>
            %d{yyyy-MM-dd HH:mm:ss} [%thread] %-5level %logger{36} - %msg%n
        </Pattern>
    </encoder>

    <rollingPolicy class="ch.qos.logback.core.rolling.TimeBasedRollingPolicy">
        <!-- rollover daily -->
        <fileNamePattern>${LOGS_HOME}myProject_log.%d{yyyy-MM-dd}.%i.log</fileNamePattern>
        <timeBasedFileNamingAndTriggeringPolicy class="ch.qos.logback.core.rolling.SizeAndTimeBasedFNATP">
            <maxFileSize>100MB</maxFileSize>
        </timeBasedFileNamingAndTriggeringPolicy>
    </rollingPolicy>
</appender>

<appender name="FILE-AUDIT" class="ch.qos.logback.core.rolling.RollingFileAppender">
    <file>${LOGS_HOME}myProject_audit.log</file>
    <encoder class="ch.qos.logback.classic.encoder.PatternLayoutEncoder">
        <Pattern>
            %d{yyyy-MM-dd HH:mm:ss};%msg%n
        </Pattern>
    </encoder>

    <rollingPolicy class="ch.qos.logback.core.rolling.TimeBasedRollingPolicy">
        <!-- rollover daily -->
        <fileNamePattern>${LOGS_HOME}myProject_audit.%d{yyyy-MM-dd}.%i.log</fileNamePattern>
        <timeBasedFileNamingAndTriggeringPolicy class="ch.qos.logback.core.rolling.SizeAndTimeBasedFNATP">
            <maxFileSize>100MB</maxFileSize>
        </timeBasedFileNamingAndTriggeringPolicy>
    </rollingPolicy>
</appender>

<logger name="com.myCompany.myProject" level="info" additivity="false">
    <appender-ref ref="FILE" />
    <appender-ref ref="STDOUT" />
</logger>

<logger name="audit-log" level="info" additivity="false">
    <appender-ref ref="FILE-AUDIT" />
    <appender-ref ref="STDOUT" />
</logger>

<root level="error">
    <appender-ref ref="FILE" />
    <appender-ref ref="STDOUT" />
</root>

코드에서 로거에 액세스할 수 있는 위치는 다음과 같습니다.

private static Logger audit = LoggerFactory.getLogger("audit-log");

이것은 그들을 얻을거에요.audit-log로거와 사용FILE-AUDIT입찰 참가인

"standart" appender는 지정된 패키지에 있는 클래스와 함께 사용됩니다.

private static Logger logger = LoggerFactory.getLogger(MyApplication.class);

이것은 사용할 것입니다.<logger name="com.myCompany.myProject" level="info" additivity="false">그리고 명백히 파일 신청자입니다.

만약 당신이 두개의 다른 파일을 가지길 원한다면 당신은 태그 아래에 추가할 필요가 있습니다.<appender>다음 코드:

<File name="FILE-AUDIT-SUIVI" fileName="${LOGS_HOME}myProject_audit.log">
        <PatternLayout>
            <pattern>
                ${LOGS_HOME}
            </pattern>
        </PatternLayout>
    </File>

<RollingFile name="FileAppender" fileName="${LOGS_HOME}archived/myProject_audit.log"
        filePattern="${LOGS_HOME}archived/myProject_audit.%d{yyyy-MM-dd}.%i.log">
        <PatternLayout>
            <Pattern>${LOGS_HOME}</Pattern>
        </PatternLayout>
        <Policies>
            <SizeBasedTriggeringPolicy size="10MB" />
        </Policies>
        <DefaultRolloverStrategy max="1" />
    </RollingFile>

언급URL : https://stackoverflow.com/questions/39103771/spring-boot-multiple-log-files

MySQL 오류 1062: 키에 대한 중복 항목

css3 — Mon, 6 Nov 2023 21:59:29 +0900

MySQL 오류 1062: 키에 대한 중복 항목

장고 프레임워크와 함께 사용할 몇 개의 테이블을 만들고 채우는 SQL 스크립트를 만들었습니다.

날짜 테이블에서 다음과 같이 UNIECIAL 제약 조건을 사용하여 모이 열을 만듭니다.

    CREATE TABLE date (
        dateID int NOT NULL,
        annee int NOT NULL,
        mois int NOT NULL,
        .
        .
        CONSTRAINT PK_date PRIMARY KEY (dateID, annee, mois, semaine, jour),
        UNIQUE KEY idx_mois (mois),
    ) Engine=innoDB;

FKs 정의는 다음과 같습니다.

CREATE TABLE astreinte_mensu (
dateID int NOT NULL PRIMARY KEY,
annee int,
mois int,
Personne1Nuit int,
Personne2Nuit int,
Personne1Jour int,
Personne2Jour int,
FOREIGN KEY (annee) REFERENCES date(annee),
FOREIGN KEY (mois) REFERENCES date(mois),
FOREIGN KEY (Personne1Nuit) REFERENCES contact(PersonID),
FOREIGN KEY (Personne2Nuit) REFERENCES contact(PersonID),
FOREIGN KEY (Personne1Jour) REFERENCES contact(PersonID),
FOREIGN KEY (Personne2Jour) REFERENCES contact(PersonID)

) Engine=innoDB;

스크립트의 후반부에 절차 fill_date:

CREATE PROCEDURE fill_date()
BEGIN
DECLARE currentdate DATE;
DECLARE stopdate DATE;
SET currentdate = CURDATE();
SET stopdate = ADDDATE(currentdate, INTERVAL 1 YEAR);
WHILE currentdate < stopdate DO
INSERT INTO date VALUES (
YEAR(currentdate)*10000+MONTH(currentdate)*100 + DAY(currentdate),
YEAR(currentdate),
MONTH(currentdate),
WEEKOFYEAR(currentdate),
DAY(currentdate));

SET currentdate = ADDDATE(currentdate,INTERVAL 1 DAY);
END WHILE;
END

파일을 실행할 때 중복 입력과 관련된 오류가 발생했습니다.

그래서 내 테이블은 2018년 6월부터 2019년 6월까지인데 그것 때문에 오류가 발생하고 있습니다.

121행의 오류 1062(23000): 키 'idx_mois'에 대한 중복 항목 '6'이(가) 있습니다.

누가 내 양초에 불을 붙여줄 수 있습니까?

EDIT: Astreinte_mensu를 링크하고 싶기 때문에 장고의 ForeignKey.to _field 인수에 UNIQUE 제약 조건이 필요합니다.Mois 필드에서 Date.mois 필드로 이동합니다.이렇게 해서 이 django admin 페이지의 스크린샷처럼 완전한 날짜가 아닌 months가 표시되었으면 좋겠습니다.

날짜의 구성요소에 대한 열이 없으며 대신에 분할합니다.SELECT다양한 날짜 시간 함수를 사용하는 쪽

숫자 및 문자열 함수보다 선호하는 날짜 산술 함수를 사용합니다.예CURDATE() - INTERVAL 2 MONTH.

UNIQUE KEY idx_mois (mois)당신이 그 표에서 12개 이상의 행을 가질 수 없다는 것을 의미합니까?아니면 어떻게든 12개월 이상의 시간이 있습니까?아마도 당신이 의도한 것은 아니었을 것입니다.UNIQUE?

언급URL : https://stackoverflow.com/questions/50854119/mysql-error-1062-duplicate-entry-for-key

getString() 대신 JDBC getNString()을 사용해야 합니까?

css3 — Mon, 6 Nov 2023 21:59:22 +0900

getString() 대신 JDBC getNString()을 사용해야 합니까?

JDBC(드라이버)를 사용하여 액세스하는 Oracle 데이터베이스를 통해 지원되는 Java 애플리케이션을 구축하고 있습니다.ojdbc6.jar그리고.orai18n.jar데이터베이스 스키마는 텍스트 열을 주로 사용하여 저장합니다.NVARCHAR2자료형.

JDBC에 대한 JDBC 문서ResultSet라고 합니다getNString()특히 NCAR, NVARCHAR 등의 데이터 유형과 함께 사용하기 위한 것이지만, 현재 우리는 단지 사용하고 있습니다.getString().

이거는 잘 되는 것 같은데 왜 써야 하는지 궁금합니다.getNString()보다는getString(). 이스getString()ASC가 아닌 경우 실패 시작II 문자가 입력되어 있거나 Oracle JDBC 드라이버가 어떤 메서드를 사용해야 하는지에 대해 무관심합니까?

편집: 데이터베이스에 의존적일 수 있습니다. SQL Server는 연결 매개 변수에 따라 사용자가 어떤 것을 사용하는지 신경 쓰지 않는 것 같습니다.오라클에 대한 구체적인 정보가 있는 사람?

우리 어플에 테스트를 해보았는데 아마getNString()Java 6, JDBC 6, Oracle JDBC 6 드라이버 및 Oracle 11.1.0.6.0에서는 불필요합니다.제가 사용한 테스트 문자열은 http://en.wikipedia.org/wiki/Unicode 에서 복사한 "δ, й, ק, م, ๗, あ, 叶, 말"입니다.

대부분의 데이터 액세스는 저장 프로시저를 통해 이루어집니다.자바는 다음을 통해 위의 테스트 문자열을 올바르게 설정하고 검색할 수 있었습니다.setObject()그리고.getString()(아니오)setString()추상화의 이유로), 인터페이스에서 데이터를 수집하고 예상대로 인터페이스에 다시 기록합니다.

이런 이유로getString()Oracle 11g(위 링크의 SQL Server와 같이)로 Unicode 데이터에 대해 정상적으로 작동하므로 우리는 이것을 사용하지 않고 계속 사용할 것입니다.getNString().

만약 당신의 DB가NVARCHAR2데이터 유형, 다국어 데이터를 저장하도록 설계되었습니다.유니코드 데이터가 해당 열에 저장되어 있으면 프로그램이 중단됩니다.내가 너라면, 나는 그 곳으로 옮겨갈 것입니다.getNXXX()방법들

언급URL : https://stackoverflow.com/questions/5892163/should-i-be-using-jdbc-getnstring-instead-of-getstring

.replace 또는 .strip과 같은 문자열 메서드를 호출하면 문자열을 수정(변형)하지 않는 이유는 무엇입니까?

css3 — Mon, 6 Nov 2023 21:59:16 +0900

.replace 또는 .strip과 같은 문자열 메서드를 호출하면 문자열을 수정(변형)하지 않는 이유는 무엇입니까?

간단한 문자열 교체를 위해 이 코드를 시도했습니다.

X = "hello world"
X.replace("hello", "goodbye")

왜 안해요?X변경, 부터"hello world"로."goodbye world"?

이것은 Python에서 문자열은 불변하기 때문입니다.

그 말은.X.replace("hello","goodbye")의 복사본을 교체한 상태로 반환합니다.이 때문에 이 줄을 교체해야 합니다.

X.replace("hello", "goodbye")

다음 행과 함께:

X = X.replace("hello", "goodbye")

이는 문자열의 내용을 "제자리"로 변경하는 모든 파이썬 문자열 방식에 적용됩니다.replace,strip,translate,lower/upper,join,...

폐기하지 않고 사용하려면 출력물을 어떤 것에 할당해야 합니다.

X  = X.strip(' \t')
X2 = X.translate(...)
Y  = X.lower()
Z  = X.upper()
A  = X.join(':')
B  = X.capitalize()
C  = X.casefold()

등등.

모든 문자열은 다음과 같이 기능합니다.lower,upper,strip원본을 수정하지 않고 문자열을 반환합니다.만약 당신이 생각하는 것처럼 문자열을 수정하려고 한다면,well it is an iterable, 실패할 겁니다

x = 'hello'
x[0] = 'i' #'str' object does not support item assignment

문자열의 불변성의 중요성에 대한 좋은 해석이 있습니다.파이썬 문자열은 왜 불변입니까? 모범 사례를 사용하는 모범 사례

언급URL : https://stackoverflow.com/questions/9189172/why-doesnt-calling-a-string-method-such-as-replace-or-strip-modify-mutate

mysql 콘솔 내부의 mysql 덤프

css3 — Mon, 6 Nov 2023 21:59:10 +0900

mysql 콘솔 내부의 mysql 덤프

MySQL 콘솔 내에서 MySQL 덤프를 수행할 수 있는 SQL 명령어가 있습니까?

내 sqdump를 사용해 보았지만 작동이 되지 않습니다.

SQL 파일로 출력하려고 합니다.

mysqldump는 mysql 콘솔과 같은 외부 명령이므로 MySQL 콘솔 내에서 mysqldump를 실행할 수 없습니다.

콘솔을 종료하고 다음과 같이 mysqldump 명령을 사용합니다.

mysqldump -u 사용자 이름 -p -h 호스트 이름 (또는 ip address) 데이터베이스 이름 > sqlfilename

비밀번호를 묻습니다.

mysqldump에 대한 더 자세한 내용은 http://dev.mysql.com/doc/refman/5.1/en/mysqldump.html 에서 확인할 수 있습니다.

사용하다\!:

\! mysqldump -u username -p database > database_dump.sql

MySQL 설명서 참조(시스템 명령 참조)

용도:

mysqdump -u 사용자 이름 -p 데이터베이스

데이터베이스: 데이터베이스 이름
사용자 이름: dbuser

언급URL : https://stackoverflow.com/questions/9460729/mysql-dump-inside-mysql-console

파괴된 보기 사용 시도: 변경사항 탐지

css3 — Mon, 6 Nov 2023 21:59:04 +0900

파괴된 보기 사용 시도: 변경사항 탐지

저는 Angular Meteor 2를 이용해 간단한 UI를 만들고 있습니다.

1) 나는 '로그아웃' 버튼이 있는 상단 navbar 부품을 가지고 있습니다.
2) 로그아웃' 버튼을 클릭하면 '로그인'으로 리디렉션됩니다.
3) 그러면 콘솔에 다음과 같은 오류가 나타납니다.EXCEPTION: Attempt to use a destroyed view: detectChanges

예외:

EXCEPTION: Attempt to use a destroyed view: detectChanges
browser_adapter.js:77 EXCEPTION: Attempt to use a destroyed view: detectChangesBrowserDomAdapter.logError @ browser_adapter.js:77BrowserDomAdapter.logGroup @ browser_adapter.js:87ExceptionHandler.call @ exception_handler.js:57(anonymous function) @ application_ref.js:265schedulerFn @ async.js:123SafeSubscriber.__tryOrUnsub @ Subscriber.js:225SafeSubscriber.next @ Subscriber.js:174Subscriber._next @ Subscriber.js:124Subscriber.next @ Subscriber.js:88Subject._finalNext @ Subject.js:128Subject._next @ Subject.js:120Subject.next @ Subject.js:77EventEmitter.emit @ async.js:112onError @ ng_zone.js:120onHandleError @ ng_zone_impl.js:66ZoneDelegate.handleError @ angular2-polyfills.js:394Zone.runTask @ angular2-polyfills.js:323ZoneTask.invoke @ angular2-polyfills.js:490
browser_adapter.js:77 STACKTRACE:BrowserDomAdapter.logError @ browser_adapter.js:77ExceptionHandler.call @ exception_handler.js:59(anonymous function) @ application_ref.js:265schedulerFn @ async.js:123SafeSubscriber.__tryOrUnsub @ Subscriber.js:225SafeSubscriber.next @ Subscriber.js:174Subscriber._next @ Subscriber.js:124Subscriber.next @ Subscriber.js:88Subject._finalNext @ Subject.js:128Subject._next @ Subject.js:120Subject.next @ Subject.js:77EventEmitter.emit @ async.js:112onError @ ng_zone.js:120onHandleError @ ng_zone_impl.js:66ZoneDelegate.handleError @ angular2-polyfills.js:394Zone.runTask @ angular2-polyfills.js:323ZoneTask.invoke @ angular2-polyfills.js:490
browser_adapter.js:77 Error: Attempt to use a destroyed view: detectChanges
    at ViewDestroyedException.BaseException [as constructor] (http://localhost:3000/packages/modules.js?hash=560db94ec01c0b3e8f499491ffcce7a2ec6c3c5e:3349:23)
    at new ViewDestroyedException (http://localhost:3000/packages/modules.js?hash=560db94ec01c0b3e8f499491ffcce7a2ec6c3c5e:10626:16)
    at DebugAppView.AppView.throwDestroyedError (http://localhost:3000/packages/modules.js?hash=560db94ec01c0b3e8f499491ffcce7a2ec6c3c5e:11277:72)
    at DebugAppView.AppView.detectChanges (http://localhost:3000/packages/modules.js?hash=560db94ec01c0b3e8f499491ffcce7a2ec6c3c5e:11230:18)
    at DebugAppView.detectChanges (http://localhost:3000/packages/modules.js?hash=560db94ec01c0b3e8f499491ffcce7a2ec6c3c5e:11321:44)
    at ViewRef_.detectChanges (http://localhost:3000/packages/modules.js?hash=560db94ec01c0b3e8f499491ffcce7a2ec6c3c5e:11011:65)
    at http://localhost:3000/app/app.js?hash=323b1216814e80ed467d95bcda255eb217d7c468:2224:23
    at ZoneDelegate.invokeTask (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4721:174)
    at Object.onInvokeTask (http://localhost:3000/packages/modules.js?hash=560db94ec01c0b3e8f499491ffcce7a2ec6c3c5e:9393:41)
    at ZoneDelegate.invokeTask (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4721:72)
  -------------   Elapsed: 80 ms; At: Wed Jun 15 2016 20:22:09 GMT-0700 (PDT)   -------------  
    at Object.onScheduleTask (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:5734:30)
    at ZoneDelegate.scheduleTask (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4704:57)
    at Zone.scheduleMacroTask (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4652:47)
    at http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4467:37
    at setTimeout (eval at createNamedFn (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:5346:24), <anonymous>:3:37)
    at new TopNavbarComponent (http://localhost:3000/app/app.js?hash=323b1216814e80ed467d95bcda255eb217d7c468:2221:9)
    at DebugAppView._View_HomeComponent0.createInternal (HomeComponent.template.js:48:34)
    at DebugAppView.AppView.create (http://localhost:3000/packages/modules.js?hash=560db94ec01c0b3e8f499491ffcce7a2ec6c3c5e:11098:21)
  -------------   Elapsed: 2 ms; At: Wed Jun 15 2016 20:22:09 GMT-0700 (PDT)   -------------  
    at Object.onScheduleTask (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:5734:30)
    at ZoneDelegate.scheduleTask (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4704:57)
    at Zone.scheduleMicroTask (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4649:47)
    at scheduleResolveOrReject (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4928:22)
    at resolvePromise (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4893:29)
    at http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4930:25
    at ZoneDelegate.invokeTask (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4721:174)
    at Object.onInvokeTask (http://localhost:3000/packages/modules.js?hash=560db94ec01c0b3e8f499491ffcce7a2ec6c3c5e:9393:41)
  -------------   Elapsed: 0 ms; At: Wed Jun 15 2016 20:22:09 GMT-0700 (PDT)   -------------  
    at Object.onScheduleTask (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:5734:30)
    at ZoneDelegate.scheduleTask (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4704:57)
    at Zone.scheduleMicroTask (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4649:47)
    at scheduleResolveOrReject (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4928:22)
    at ZoneAwarePromise.then (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:5011:25)
    at RuntimeCompiler.resolveComponent (http://localhost:3000/packages/modules.js?hash=560db94ec01c0b3e8f499491ffcce7a2ec6c3c5e:40230:14)
    at DynamicComponentLoader_.loadNextToLocation (http://localhost:3000/packages/modules.js?hash=560db94ec01c0b3e8f499491ffcce7a2ec6c3c5e:10788:31)
    at RouterOutlet.activate (http://localhost:3000/packages/modules.js?hash=560db94ec01c0b3e8f499491ffcce7a2ec6c3c5e:26844:26)
  -------------   Elapsed: 0 ms; At: Wed Jun 15 2016 20:22:09 GMT-0700 (PDT)   -------------  
    at Object.onScheduleTask (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:5734:30)
    at ZoneDelegate.scheduleTask (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4704:57)
    at Zone.scheduleMicroTask (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4649:47)
    at scheduleResolveOrReject (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4928:22)
    at resolvePromise (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4893:29)
    at http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4877:21
    at ZoneDelegate.invoke (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4696:161)
    at Object.onInvoke (http://localhost:3000/packages/modules.js?hash=560db94ec01c0b3e8f499491ffcce7a2ec6c3c5e:9402:41)
  -------------   Elapsed: 0 ms; At: Wed Jun 15 2016 20:22:09 GMT-0700 (PDT)   -------------  
    at Object.onScheduleTask (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:5734:30)
    at ZoneDelegate.scheduleTask (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4704:57)
    at Zone.scheduleMicroTask (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4649:47)
    at scheduleResolveOrReject (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4928:22)
    at resolvePromise (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4893:29)
    at http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4877:21
    at ZoneDelegate.invoke (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4696:161)
    at Object.onInvoke (http://localhost:3000/packages/modules.js?hash=560db94ec01c0b3e8f499491ffcce7a2ec6c3c5e:9402:41)
  -------------   Elapsed: 0 ms; At: Wed Jun 15 2016 20:22:09 GMT-0700 (PDT)   -------------  
    at Object.onScheduleTask (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:5734:30)
    at ZoneDelegate.scheduleTask (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4704:57)
    at Zone.scheduleMicroTask (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4649:47)
    at scheduleResolveOrReject (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4928:22)
    at resolvePromise (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4893:29)
    at http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4930:25
    at ZoneDelegate.invokeTask (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4721:174)
    at Object.onInvokeTask (http://localhost:3000/packages/modules.js?hash=560db94ec01c0b3e8f499491ffcce7a2ec6c3c5e:9393:41)
  -------------   Elapsed: 1 ms; At: Wed Jun 15 2016 20:22:09 GMT-0700 (PDT)   -------------  
    at Object.onScheduleTask (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:5734:30)
    at ZoneDelegate.scheduleTask (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4704:57)
    at Zone.scheduleMicroTask (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4649:47)
    at scheduleResolveOrReject (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4928:22)
    at ZoneAwarePromise.then (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:5011:25)
    at http://localhost:3000/packages/modules.js?hash=560db94ec01c0b3e8f499491ffcce7a2ec6c3c5e:26895:53
    at http://localhost:3000/packages/meteor.js?hash=ae8b8affa9680bf9720bd8f7fa112f13a62f71c3:1105:22
    at ZoneDelegate.invoke (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4696:161)
  -------------   Elapsed: 0 ms; At: Wed Jun 15 2016 20:22:09 GMT-0700 (PDT)   -------------  
    at Object.onScheduleTask (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:5734:30)
    at ZoneDelegate.scheduleTask (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4704:57)
    at Zone.scheduleMicroTask (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4649:47)
    at scheduleResolveOrReject (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4928:22)
    at resolvePromise (http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4893:29)
    at http://localhost:3000/packages/barbatus_angular2-runtime.js?hash=fda9b73362c52e988ad030102a9f58e4d584cda3:4877:21
    at http://localhost:3000/packages/meteor.js?hash=ae8b8affa9680bf9720bd8f7fa112f13a62f71c3:1105:22BrowserDomAdapter.logError @ browser_adapter.js:77ExceptionHandler.call @ exception_handler.js:60(anonymous function) @ application_ref.js:265schedulerFn @ async.js:123SafeSubscriber.__tryOrUnsub @ Subscriber.js:225SafeSubscriber.next @ Subscriber.js:174Subscriber._next @ Subscriber.js:124Subscriber.next @ Subscriber.js:88Subject._finalNext @ Subject.js:128Subject._next @ Subject.js:120Subject.next @ Subject.js:77EventEmitter.emit @ async.js:112onError @ ng_zone.js:120onHandleError @ ng_zone_impl.js:66ZoneDelegate.handleError @ angular2-polyfills.js:394Zone.runTask @ angular2-polyfills.js:323ZoneTask.invoke @ angular2-polyfills.js:490
Subscriber.js:229 Uncaught Attempt to use a destroyed view: detectChanges

상단-내브바.구성요소.ts

"use strict";
import {Logger} from "../services/logger.service";
import {Component, ChangeDetectionStrategy, ChangeDetectorRef} from '@angular/core';
import {User} from "../models/user";
import {Router} from '@angular/router-deprecated';
import {UserService} from "../services/user.service";
import {CORE_DIRECTIVES} from '@angular/common';
import {DROPDOWN_DIRECTIVES} from '../../node_modules/ng2-bootstrap';

@Component({
    selector: 'top-navbar',
    templateUrl: 'client/top-navbar/top-navbar.html',
    bindings: [UserService, Logger],
    directives: [CORE_DIRECTIVES, DROPDOWN_DIRECTIVES]
})

export class TopNavbarComponent {

    public user:User;

    public statusDropdown = {
        isOpen: false
    };

    constructor(private userService:UserService, private router:Router, private logger:Logger, private ref:ChangeDetectorRef) {
        setTimeout(() => {
            this.ref.markForCheck();
            this.user = this.userService.getLoggedInUser();
            this.ref.detectChanges();
        }, 0)
    }

    logout() {
        this.logger.warn('[Top Navbar] Logging out the user.');
        localStorage.clear();
        this.router.navigateByUrl('/login');
    }
}

여기가 제 login.component.ts 입니다.

"use strict";
import { Component, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
import { FormBuilder, ControlGroup, Validators } from '@angular/common';
import { MeteorComponent } from 'angular2-meteor';
import { Router } from '@angular/router-deprecated';
import { Logger } from "../services/logger.service";

@Component({
    selector: 'login',
    templateUrl: 'client/login/login.html',
    changeDetection: ChangeDetectionStrategy.OnPush,
    bindings: [Logger]
})

export class LoginComponent extends MeteorComponent {

    loginForm:ControlGroup;
    loginFailed = false;

    constructor(private _logger:Logger, private _router:Router, private ref:ChangeDetectorRef) {
        super();
        let fb = new FormBuilder();
        this.loginForm = fb.group({
            username: ["", Validators.required],
            password: ["", Validators.required]
        });
    }

    login() {


        this.call('authenticateUser', this.loginForm.value.username, this.loginForm.value.password, (err, data) => {

            if (err) {
                this._logger.error(err);

            } else {
                this._logger.info('[Authentication API] ', data);

                if (data.status != 'LOGIN_SUCCESS') {
                    this.loginFailed = true;

                } else {
                    this.loginFailed = false    ;
                    var user = {
                        id: data.id,
                        name: data.name,
                        role: data.role
                    }
                    localStorage.setItem('user', JSON.stringify(user));
                    this._router.navigate(['Home'])
                }
                //This is required for letting Angular know that something has changed.
                //Because this part of code runs out of Angular zone.
                this.ref.markForCheck();  // Mark this component and its children for change detection in next detecting cycle.
                this.ref.detectChanges(); // Trigger change detection.

            }

        });
    }
}

저에게 효과적인 유일한 해결책은 다음과 같습니다.

if (!this.changeDetectionRef['destroyed']) {
    this.changeDetectionRef.detectChanges();
}

저도 당신과 같은 문제를 해결했지만, 훨씬 작은 코드로 당신이 문제를 해결하는 데 도움이 될 수 있는 점을 말씀드리겠습니다.

그 문제는 분명히 다음과 같습니다.detectChanges()변경이 이루어졌고 구성 요소의 파괴 단계에서 메소드가 호출되었기 때문입니다.

따라서 구성요소를 다음과 같이 구성해야 합니다.implements OnDestroy, 그 다음에 당신은 다음과 같은 변경을 취소해야 합니다.this.ref.detectChanges()부름을 받는그래서 당신의TopNavbarComponent다음과 유사해야 합니다.

export class TopNavbarComponent implements OnDestroy {
  // ... your code

  ngOnDestroy() {
    this.cdRef.detach(); // do this

    // for me I was detecting changes using `detectChanges()` inside a subscription with `subscribe()` to observable without limitation, so was enough for me to just `unsubscribe()` like the following line;
    // this.authObserver.unsubscribe();
  }
}

추신: 잊지 마세요.unsubscribe()당신의 부품에 있는 모든 관찰자들!어쨌든, 구독을 취소하지 않는 것이 이것을 포함한 수백 가지 문제의 주요 원인이 될 수 있습니다. 각/RxJs 언제 구독을 취소해야 합니까?를 참조하십시오.

편집: 웹에서 오류 자체를 처리하여 문제를 해결하려는 다른 솔루션은 알고 있지만 가장 좋은 방법은 문제의 근본을 아는 것입니다. 보기가 파괴되었는지 여부를 확인하는 것이 원래 원인은 메모리 누출의 문제가 될 수 있으므로 좋은 솔루션인지 확인하는 것입니다. 누가 알겠어요! 그래서 문제의 근본은 서비스 ne를 실행하는 것입니다.삭제할 eds 문제의 근본을 모른 채 오류 자체를 삭제하려고만 하는 것이 아닙니다. 예를 들어 실행 중인 구독(특히 사용자 지정 구독)을 닫아야 합니다.

그래서! 집안일을 하는 것은 더 나은 성능을 위해 필요합니다. 항상 더 쉽고 빠른 해결책이 더 좋은 해결책은 아닙니다. 카펫 밑에 먼지를 숨긴다고 해서 방이 정말 멋져 보인다고 해서 "청소"를 하는 것은 아닙니다.

사용가능

this.cdref.markForCheck();

대신에this.cdref.detectChanges(); 많은 경우에하지만 가장 좋은 방법은 @Al-Mothafar 팁을 따르는 것입니다.

다음을 통해 해결했습니다.

if (!(<ViewRef>this.cd).destroyed) {
   this.cd.detectChanges();
}

ChangeDetectorRef OnDestroy 라이프사이클 후크를 분리하고 DetectChanges 메서드를 실행하기 전에 ChangeDetectorRef가 파괴되었는지 확인하기만 하면 됩니다.

    constructor(private cd: ChangeDetectorRef){}

    someFunction(){
      if(!this.cd['destroyed']){
        this.cd.detectChanges();
      }
    }

    ngOnDestroy(){
      this.cd.detach();
    }

변수에 가입자 값을 구하고 동일한 변수로 가입을 취소해야 합니다.동일한 코드를 참고하시기 바랍니다.

import { Component, OnInit, ChangeDetectionStrategy, ChangeDetectorRef, OnDestroy } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/of';
import { Cartservice } from './../cartservice.service';
import { ISubscription } from 'rxjs/Subscription';



export class CartComponent implements OnInit, OnDestroy {

private subscription: ISubscription;
ngOnInit() {
    this.subscription = this.cartservice.productsObservable.subscribe(cart => {
      this.cartProducts = cart.products;
      this.cartTotal = cart.cartTotal;
      this.changeDetectorRef.detectChanges();
    });
  }

 ngOnDestroy() {
    this.subscription.unsubscribe();
  }
}

methodOnDestroy()의 변경사항을 등록 취소했습니다.

내 해결책은 모든 관찰자들의 구독을 취소하는 것이었습니다.

ngOnInit() {
     this._currentUserSubscription = this._auth.currentUser.subscribe(currentUser => {});
}

changeDetector.detach()를 사용한 구독 취소:

ngOnDestroy() {
    this._currentUserSubscription.unsubscribe();
    this._cdRef.detach();
}

그것은 제 코드에 꼭 필요한 것이었습니다. 저는 ChangeDetectorRef 기능도 사용해야 하는데, 그 두 가지만 오류 없이 제 코드를 보여줍니다.

내 원인은 NgbActiveModal로 모달 대화를 열려고 할 때 발생했습니다.전화를 건 것 같습니다..dismiss()자체적으로ngOnInit()원인이 됩니다.

export class MyModal {
    constructor(private modalInstance: NgbActiveModal) {
    }

    ngOnInit() {
       if (foo) this.modalInstance.dismiss();
    }

해결책은 해고 전에 잠깐 기다리는 것이었습니다.

if (foo) setTimeout(() => this.modalInstance.dismiss());

저에게 효과적인 해결책은 다음과 같습니다.

ngOnInit() {
    if (this.destroyedComponent) this.changeDetector.reattach();

this.destroyedComponent = false;
this.subscription = this.reactive.channel$.subscribe(msg => {
  switch (msg) {
    case "config:new_data":
      if (!this.destroyedComponent) {
        this.table.initTable();
        this.changeDetector.detectChanges();
      }
  }
})
}

ngOnDestroy() {
   this.subscription = null;
   this.destroyedComponent = true;
   this.changeDetector.detach();
}

설명:

구성요소가 이전에 파괴된 경우 디텍터를 다시 부착합니다.
이전 플래그를 거짓 값으로 설정합니다.
RxJs 구독을 저장하고 원하는 논리를 내부에 설정합니다.
구성 요소가 이전에 선언된 플래그에 의해 파괴된 것으로 설정되었는지 여부를 확인하는 조건으로 해당 로직을 래핑합니다.
해당 블록 내부의 변경사항을 원하는 대로 탐지합니다.
ngOnDestroy() 메서드를 설정하고 구독을 무효화한 다음 destroyComponent 플래그를 truth 값으로 설정하고 changeDetector를 분리합니다.

저의 경우, 컴포넌트 구성 및 컴파일의 비동기 테스트 설정을 잘못 관리한 문제였습니다.

오류 코드에 TypeScript Async/Await을 사용하는 각() 앞에 단수 비동기가 있었습니다.
작동시키기 위해 각() 이전에 두 개를 사용하고 있는데, 첫 번째는 각()의 비동기()를 사용하여 비동기를 처리하고, 두 번째는 각()이 동기화되기 전에 사용합니다.

코드가 오류를 일으킵니다.

beforeEach(async () => {
    await TestBed.configureTestingModule({
        imports: [
            BrowserAnimationsModule
        ],
        providers: [
            { provide: ComponentFixtureAutoDetect, useValue: true },
            { provide: OptionsService, useValue: optionServiceMock },
        ],
        declarations: [EventLogFilterComponent],
        schemas: [NO_ERRORS_SCHEMA]
    }).compileComponents();
    fixture = TestBed.createComponent(EventLogFilterComponent);
    component = fixture.componentInstance;
    optionsService = TestBed.get(OptionsService);
    component.filterElem = jasmine.createSpyObj('filterElem', ['close']);
    fixture.detectChanges();
});

고쳤는데...

beforeEach(async(() => {
    TestBed.configureTestingModule({
        imports: [
            BrowserAnimationsModule
        ],
        providers: [
            { provide: ComponentFixtureAutoDetect, useValue: true },
            { provide: OptionsService, useValue: optionServiceMock },
        ],
        declarations: [EventLogFilterComponent],
        schemas: [NO_ERRORS_SCHEMA]
    }).compileComponents();
}));

beforeEach(() => {
    fixture = TestBed.createComponent(EventLogFilterComponent);
    component = fixture.componentInstance;
    optionsService = TestBed.get(OptionsService);
    component.filterElem = jasmine.createSpyObj('filterElem', ['close']);
    fixture.detectChanges();
});

구체적인 질문과 관련된 것은 아니지만, 같은 오류를 검색해서 여기에 착륙했으니 해결 방법을 공유하겠습니다.문제는 제가 전화를 했다는 것입니다.fixture.detectChanges()안에서.fixture.whenStable().then(() => {})시험을 안에 포장하지 않고async기능.

it('should...', () => {
  fixture.whenStable().then(() => {
    fixture.detectChanges();
  });
});

이후:

it('should...', async(() => {
  fixture.whenStable().then(() => {
    fixture.detectChanges();
  });
}));

이런 대답은 도움이 되지 않습니다.다른 해결책을 찾았습니다.

하위 구성 요소는 닫기 버튼을 클릭하면 발생하는 출력을 가집니다.

<child-component
    *ngIf="childComponentIsShown"
    (formCloseEmitter)="hideChildComponent()"
></child-component>

그리고 상위 구성요소에서 "hideChildComponent()" 메서드가 변경 사항을 감지합니다.

hideChildComponent() {
  this.childComponentIsShown = false;
  this.cdr.detectChanges();
}

이것이 누군가에게 도움이 되길 바랍니다.

이 오류를 방지하려면 detectChanges()를 호출하는 대신 다음과 같이 코드를 변경하는 모델을 래핑합니다.

this.ngZone.run(() => {
      ...
});

단순:

import { OnDestroy } from '@angular/core';
import { Subject } from 'rxjs/Subject';

export class Component implements OnDestroy {
    componentDestroyed: Subject<boolean> = new Subject();

constructor() { }

function() {
   this.service.serviceFunction
     .takeUntil(this.componentDestroyed)
     .subscribe((incomingObservable: Type) => {
       this.variable = incomingObservable;
     });
  }

ngOnDestroy() {
   this._cdRef.detach(); //If you use change dectector
   this.componentDestroyed.next(true);
   this.componentDestroyed.complete();
}

지연 매개변수 없이 setTimeout을 사용해 봅니다.모델 업데이트가 끝난 후 변경 사항을 지연 없이 설정하는 것은 까다로운 방법이기 때문에 저에게는 잘 작동했습니다.

setTimeout(() => {
   if (!this.ref['destroyed']) {
      this.ref.detectChanges();
   }   
});

언급URL : https://stackoverflow.com/questions/37849453/attempt-to-use-a-destroyed-view-detectchanges

쿼리 인덱스를 최적화하는 이상한 동작(MariaDB + InnoDB)

css3 — Mon, 6 Nov 2023 21:58:50 +0900

쿼리 인덱스를 최적화하는 이상한 동작(MariaDB + InnoDB)

저는 현재 프로젝트의 꽤 큰 테이블에 대한 인덱스를 최적화하려고 노력하고 있으며 설명 결과와 실제 쿼리 실행 시간 사이에서 매우 역직관적인 동작을 경험하고 있습니다.

서버에서 MariaDB 버전 10.1.26-MariaDB-0+deb9u1을 실행하고 있으며 다음 구성 옵션이 있습니다.

key_buffer_size         = 5G
max_allowed_packet      = 16M
thread_stack            = 192K
thread_cache_size       = 8

myisam_sort_buffer_size = 512M
read_buffer_size        = 2M
read_rnd_buffer_size    = 1M

query_cache_type = 0
query_cache_limit = 256K
query_cache_min_res_unit = 2k
query_cache_size = 0M

join_buffer_size = 8M
sort_buffer_size = 8M
tmp_table_size = 64M
max_heap_table_size = 64M
table_open_cache = 4K
performance_schema = ON
innodb_buffer_pool_size = 30G
innodb_log_buffer_size = 4MB
innodb_log_file_size = 1G
innodb_buffer_pool_instances = 10

테이블 모양에는 최대 12.1까지 합하여 약 680만 개의 행이 포함되어 있습니다.GB이며 다음과 같습니다.

CREATE TABLE `ad_master_test` (
    `ID_AD_MASTER` BIGINT(20) UNSIGNED NOT NULL AUTO_INCREMENT,
    /* Some more attribute fields (mainly integers) ... */
    `FK_KAT` BIGINT(20) UNSIGNED NOT NULL,
    /* Some more content fields (mainly varchars/integers) ... */
    `STAMP_START` DATETIME NULL DEFAULT NULL,
    `STAMP_END` DATETIME NULL DEFAULT NULL,
    PRIMARY KEY (`ID_AD_MASTER`),
    INDEX `TEST1` (`STAMP_START`, `FK_KAT`),
    INDEX `TEST2` (`FK_KAT`, `STAMP_START`)
)
COLLATE='utf8_general_ci'
ENGINE=InnoDB
ROW_FORMAT=DYNAMIC
AUTO_INCREMENT=14149037;

저는 이미 문제를 더 잘 설명하기 위해 가능한 한 간단하게 질의를 마쳤습니다.저는 여기서 제 문제를 설명하기 위해 FORCE INDEX를 사용하고 있습니다.

이 첫 번째 인덱스는 설명문을 사용하여 최적화되었으며 (설명 출력과 관련하여) 상당히 유망해 보입니다.

SELECT * 
FROM `ad_master_test`
FORCE INDEX (TEST1)
WHERE FK_KAT IN
    (94169,94163,94164,94165,94166,94167,94168,94170,94171,94172,
     94173,94174,94175,94176,94177,94162,99606,94179,94180,94181,
     94182,94183,94184,94185,94186,94187,94188,94189,94190,94191,
     94192,94193,94194,94195,94196,94197,94198,94199,94200,94201,
     94202,94203,94204,94205,94206,94207,94208,94209,94210,94211,
     94212,94213,94214,94215,94216,94217,94218,94219,94220,94221,
     94222,94223,94224,94225,94226,94227,94228,94229,94230,94231,
     94232,94233,94234,94235,94236,94237,94238,94239,94240,94241,
     94178,94161)

ORDER BY STAMP_START DESC
LIMIT 24

이 결과는 다음을 설명합니다.

id     select_type   table            type     possible_keys   key     key_len    ref        rows      Extra
1      SIMPLE        ad_master_test   index    (NULL)          TEST1   14         (NULL)     24        Using where

그리고 이 프로필은:

Status                  Duration
starting                0.000180
checking permissions    0.000015
Opening tables          0.000041
After opening tables    0.000013
System lock             0.000011
Table lock              0.000013
init                    0.000115
optimizing              0.000044
statistics              0.000050
preparing               0.000039
executing               0.000009
Sorting result          0.000016
Sending data            4.827512
end                     0.000023
query end               0.000008
closing tables          0.000004
Unlocking tables        0.000014
freeing items           0.000011
updating status         0.000132
cleaning up             0.000021

두 번째 인덱스는 필드가 뒤바뀐 것입니다(여기서는 https://dev.mysql.com/doc/refman/8.0/en/order-by-optimization.html ). 이는 꽤 끔찍해 보입니다(설명 출력 regarding).

SELECT * 
FROM `ad_master_test`
FORCE INDEX (TEST2)
WHERE FK_KAT IN (94169,94163,94164,94165,94166,94167,94168,94170,94171,94172,94173,94174,94175,94176,94177,94162,99606,94179,94180,94181,94182,94183,94184,94185,94186,94187,94188,94189,94190,94191,94192,94193,94194,94195,94196,94197,94198,94199,94200,94201,94202,94203,94204,94205,94206,94207,94208,94209,94210,94211,94212,94213,94214,94215,94216,94217,94218,94219,94220,94221,94222,94223,94224,94225,94226,94227,94228,94229,94230,94231,94232,94233,94234,94235,94236,94237,94238,94239,94240,94241,94178,94161)
ORDER BY STAMP_START DESC
LIMIT 24

이 결과는 다음을 설명합니다.

id     select_type   table            type     possible_keys   key     key_len    ref        rows      Extra
1      SIMPLE        ad_master_test   range    TEST2           TEST2   8          (NULL)     497.766   Using index condition; Using filesort

그리고 이 프로필은:

Status                 Duration
starting               0.000087
checking permissions   0.000007
Opening tables         0.000021
After opening tables   0.000007
System lock            0.000006
Table lock             0.000005
init                   0.000058
optimizing             0.000023
statistics             0.000654
preparing              0.000480
executing              0.000008
Sorting result         0.433607
Sending data           0.001681
end                    0.000010
query end              0.000007
closing tables         0.000003
Unlocking tables       0.000011
freeing items          0.000010
updating status        0.000158
cleaning up            0.000021

편집: 힘 인덱스를 사용하지 않을 경우 다음과 같이 변경됩니다.

id     select_type   table            type     possible_keys   key     key_len    ref        rows      Extra
1      SIMPLE        ad_master_test   index    TEST2           TEST1   14         (NULL)     345       Using where

프로파일 및 런타임은 TEST1 인덱스에서 FORCE INDEX를 사용할 때와 동일하게 유지됩니다(예상대로).

/편집

저는 솔직히 머리를 싸매지 못합니다.설명과 실제 쿼리 성능이 크게 다른 이유는 무엇입니까?5초 "데이터 보내기" 동안 서버는 무엇을 합니까?

뭔가 있는 것 같아요.TEXT아니면BLOB또는 심지어 큰VARCHAR기둥??12.1GB/6.8M = 1.8KB.필요 없는 경우에는 가져오지 마십시오. 이렇게 하면 쿼리 속도가 빨라질 수 있습니다.램을 얼마나 가지고 있습니까?

두 지수는 (4.8초 대 0.4초) 다른 시간이 소요되는 것으로 보입니다.

(STAMP_START,FK_KAT)

이렇게 하면 인덱스 B트리를 원하는 순서로 스캔하여 "파일 정렬"을 방지할 수 있습니다.그것은 일치하는 fk_kat에 대해 모든 항목을 확인해야 합니다.24시 이후에 멈출 것 같습니다(참조).LIMIT행이 일치하지만 처음 24개(빠름), 마지막 24개(매우 느림) 또는 그 사이에 있을 수 있습니다.

(FK_KAT,STAMP_START)

이 쇼는 82개의 모든 ID로 직접 이동하여 각각의 ID를 스캔하고(유일하지 않다고 가정), 수백 개의 행을 수집합니다.그런 다음 "파일 정렬"을 수행합니다. (참고: 디스크 정렬이 있는 경우 디스크 정렬이 됩니다.TEXT열을 가져오는 중입니다.)그럼 처음 24개를 전달해주세요. (이런, MariaDB 10.1에는 그런 기능이 없는 것 같네요.)

이 작업은 더 많은 단계를 거치더라도 전체 인덱스 검색을 피하면 더 빠른 것으로 나타납니다.

기타 참고사항

key_buffer_size = 20G- 마이 아이샘 사용하지 마세요.하지만 만약 그렇다면, 이것을 RAM의 10%로 바꾸세요.그렇지 않으면 다음으로 바꿉니다.30MRAM의 70%를 제공합니다.innodb_buffer_pool_size.

추가적인 논의를 원하시면 다음을 제공해 주시기 바랍니다.EXPLAIN FORMAT=JSON SELECT ...각각의 질의에 대해이것은 왜 더 나쁜 지수를 선택했는지를 설명하는 "비용" 분석을 하게 될 것입니다.

다른실험

대신에SELECT *, 타이밍을 조절하고 그리고EXPLAINs단번에SELECT ID_AD_MASTER. "빠름"이 입증되면 쿼리를 재구성하여 다음과 같이 처리합니다.

SELECT b.*   -- (or selected columns from `b`)
    FROM ( SELECT ID_AD_MASTER FROM ... ) AS a
    JOIN ad_master_test AS b  USING(ad_master_test)
    ORDER BY STAMP_START DESC ;   -- (yes, repeat the ORDER BY)

my.cnf [mysqld] 섹션(RPS는 Rate Per Second)에 고려할 제안

thread_handling=pool-of-threads  # from one-thread-per-connection see refman
max_connections=100  # from 151 because max_used_connections < 60
read_rnd_buffer_size=256K  # from 1M to reduce RAM used, < handler_read_rnd_next RPS
aria_pagecache_division_limit=50  # from 100 for WARM cache for < aria_pagecache_reads RPS
key_cache_division_limit=50  # from 100 for WARM cache for < key_reads
key_buffer_size=2G  # from 5G  Mysqltuner reports 1G used (this could be WRONG-test it)
innodb_io_capacity=30000  # from 200 since you have SSD
innodb_buffer_pool_instances=8  # from 16 for your volume of data
innodb_lru_scan_depth=128  # from 1024 to conserve CPU every SECOND see refman
innodb_buffer_pool_size=36G  # from 30G for effective size of 32G when
innodb_change_buffer_pool_size=10  # from 25% set aside for Del,Ins,Upd activities

Skype ID를 포함한 연락처 정보를 보려면 프로필, 네트워크 프로필을 확인하십시오.구성을 개선할 수 있는 추가적인 기회가 있습니다.

조언을 하루에 한 번만 변경하고, 긍정적인 결과가 나오면 다음 제안으로 넘어갑니다.그렇지 않으면 심각한 결과와 어떤 변화가 문제를 일으켰는지 알려주시기 바랍니다.

분석VARIABLES그리고.GLOBAL STATUS:

관측치:

버전: 10.1.26-MariaDB-0+deb9u1
64GB의 RAM
가동시간 = 7d 22:50:19
Windows에서 실행되고 있지 않습니다.
64비트 버전 실행 중
전체(또는 대부분) InnoDB를 실행하고 있는 것 같습니다.

더 중요한 문제:

"로드 평균"이 1(또는 그 이상)이면 일반적으로 비효율적인 쿼리를 나타냅니다.이는 다음에 대한 큰 값으로 더욱 확인할 수 있습니다.Created_tmp_disk_tables그리고.Handler_read_rnd_next"단순히" 초당 91개의 쿼리를 수행할 수 있습니다.가장 느린 쿼리를 보겠습니다.자세한 내용은 권장 사항을 참조하십시오.

thread_cache_size = 20

My ISAM을 없앴으니 이렇게 크게 할 필요가 없습니다.key_buffer_size; 5G에서 5M로 감소합니다.

저는 팬이 아닙니다.ROW_FORMAT=COMPRESSED; 이는 질문에 다음과 같은 두 가지 관련 영향을 미칩니다.압축/압축 해제를 위한 CPU 증가 및 추가 buffer_pool 공간이 필요합니다.반면에.GLOBAL STATUS는 30GB가 "너무 작음"을 나타내지 않습니다.디스크 공간 사용을 줄일 필요가 있습니까?

최적화 기능을 꺼 놓으셨습니까?이것은 다른 문제에 대한 대응이었습니까?

세부사항 및 기타 관측치:

( (key_buffer_size - 1.2 * Key_blocks_used * 1024) / _ram ) = (5120M - 1.2 * 25 * 1024) / 65536M = 7.8%-- key_buffer에서 낭비된 RAM 비율입니다. -- key_buffer_size를 줄입니다.

( Key_blocks_used * 1024 / key_buffer_size ) = 25 * 1024 / 5120M = 0.00%-- key_buffer 사용 비율입니다.하이워터마크. -- 불필요한 메모리 사용을 방지하기 위해 키_버퍼_크기를 낮춥니다.

( innodb_buffer_pool_size / _ram ) = 30720M / 65536M = 46.9%-- InnoDB 버퍼_pool에 사용된 RAM 비율(%)

( table_open_cache ) = 4,096-- 캐시할 테이블 설명자 수 -- 일반적으로 수백 개가 좋습니다.

( Innodb_os_log_written / (Uptime / 3600) / innodb_log_files_in_group / innodb_log_file_size ) = 6,714,002,432 / (687019 / 3600) / 2 / 1024M = 0.0164-- 비율 -- (분 참조)

( Uptime / 60 * innodb_log_file_size / Innodb_os_log_written ) = 687,019 / 60 * 1024M / 6714002432 = 1,831-- InnoDB 로그 회전 간격 분 5.6.8부터는 동적으로 변경할 수 있습니다. my.cnf도 변경해야 합니다. -- (회전 간격 60분 권장 사항은 다소 자의적입니다.)innodb_log_file_size 조정 (AWS에서는 변경 불가)

( default_tmp_storage_engine ) = default_tmp_storage_engine =

( Innodb_rows_deleted / Innodb_rows_inserted ) = 1,319,619 / 2015717 = 0.655-- 전환 - "대기열에 넣지 말고 그냥 해." (MySQL이 대기열로 사용되는 경우)

( innodb_thread_concurrency ) = 0-- 0 = InnoDB가 currency_tickets에 가장 적합한 항목을 결정하도록 합니다. -- 0 또는 64로 설정합니다.그러면 CPU가 줄어들 수 있습니다.

( innodb_print_all_deadlocks ) = innodb_print_all_deadlocks = OFF-- 모든 데드락을 기록할지 여부. - 데드락에 시달리고 있다면, 이 설정을 실행합니다.주의:데드락이 많은 경우 디스크에 많이 쓸 수 있습니다.

( innodb_buffer_pool_populate ) = OFF = 0-- NUMA 제어

( query_prealloc_size / _ram ) = 24,576 / 65536M = 0.00%-- 파싱용.램(RAM)의 pct

( query_alloc_block_size / _ram ) = 16,384 / 65536M = 0.00%-- 파싱용.램(RAM)의 pct

( net_buffer_length / max_allowed_packet ) = 16,384 / 16M = 0.10%

( bulk_insert_buffer_size / _ram ) = 8M / 65536M = 0.01%-- 다중 행 INSERT 및 LOAD DATA의 버퍼 - 너무 크면 RAM 크기가 위협받을 수 있습니다.너무 작으면 그러한 작업이 방해될 수 있습니다.

( Created_tmp_tables ) = 19,436,364 / 687019 = 28 /sec-- 복잡한 SELECT의 일부로 "temp" 테이블을 만드는 빈도입니다.

( Created_tmp_disk_tables ) = 17,887,832 / 687019 = 26 /sec-- tmp_table_size 증가 및 max_heap_table_size 증가와 같은 복잡한 SELECT의 일부로 디스크 "temp" 테이블을 만드는 빈도입니다.MyISAM 대신 MEMORY를 사용할 때의 온도 테이블 규칙을 확인합니다.사소한 스키마나 쿼리 변경으로 MyISAM을 피할 수도 있습니다.더 나은 인덱스와 쿼리 재구성이 도움이 될 가능성이 높습니다.

( Created_tmp_disk_tables / Questions ) = 17,887,832 / 62591791 = 28.6%-- 디스크에 있는 tmp 테이블이 필요한 쿼리의 pct. -- 더 나은 인덱스 / no blobs / 등입니다.

( Created_tmp_disk_tables / Created_tmp_tables ) = 17,887,832 / 19436364 = 92.0%-- 디스크에 흘린 임시 테이블의 백분율 -- tmp_table_size 및 max_heap_table_size를 늘리거나 인덱스를 개선하거나 blob을 방지할 수 있습니다.

( tmp_table_size ) = 64M-- RAM 부족을 방지하기 위해 SELECT -- Reduction tmp_table_size를 지원하는 데 사용되는 메모리 온도 테이블 크기 제한.아마도 64M 이상은 아닐 것입니다.

( Handler_read_rnd_next ) = 703,386,895,308 / 687019 = 1023824 /sec-- 테이블 검색이 많은 경우 높음 - 부적절한 키일 수 있습니다.

( Handler_read_rnd_next / Com_select ) = 703,386,895,308 / 58493862 = 12,024-- SELECT마다 스캔한 평균 증가율(약) -- read_buffer_size를 높이는 방법을 고려합니다.

( Select_full_join ) = 15,981,913 / 687019 = 23 /sec-- joins without index - JOIN에 사용되는 테이블에 적합한 인덱스를 추가합니다.

( Select_full_join / Com_select ) = 15,981,913 / 58493862 = 27.3%-- 인덱스 없는 조인을 선택한 비율(%) - JOIN에 사용되는 테이블에 적합한 인덱스를 추가합니다.

( Select_scan ) = 1,510,902 / 687019 = 2.2 /sec-- 전체 테이블 검색 - 인덱스 추가/쿼리 최적화(작은 테이블이 아닌 경우)

( sort_buffer_size ) = 8M-- 스레드당 하나씩이고 5.6.4까지 풀 사이즈로 배치되므로 낮게 유지하십시오. 그 이후에는 더 큰 것이 좋습니다. 사용 가능한 RAM을 소모하는 것일 수 있습니다. 2M 이하를 권장하지 마십시오.

( binlog_format ) = binlog_format = STATEMENT-- 문장/행/혼합.ROW가 선호되므로 기본값이 될 수 있습니다.

( slow_query_log ) = slow_query_log = OFF-- 느린 쿼리 기록 여부 (5.1.12)

( long_query_time ) = 10-- "느린" 쿼리를 정의하기 위한 컷오프(초) -- 제안 2

( Threads_created / Connections ) = 3,081 / 303642 = 1.0%-- 프로세스 생성의 신속성 - 스레드_cache_size 증가(Windows 이외)

비정상적으로 큼:

Connection_errors_peer_address = 2
Handler_icp_attempts = 71206 /sec
Handler_icp_match = 71206 /sec
Handler_read_next / Handler_read_key = 283
Handler_read_prev = 12522 /sec
Handler_read_rnd_deleted = 16 /sec
Innodb_rows_read = 1255832 /sec
Key_blocks_unused = 4.24e+6
Performance_schema_table_instances_lost = 32
Select_range / Com_select = 33.1%
Sort_scan = 27 /sec
Tc_log_page_size = 4,096
innodb_lru_scan_depth / innodb_io_capacity = 5.12
innodb_max_dirty_pages_pct_lwm = 0.10%
max_relay_log_size = 100MB
myisam_sort_buffer_size = 512MB

비정상 문자열:

Compression = ON
innodb_cleaner_lsn_age_factor = HIGH_CHECKPOINT
innodb_empty_free_list_algorithm = BACKOFF
innodb_fast_shutdown = 1
innodb_foreground_preflush = EXPONENTIAL_BACKOFF
innodb_log_checksum_algorithm = INNODB
myisam_stats_method = NULLS_UNEQUAL
opt_s__engine_condition_pushdown = off
opt_s__mrr = off
opt_s__mrr_cost_based = off

언급URL : https://stackoverflow.com/questions/51499098/weird-behavior-optimizing-query-indices-mariadb-innodb

SQL: '좋아요' 함수의 결과에 따라 '그룹화'가 가능합니까?

css3 — Mon, 6 Nov 2023 21:58:40 +0900

SQL: '좋아요' 함수의 결과에 따라 '그룹화'가 가능합니까?

Oracle SQL을 사용하고 있는데 함수 결과가 '좋아요'인 다른 행들을 그룹화하고 싶습니다.예를 들어 설명하자면:

제가 테이블 MESA를 가지고 있다고 가정해 보겠습니다. 열 중 하나가 큰 문자열입니다.그리고 특정 패턴과 일치하는 행의 수를 세고 있습니다.

SELECT m.str, count(*)
FROM MESA m
WHERE m.str LIKE '%FRUIT%'
AND (m.str LIKE '%APPLE%' OR m.str LIKE '%ORANGE%')

따라서 이 쿼리의 결과를 다음과 같이 가정합니다.

과일..afsafafasfaasfa...RED_APPLE 20

과일..afsafafasfaasfa...YELLOW_APPLE

과일..afsafafasfaasfa...그린_APPLE 3

과일..afsafafasfaasfa...퍼플_오렌지 4

과일..afsafafasfaasfa...RED_ORANGE 45

하지만 결과는 다음과 같습니다.

애플 35

ORANGE 49

이게 가능한가요?만약 그렇다면, 어떻게? :)

댓글과 코드 스니펫은 대단히 감사합니다.

추신: 물론 질의와 결과는 위의 예시보다 더 복잡합니다.그냥 설명의 단순성을 위해서 그렇게 썼어요.

건배..

물론입니다.

WITH Fruits AS (
    SELECT 
        CASE 
           WHEN m.str LIKE '%APPLE%' THEN 'Apple'
           WHEN m.str LIKE '%ORANGE%' THEN 'Orange' 
        END AS FruitType           
    FROM MESA m
    WHERE m.str LIKE '%FRUIT%')
SELECT FruitType, COUNT(*) 
FROM Fruits
WHERE FruitType IN ('Apple', 'Orange')
GROUP BY FruitType;

데이비드 마클의 또 다른 답변:

SELECT 
  fruit_name,
  count(1)  as fruit_count
FROM (
  SELECT 
    CASE 
      WHEN m.str LIKE '%APPLE%' THEN 'Apple'
      WHEN m.str LIKE '%ORANGE%' THEN 'Orange' 
    END                                         as fruit_name
  FROM 
    MESA m
  WHERE 
    m.str LIKE '%FRUIT%'
    AND 
    (m.str LIKE '%APPLE%' OR m.str LIKE '%ORANGE%')
)
GROUP BY 
  fruit_name

동일하지만 필요한 경우는 단 한 가지뿐이므로 지원이 단순화됩니다.

SELECT count(*) AS 'Apples'
FROM MESA m
WHERE m.str LIKE '%FRUIT%'
AND m.str LIKE '%APPLE%'

SELECT count(*) AS 'Oranges'
FROM MESA m
WHERE m.str LIKE '%FRUIT%'
AND m.str LIKE '%ORANGE%'

그게 가능할까요?

이런 거?

SELECT Fruit,
      SUM(counter)
 FROM ( SELECT CASE 
                   WHEN m.str LIKE '%APPLE%'
                       THEN 'APPLE'
                   ELSE 'ORANGE'
               END AS Fruit
               COUNT(*) AS counter
          FROM MESA m 
         WHERE m.str LIKE '%FRUIT%' 
           AND (m.str LIKE '%APPLE%' OR m.str LIKE '%ORANGE%')
         GROUP BY m.str
      )
GROUP BY Fruit

이런 식으로 하겠습니다. 과일 종류를 추가하기 위해서는 단 한 번의 변경만 필요합니다.

WITH fruits AS (
  SELECT 'APPLE' fruit FROM DUAL
  UNION ALL
  SELECT 'ORANGE' fruit FROM DUAL
)
SELECT fruit, count(*)
FROM MESA m, fruits
WHERE m.str LIKE '%FRUIT%'
AND m.str LIKE '%' || fruits.fruit || '%'
GROUP BY fruit

만약 당신의 문자열이 당신의 샘플 데이터에서 당신이 보여준 형식으로 확실하다면, 나는 술어를 한가지 조건으로 바꾸는 것을 고려할 것입니다.WHERE m.str LIKE 'FRUIT%' || fruits.fruit ||'%'.

언급URL : https://stackoverflow.com/questions/3299330/sql-is-it-possible-to-group-by-according-to-like-functions-results

Android 시스템에서 C/C++ 프로그램을 컴파일하여 실행하는 방법

css3 — Mon, 6 Nov 2023 21:58:33 +0900

Android 시스템에서 C/C++ 프로그램을 컴파일하여 실행하는 방법

Q1) 안드로이드 에뮬레이터에서 간단한 c 프로그램을 실행하고 싶습니다.사용중입니다windows xp내 기계에 os가 있습니다.설치했습니다.sdk, jdk, eclipse안드로이드 개발용으로 AVD에서 안드로이드 애플리케이션을 실행하는 데 성공했습니다.

Q2) (Java 없이) C 프로그램을 실행할 수 있는 방법이 있는지 알고 싶습니다.AVD. 제 기계에 암을 설치하고 C 프로그램을 컴파일했습니다.

Q3) 컴파일된 바이너리를 안드로이드 기기로 푸시하는 것이 가능한지도 알고 싶습니다.AVDAndroid 장치의 단말기를 사용하여 실행하거나,AVD?

ARM 크로스 컴파일러로 C 프로그램을 컴파일할 수 있습니다.

arm-linux-gnueabi-gcc -static -march=armv7-a test.c -o test

그러면 컴파일된 이진 파일을 어딘가로 밀어 넣을 수 있습니다(SD 카드에 넣지 마십시오).

adb push test /data/local/tmp/test

NDK를 성공적으로 설치한 경우 샘플 애플리케이션부터 시작합니다.

http://developer.android.com/sdk/ndk/overview.html#samples

만약 당신이 이것의 다른 방법에 관심이 있다면 이것이 도움이 되기를 바랍니다.

http://shareprogrammingtips.blogspot.com/2018/07/cross-compile-cc-based-programs-and-run.html

컴파일된 바이너리를 안드로이드 기기나 AVD에 밀어넣고 안드로이드 기기나 AVD의 단말기를 이용하여 실행할 수 있는지도 알고 싶습니다.

여기서 NestedVM을 볼 수 있습니다.

NestedVM은 Java Bytecode에 대한 이진 변환을 제공합니다.이것은 GCC가 MIPS 바이너리로 컴파일하게 하고 그 후 자바 클래스 파일로 변환하게 함으로써 수행됩니다.따라서 C, C++, Fortran 또는 GCC가 지원하는 기타 언어로 작성된 모든 애플리케이션은 소스 변경 없이 100% 순수 Java로 실행할 수 있습니다.

예: Hello world C 프로그램을 교차 컴파일하여 안드로이드에서 실행합니다.

네이티브 개발 키트를 다운로드해야 합니다.

#include <stdio.h>

int main() {
    int rows, i, j;
    
    // Read the number of rows from the user
    printf("Enter the number of rows: ");
    scanf("%d", &rows);
    
    // Pattern 1
    printf("\nPattern 1:\n");
    for (i = 1; i <= rows; i++) {
        for (j = 1; j <= i; j++) {
            printf("*");
        }
        printf("\n");
    }
    
    // Pattern 2
    printf("\nPattern 2:\n");
    for (i = rows; i >= 1; i--) {
        for (j = 1; j <= i; j++) {
            printf("*");
        }
        printf("\n");
    }
    
    // Pattern 3
    printf("\nPattern 3:\n");
    for (i = rows; i >= 1; i--) {
        for (j = 1; j <= i; j++) {
            printf("*");
        }
        printf("\n");
    }
    
    // Pattern 4
    printf("\nPattern 4:\n");
    for (i = 1; i <= rows; i++) {
        for (j = 1; j <= i; j++) {
            printf("*");
        }
        printf("\n");
    }
    
    // Pattern 5
    printf("\nPattern 5:\n");
    for (i = 1; i <= rows; i++) {
        if (i % 2 != 0) {
            for (j = 1; j <= rows; j++) {
                printf("*");
            }
        } else {
            printf("*");
        }
        printf("\n");
    }
    
    // Pattern 6
    printf("\nPattern 6:\n");
    for (i = 1; i <= rows; i++) {
        for (j = 1; j <= i; j++) {
            printf("*");
        }
        for (j = 1; j <= rows - i; j++) {
            printf(" ");
        }
        for (j = 1; j <= rows - i; j++) {
            printf(" ");
        }
        for (j = 1; j <= i; j++) {
            printf("*");
        }
        printf("\n");
    }
    
    // Pattern 7
    printf("\nPattern 7:\n");
    for (i = rows; i >= 1; i--) {
        for (j = 1; j <= i; j++) {
            printf("*");
        }
        printf("\n");
    }
    
    // Pattern 8
    printf("\nPattern 8:\n");
    for (i = 1; i <= rows; i++) {
        for (j = 1; j <= i; j++) {
            printf("*");
        }
        for (j = 1; j <= rows - i; j++) {
            printf(" ");
        }
        for (j = 1; j <= rows - i; j++) {
            printf(" ");
        }
        for (j = 1; j <= i; j++) {
            printf("*");
        }
        printf("\n");
    }
    
    return 0;
}

언급URL : https://stackoverflow.com/questions/8698798/how-to-compile-and-run-a-c-c-program-on-the-android-system

jQuery의 부모에서 모든 자녀(어떤 수준이든)를 선택하는 방법?

css3 — Mon, 6 Nov 2023 21:58:25 +0900

jQuery의 부모에서 모든 자녀(어떤 수준이든)를 선택하는 방법?

해야합니다..unbind()상위 노드에서 모든 요소를 선택합니다.

부모 중에서 모든 자녀를(어떤 수준이든) 선택하려면 어떻게 해야 합니까?

시도:

$('#google_translate_element *').unbind('click');

첫 아이들의 수준에만 효과가 있어요

여기 테스트 케이스가 있습니다.

jQuery.find()를 사용하여 한 단계 이상 깊이의 어린이를 찾습니다.

.find() 및 .children() 메서드는 DOM 트리 아래로 한 단계만 이동한다는 점을 제외하고 유사합니다.

$('#google_translate_element').find('*').unbind('click');

당신은 필요합니다.'*'인에find():

나머지 트리 순회 메서드와는 달리 선택자 식을 .find()로 호출할 때 필요합니다.후행 요소를 모두 검색해야 할 경우 범용 선택기 '*'를 전달하여 이를 수행할 수 있습니다.

당신이 할 수 있다고 생각합니다.

$('#google_translate_element').find('*').each(function(){
    $(this).unbind('click');
});

머리 위에 많은 것을 초래할 겁니다

원래 테스트 케이스가 잘못된 것 같습니다.

제가 확인할 수 있는 것은 선택자가#my_parent_element *함께 일함unbind().

다음 html을 예로 들어보겠습니다.

<div id="#my_parent_element">
  <div class="div1">
    <div class="div2">hello</div>
    <div class="div3">my</div>
  </div>
  <div class="div4">name</div>
  <div class="div5">
    <div class="div6">is</div>
    <div class="div7">
      <div class="div8">marco</div>
      <div class="div9">(try and click on any word)!</div>
    </div>
  </div>
</div>
<button class="unbind">Now, click me and try again</button>

그리고 약간의 질문은.

$('.div1,.div2,.div3,.div4,.div5,.div6,.div7,.div8,.div9').click(function() {
  alert('hi!');
})
$('button.unbind').click(function() {
  $('#my_parent_element *').unbind('click');
})

여기서 시도해보실 수 있습니다: http://jsfiddle.net/fLvwbazk/7/

언급URL : https://stackoverflow.com/questions/7648761/how-to-select-all-children-in-any-level-from-a-parent-in-jquery

SQL 인젝션을 통해 사이트가 해킹당했습니다.

css3 — Mon, 6 Nov 2023 21:58:18 +0900

SQL 인젝션을 통해 사이트가 해킹당했습니다.

최근에 SQL 주입으로 제 사이트가 해킹당했습니다.해커는 내 DB 이름을 얻기 위해 다음 쿼리를 사용했습니다.나는 그들이 쓴 이 질문을 이해할 수 없습니다.

쿼리:

=-999.9%20UNION%20ALL%20SELECT%20concat(0x7e,0x27,Hex(cast(database()%20as%20char)),0x27,0x7e),0x31303235343830303536,0x31303235343830303536,0x31303235343830303536--

쿼리를 실행한 후 정수 결과를 표시했습니다. "와 같은 것입니다.74545883".

쿼리가 어떻게 작동하는지 설명해 주시겠습니까?

오버플로 공격 같아요.그들은UNION-ed를 기존 쿼리로 변경합니다. 당신의 모든 쿼리를 대체합니다.%20url-encoded가 다음을 산출하므로 (공백)을 사용합니다.

=-999.9 UNION ALL SELECT CONCAT(0x7e,0x27,Hex(cast(database() as char)),0x27,0x7e),0x31303235343830303536,0x31303235343830303536,0x31303235343830303536-

그것을 분해합니다.

그=-999.9현재 쿼리를 종료하는 중입니다.
0x31303235343830303536가NULL- 기존 쿼리의 열 수와 일치할 뿐입니다.가지고 계시다면SELECT * FROM users4개의 기둥이 있었고,UNION또한 4개의 열이 있어야 합니다.결과적으로, 그들은 단지 'NULL 값을 사용하여 그 열들을 채웠습니다.
진짜 혼란은 에 있습니다.CONCAT(). 126, 39, 데이터베이스 이름을 16진수 값, 39, 126으로 조합하고 있습니다.
--mysql 주석입니다. 다음에 나머지 쿼리를 무시합니다.

이번 공격으로 미루어 볼 때, 당신이 입력한 내용을 포장하지 않은 것으로 의심됩니다.mysql_real_escape_string(), 당신의 쿼리에서 튀어나와 자신의 쿼리를 실행할 수 있도록 공격을 허용한 것입니다.

자세한 정보는 owasp.org 을 참조하십시오.

이것은 완전한 쿼리가 아닙니다. 실제로 사용자는 웹 앱에 이 문자열을 입력했습니다.

먼저 %20을(를) 유니언 부분의 빈 공간으로 교체하면 다음과 같은 이점을 얻을 수 있습니다.

SELECT concat(0x7e,0x27,Hex(cast(database() as char)),0x27,0x7e),0x31303235343830303536,0x31303235343830303536,0x31303235343830303536--

사용자가 번호를 예상하는 곳에 문자열을 넣은 것 같습니다.따라서 먼저 쿼리의 원래 조건을 완료할 수 있는 숫자(999.9)가 있다는 것을 알 수 있습니다.그런 다음 UNION 파트가 추가됩니다.마지막으로 UNION 부분 뒤에 주석 문자가 추가되어(-- ) 나머지 쿼리(시스템에서 추가될 수 있음)가 바이패스됩니다.

코드를 더 잘 이해할 수 있도록 포맷할 수 있습니다.

SELECT 
    concat
    (
        0x7e,
        0x27,
        Hex(cast(database() as char)),
        0x27,
        0x7e
    ),
    0x31303235343830303536,
    0x31303235343830303536,
    0x31303235343830303536

이제 결과의 첫 번째 열의 하위 문자열이 데이터베이스 이름의 16진수 인코딩 형식을 포함합니다.실제로는 작은 따옴표(0x27)로 둘러싸여 있어야 하고, 다시 ~(0x7e)로 둘러싸여 있어야 합니다.

쿼리는 데이터베이스()를 사용하여 데이터베이스 이름을 반환한 다음 HEx() 함수를 사용하여 16진수 값으로 변환했습니다.

일단 이것을 가지고 나면 UNHEX 기능을 사용할 수 있습니다.

한 번 보세요.UNHEX예

mysql> SELECT UNHEX('4D7953514C');
        -> 'MySQL'
mysql> SELECT 0x4D7953514C;
        -> 'MySQL'
mysql> SELECT UNHEX(HEX('string'));
        -> 'string'
mysql> SELECT HEX(UNHEX('1267'));
        -> '1267'

그들이 어떻게 들어갔는지 아는 것도 좋지만, 대체적으로 SQL 주입을 피하려면 코드를 수정해야 합니다.

-999.9 UNION ALL SELECT 
CONCAT('Hex(cast(database() as char))'),
0x31303235343830303536,
0x31303235343830303536,
0x31303235343830303536

그가 당신이 3개의 열을 가지고 있다는 것을 미리 알았다면, 당신의 로그에 다른 항목들이 있을 것이라고 생각합니다.

Havij를 이용한 주입의 예입니다. 0x7e와 0x27은 id=99999.9와 같은 HTML 디스플레이를 프레임화하는 데 사용될 ~와 '에 해당합니다.+유니온+전부+선택+0x313032353438303536, (선택+콘캣(0x7e,0x27,unhex(주물)_tbl.이름+aschar)),0x27,0x7e+from+test.sample_tbl+Order+by+id+limit+0,1)+-- 이 쿼리는 테이블 테스트의 테이블 sample_tbl에서 열 이름의 필드 값인 ~'Alfred'~를 렌더링합니다.

~r3dm0v3_hvj_injection'~는 http://www.string-functions.com/hex-string.aspx 에 따라 Havij 서명 코드 unhex0x7233646D3076335F68766A5F696E6A656374696F6E입니다.

우선 쿼리는 HTML로 인코딩된 것처럼 보입니다.교체%20공간이 있는 s는 조금 더 가독성이 높아질 것입니다.또한 그들은 쿼리의 일부를 어떤 것의 16진수 표현으로 변환하고 있습니다.문장의 그 부분도 16진수로 해독해 보십시오.

SQL 인젝션 위험은 SQL을 문자열로 동적으로 생성한 후 DBMS로 전송할 때 생성됩니다. 검색 바 등에서 사용하기 위해 시스템에 저장된 이와 같은 문자열을 상상해 보십시오.

SELECT * FROM SOME_TABLE WHERE SOME_COLUMN=

쿼리를 완료하고 공격을 허용하려면 다음과 같이 입력해야 합니다.

'x' or 1=1

이 경우 쿼리는 다음과 같이 됩니다.

SELECT * FROM SOME_TABLE WHERE SOME_COLUMN='x' or 1=1

SOME_COLUMN어떤 변수든 될 수 있어요, 어디서 실패하든 상관없어요, 중요한 건1=1는 항상 참이므로 공격자가 해당 테이블의 모든 행에 액세스할 수 있습니다.

이제 알았으니 코드를 살펴보고 동적으로 생성된 모든 쿼리를 준비된 문으로 대체합니다.OWASP 사이트에는 방어용 코딩을 위한 많은 리소스도 있습니다.

www.owasp.org

네, 그는 당신이 말하는 '74545883' 데이터베이스 이름의 16진수 형식을 가지고 있습니다.그것을 풀면 그는 진짜 데이터베이스 이름을 얻었을 것입니다.

언급URL : https://stackoverflow.com/questions/4600954/site-has-been-hacked-via-sql-injection

설정 IF NULL 또는 기타 값의 MySQL Update 필드

css3 — Mon, 6 Nov 2023 21:58:11 +0900

설정 IF NULL 또는 기타 값의 MySQL Update 필드

현재 두 개의 업데이트 쿼리를 사용하고 있는데 하나로 줄일 수 있는 방법이 있는지 궁금합니다.

field1 OFTYPE INT
field2 OFTYPE DATETIME
field3 OFTYPE DATETIME

UPDATE `Table1` SET `field1` = `field1` + 1, `field2` = NOW() WHERE `id` = $id;
UPDATE `Table1` SET `field3` = NOW() WHERE `id` = $id AND (`field3` < '2011-00-00 00:00:00' OR `field3` IS NULL);

다음과 같이 UPDATE를 수행할 수 있는 쿼리를 구하려고 합니다.

UPDATE `Table1` 
SET `field1` = `field1` + 1,
    `field2` = NOW(),
    `field3` = ISNULL(NOW(), `first_seen`);

IF 문을 사용하여 이 작업을 수행하는 것이 가능하다고 생각합니다.IF 문을 사용할 때 식, true이면 값, false이면 값, false이면 값의 세 가지 매개 변수를 사용합니다.

따라서 귀하의 경우 다음과 같이 한 번에 쿼리를 작성할 수 있습니다.

UPDATE Table1 
SET 
    field1 = field1 + 1, 
    field2 = NOW(),
    field3 = IF(field3 < '2011-00-00 00:00:00' OR field3 IS NULL, NOW(), field3)
WHERE id = $id;

이런 식으로 표현이 사실이라면,field3될 것이다NOW()그렇지 않으면 원래대로 남을 겁니다

당신의 경우에는 당신이 사용할 수 있습니다.CASE*:

UPDATE Table1
SET field1 = field1 + 1,
  field2 = NOW(),
  field3 =
        CASE
        WHEN field3 < '2011-00-00 00:00:00' THEN /* Evaluates to false if NULL */
          NOW()
        WHEN field3 IS NULL THEN
          NOW()
        ELSE /* Don't change */
          field3
        END
WHERE id = 1

*펀 옵션

이렇게 하면 됩니다.

UPDATE `Table1` 
SET `field1` = `field1` + 1,
    `field2` = NOW(),
    `field3` = COALESCE(field3, NOW())
WHERE id = 1;

이렇게 하면 모든 field1 및 field2가 업데이트되고 field3이 null이면 null이 아니면 원래 상태로 유지됩니다.하지만 이것은 NULL에서만 작동합니다!!!

한다면field3와는 다른 조건으로 업데이트되어야 합니다.field1그리고.field2, 하나의 쿼리로 모든 것을 할 수는 없다고 생각합니다.쿼리를 함께 실행하거나 아무것도 실행하지 않으면 트랜잭션을 수행할 수 있습니다.

언급URL : https://stackoverflow.com/questions/9691138/mysql-update-field-of-set-if-null-or-other-value

문자열 내용에서 XML 리더

css3 — Mon, 6 Nov 2023 21:58:04 +0900

문자열 내용에서 XML 리더

XslTransform을 사용하여 다른 XML에서 XML을 생성하려고 합니다.두 파일(소스 XML과 XSL 변환 파일)을 모두 문자열 내용으로 받아서 XSL 파일을 Xsl Transform에 전달하려고 합니다.() 메서드를 XmlReader로 로드합니다.이제 XSL 파일을 포함하는 소스 문자열로 XmlReader를 만들어야 하므로 다음과 같이 시도합니다.

MemoryStream memStream = new MemoryStream();
byte[] data = Encoding.Default.GetBytes(transformation.XsltContent);
memStream.Write(data, 0, data.Length);
memStream.Position = 0;
XmlReader reader = XmlReader.Create(memStream);

또한 StringReader를 사용해 보았습니다.

XmlReader reader = XmlReader.Create(new StringReader(transformation.XsltContent));

안타깝게도 봇 메소드가 작동하지 않는 것 같습니다. 입력이 문제가 없는 것 같고, 기본적인 단일 요소 XML을 만들어 전달하려고 시도하기도 했지만 작동하지 않습니다. 판독기에 {None}이(가)

누가 여기서 무엇이 문제인지 지적해 줄 수 있습니까?

XmlReader xmlReader = XmlReader.Create(new StringReader(YourStringValue));

StringReader -> XmlReader 접근법은 괜찮으니 그대로 해야 합니다.아직 읽지 않았기 때문에 독자가 아무 것도 보고하지 않습니다.읽기()로 전화를 걸어 어떤 일이 발생하는지 확인해 보십시오.또한 이러한 변화는 읽기를 요구할 것입니다.

언급URL : https://stackoverflow.com/questions/4518544/xmlreader-from-a-string-content

NSA rray에 c-struct를 넣는 가장 좋은 방법은?

css3 — Mon, 6 Nov 2023 21:57:58 +0900

NSA rray에 c-struct를 넣는 가장 좋은 방법은?

c-구조물을 저장하는 일반적인 방법은 무엇입니까?NSArray? 장점, 단점, 기억 처리?

눈에 띄는 것은, 두 사람 사이에 어떤 차이가 있습니까?valueWithBytes그리고.valueWithPointer-- 저스틴과 메기 밑에서 키웠습니다.

다음은 애플이 다음과 같이 논의하는 링크입니다.valueWithBytes:objCType:미래의 독자들을 위해...

약간의 측면적인 사고와 성능을 좀 더 보기 위해, Evgen은 다음과 같은 문제를 제기했습니다.STL::vectorC++로

(그것은 흥미로운 문제를 제기합니다: fast c library가 있습니까, 다름이 아닙니다.STL::vector훨씬 더 가벼워진 덕분에 최소한의 "어레이의 tidy 처리"가 가능해졌습니다.?)

그래서 원래 질문은...

예를 들어,

typedef struct _Megapoint {
    float   w,x,y,z;
} Megapoint;

그래서: 그런 자신의 구조를 저장하는 일반적이고, 최선이며, 관용적인 방법은 무엇일까요?NSArray, 그리고 그 관용구에서 기억을 어떻게 다루나요?

구조물을 보관하는 일반적인 관용구를 특별히 찾고 있으니 참고하시기 바랍니다.물론, 새로운 작은 수업을 함으로써 그 문제를 피할 수 있습니다.하지만 실제로 구조물을 배열하는 일반적인 관용구가 어떻게 되는지 알고 싶습니다. 감사합니다.

그건 그렇고 여기 NSData 접근법이 있습니다. 아마도요?최고가 아닌...

Megapoint p;
NSArray *a = [NSArray arrayWithObjects:
    [NSData dataWithBytes:&p length:sizeof(Megapoint)],
    [NSData dataWithBytes:&p length:sizeof(Megapoint)],
    [NSData dataWithBytes:&p length:sizeof(Megapoint)],
        nil];

BTW를 참고로 하고 자렛 하디 덕분에 저장하는 방법은 다음과 같습니다.CGPoints유사한 점이 있습니다.NSArray:

NSArray *points = [NSArray arrayWithObjects:
        [NSValue valueWithCGPoint:CGPointMake(6.9, 6.9)],
        [NSValue valueWithCGPoint:CGPointMake(6.9, 6.9)],
        nil];

(CGPoint 개체를 NSRray에 쉽게 추가하려면 어떻게 해야 합니까?)

NSValue는 CoreGraphics 구조를 지원할 뿐만 아니라 자신만의 구조로도 사용할 수 있습니다.나는 그렇게 하는 것을 추천합니다, 왜냐하면 아마 수업은 무게가 더 가벼울 것이기 때문입니다.NSData단순한 데이터 구조에 적합합니다.

다음과 같은 표현을 간단히 사용합니다.

[NSValue valueWithBytes:&p objCType:@encode(Megapoint)];

가치를 다시 얻기 위해서는 다음과 같이 하십시오.

Megapoint p;
[value getValue:&p];

경로를 고수하는 것을 제안하고 싶지만, 정말로 당신이 평범한 것을 보관하고 싶다면, ol.structNSray의 데이터 유형(및 코코아의 다른 수집 개체)을 사용하면 간접적으로나마 Core Foundation과 수신자 부담 없는 브리징을 사용할 수 있습니다.

CFArrayRef (그리고 그 변하기 쉬운 상대는,CFMutableArrayRef) 어레이 객체를 생성할 때 개발자에게 더 많은 유연성을 제공합니다.지정된 이니셜라이저의 네 번째 인수 참조:

CFArrayRef CFArrayCreate (
    CFAllocatorRef allocator,
    const void **values,
    CFIndex numValues,
    const CFArrayCallBacks *callBacks
);

이것은 당신이 요청할 수 있게 해줍니다.CFArrayRef객체는 코어 파운데이션의 메모리 관리 루틴을 사용하고 전혀 사용하지 않으며 자신의 메모리 관리 루틴도 사용하지 않습니다.

의무적인 예:

// One would pass &kCFTypeArrayCallBacks (in lieu of NULL) if using CF types.
CFMutableArrayRef arrayRef = CFArrayCreateMutable(kCFAllocatorDefault, 0, NULL);
NSMutableArray *array = (NSMutableArray *)arrayRef;

struct {int member;} myStruct = {.member = 42};
// Casting to "id" to avoid compiler warning
[array addObject:(id)&myStruct];

// Hurray!
struct {int member;} *mySameStruct = [array objectAtIndex:0];

위의 예는 메모리 관리와 관련된 문제를 완전히 무시합니다.구조는myStruct스택에서 생성되므로 함수가 종료되면 삭제됩니다. 배열에는 더 이상 존재하지 않는 개체에 대한 포인터가 포함됩니다.여러분은 여러분 자신의 메모리 관리 루틴을 사용함으로써 이 문제를 해결할 수 있습니다. 그래서 여러분에게 옵션이 제공되는 이유입니다. 하지만 여러분은 참조를 세고, 메모리를 할당하고, 할당을 해제하는 등의 힘든 일을 해야 합니다.

저는 이 솔루션을 추천하지 않지만 다른 사람들이 관심을 가질 경우를 대비하여 여기에 보관할 것입니다. :-

스택 대신 힙에 할당된 구조를 사용하는 방법은 다음과 같습니다.

typedef struct {
    float w, x, y, z;
} Megapoint;

// One would pass &kCFTypeArrayCallBacks (in lieu of NULL) if using CF types.
CFMutableArrayRef arrayRef = CFArrayCreateMutable(kCFAllocatorDefault, 0, NULL);
NSMutableArray *array = (NSMutableArray *)arrayRef;

Megapoint *myPoint = malloc(sizeof(Megapoint);
myPoint->w = 42.0f;
// set ivars as desired..

// Casting to "id" to avoid compiler warning
[array addObject:(id)myPoint];

// Hurray!
Megapoint *mySamePoint = [array objectAtIndex:0];

포인터를 저장하고 포인터의 참조를 해제합니다.

typedef struct BSTNode
{
    int data;
    struct BSTNode *leftNode;
    struct BSTNode *rightNode;
}BSTNode;

BSTNode *rootNode;

//declaring a NSMutableArray
@property(nonatomic)NSMutableArray *queues;

//storing the pointer in the array
[self.queues addObject:[NSValue value:&rootNode withObjCType:@encode(BSTNode*)]];

//getting the value
BSTNode *frontNode =[[self.queues objectAtIndex:0] pointerValue];

당신이 너덜너덜하다고 느끼거나 정말로 생성해야 할 클래스가 많은 경우: 동적으로 객체 클래스를 구성하는 것이 때때로 유용합니다(ref:class_addIvar이 방법으로 임의 유형에서 임의 개체 클래스를 만들 수 있습니다.필드별로 필드를 지정하거나 구조물의 정보를 전달할 수 있습니다(NSData를 실질적으로 복제하는 것입니다).때로는 유용하지만 아마도 대부분의 독자들에게 더 '재미있는 사실'일 것입니다.

여기에 이걸 어떻게 발라요?

class_addIvar를 호출하여 새로운 클래스에 메가포인트 인스턴스 변수를 추가하거나 런타임에 메가포인트 클래스의 objc 변형(예: 메가포인트의 각 필드에 대한 인스턴스 변수)을 합성할 수 있습니다.

전자는 컴파일된 objc 클래스와 동등합니다.

@interface MONMegapoint { Megapoint megapoint; } @end

후자는 컴파일된 objc 클래스와 동등합니다.

@interface MONMegapoint { float w,x,y,z; } @end

ivar를 추가한 후 메서드를 추가/synthe할 수 있습니다.

수신단에 저장된 값을 판독하려면 합성된 방법을 사용합니다.object_getInstanceVariable, 아니면valueForKey:(이는 종종 이러한 스칼라 인스턴스 변수를 NSNumber 또는 NSValue 표현으로 변환합니다.)

그건 그렇고: 여러분이 받은 모든 답변은 유용하고, 몇몇은 상황에 따라 더 나은/worse/invalid한/scenario한 답변도 있습니다.메모리, 속도, 유지보수의 용이성, 전송 또는 보관의 용이성 등과 관련된 구체적인 요구는 주어진 경우에 어떤 것이 최선인지를 결정할 것입니다...하지만 모든 면에서 이상적인 '완벽한' 해결책은 없습니다.NSArray에 c-struct를 넣는 가장 좋은 방법은 없으며, 단지 '특정 시나리오, 사례 또는 요구사항 집합에 대해 NSArray에 c-struct를 넣는 가장 좋은 방법'만 있을 뿐입니다.

또한 NSRray는 포인터 크기(또는 그보다 작은) 유형에 대해 일반적으로 재사용 가능한 어레이 인터페이스이지만 여러 가지 이유로 c-struct에 더 적합한 다른 컨테이너도 있습니다(std::vector는 c-struct의 일반적인 선택입니다).

여러 abis/architecture에서 이 데이터를 공유하는 경우 poor-man's objc serializer를 사용하는 것이 가장 좋습니다.

Megapoint mpt = /* ... */;
NSMutableDictionary * d = [NSMutableDictionary new];
assert(d);

/* optional, for your runtime/deserialization sanity-checks */
[d setValue:@"Megapoint" forKey:@"Type-Identifier"];

[d setValue:[NSNumber numberWithFloat:mpt.w] forKey:@"w"];
[d setValue:[NSNumber numberWithFloat:mpt.x] forKey:@"x"];
[d setValue:[NSNumber numberWithFloat:mpt.y] forKey:@"y"];
[d setValue:[NSNumber numberWithFloat:mpt.z] forKey:@"z"];

NSArray *a = [NSArray arrayWithObject:d];
[d release], d = 0;
/* ... */

...특히 시간이 지남에 따라(또는 목표 플랫폼에 따라) 구조가 변경될 수 있는 경우.다른 옵션만큼 빠르지는 않지만 일부 조건(중요하거나 중요하지 않은 조건)에서 오류가 발생할 가능성이 적습니다.

직렬 표현이 프로세스를 종료하지 않는 경우 임의 구조의 크기/순서/정렬이 변경되지 않아야 하며, 보다 단순하고 빠른 옵션이 있습니다.

어느 경우든, NSData, NSValue와 비교하여 계산된 개체를 이미 추가하고 있으므로...많은 경우 메가포인트를 보유한 objc 클래스를 만드는 것이 정답입니다.

C/C++ 유형의 경우 std::vector 또는 std::list를 사용하는 것이 좋습니다. 처음에는 NSRray보다 빠르기 때문이고, 나중에는 속도가 부족할 경우 언제든지 STL 컨테이너에 대한 할당자를 직접 생성하여 훨씬 더 빠르게 만들 수 있기 때문입니다.모든 최신 모바일 게임, 물리학 및 오디오 엔진은 내부 데이터를 저장하기 위해 STL 컨테이너를 사용합니다.그들이 정말 빠르다는 이유로.

NSValue에 대한 남자들의 좋은 답변이 있는 것처럼, 당신을 위한 것이 아니라면 가장 받아들일 만하다고 생각합니다.

구조를 NSRray에 넣으려고 하는 대신 구조의 배열로 NSData 또는 NSMutableData에 넣을 수 있습니다.액세스하려면 다음 작업을 수행해야 합니다.

const struct MyStruct    * theStruct = (const struct MyStruct*)[myData bytes];
int                      value = theStruct[2].integerNumber;

또는 설정할 때

struct MyStruct    * theStruct = (struct MyStruct*)[myData mutableBytes];
theStruct[2].integerNumber = 10;

NSValue를 사용하면 구조물을 Obj-C 개체로 저장할 수 있지만 NSrchiver/NSKeyedArchiver가 있는 구조물이 포함된 NSValue를 인코딩할 수 없습니다.대신 개별 구조 부재를 인코딩해야 합니다...

Apple의 Archives and Serializations Programming Guide > Structures and Bit 필드 보기

구조에 대해 속성을 추가할 수 있습니다. objc_boxable사용.@()호출하지 않고 NSValue 인스턴스에 구조를 넣을 구문valueWithBytes:objCType::

typedef struct __attribute__((objc_boxable)) _Megapoint {
    float   w,x,y,z;
} Megapoint;

NSMutableArray<NSValue*>* points = [[NSMutableArray alloc] initWithCapacity:10];
for (int i = 0; i < 10; i+= 1) {
    Megapoint mp1 = {i + 1.0, i + 2.0, i + 3.0, i + 4.0};
    [points addObject:@(mp1)];//@(mp1) creates NSValue*
}

Megapoint unarchivedPoint;
[[points lastObject] getValue:&unarchivedPoint];
//or
// [[points lastObject] getValue:&unarchivedPoint size:sizeof(Megapoint)];

사용하는 대신NSArray, 다른 용기가 있습니다.NSPointerArray포인터 유형:

Megapoint point = ...;
NSPointerArray *arr = [NSPointerArray weakObjectsPointerArray];

[arr addPointer:&point];

for (NSUInteger i = 0; i < arr.count; i++) {
    Megapoint *ppoint = [arr pointerAtIndex:i];
    NSLog(@"%p", ppoint);
}

그 물체의 기억을 유지하는 것은 당신 자신의 위험입니다.

Obj C 객체는 일부 요소가 추가된 C 구조일 뿐입니다.따라서 사용자 지정 클래스를 생성하면 NSRray에 필요한 C 구조의 유형을 갖게 됩니다.NSO 개체가 C 구조 내에 포함하는 여분의 크래프트가 없는 C 구조는 NSArray에서 소화할 수 없습니다.

NSData를 래퍼로 사용하는 것은 원래의 구조물이 아닌 구조물의 복사본만 저장하는 것일 수 있습니다.

C-Structures 이외의 NSObject 클래스를 사용하여 정보를 저장할 수 있습니다.NSO 개체를 NSRray에 쉽게 저장할 수 있습니다.

언급URL : https://stackoverflow.com/questions/4516991/whats-the-best-way-to-put-a-c-struct-in-an-nsarray

$sce.trustAsHtml 내에서 지시문 렌더링

css3 — Mon, 6 Nov 2023 21:57:49 +0900

$sce.trustAsHtml 내에서 지시문 렌더링

여기에 Plunker를 포함시켰습니다. http://plnkr.co/edit/4vqV8toHo0vNjtfICtzI?p=preview

DOM에 버튼을 추가하려고 하는데 클릭하면 DOM에 바인딩된 기능이 실행됩니다.이 경우 "테스트"에 경고해야 합니다.코드는 여기 있습니다.

콘트롤러

app.controller('MainCtrl', function($scope, $sce) {
        $scope.trustedHtml = $sce.trustAsHtml('<button ng-click="testAlert()">Submit</button>');  

        $scope.testAlert = function () {
            alert('testing')
        };
});

HTML

<body ng-controller="MainCtrl">
    <div ng-bind-html="trustedHtml"></div>
</body>

$sce.trustAsHtml그리고.ng-bind-html지시사항이 있는 HTML을 구축하기 위한 것이 아닙니다.이 기술은 사용할 수 없습니다.

이것은 각이 먼저 컴파일한 후 연결함으로써 작동하기 때문입니다.개념적 개요를 참고하여 설명을 잘 할 수 있습니다.

간단히 말해서, 당신이 당신의 컴퓨터에 정의된 HTML을 링크할 때까지.trustAsHtml, 각도가 컴파일하기에는 너무 늦었습니다(따라서 이해합니다).ng-click지시의

HTML을 동적으로 추가하기 위해서는 당신은$compile서비스(및/또는 지시)의사 선생님이 오셨습니다.

Angular 1.6.1의 경우, 저에게 적합한 솔루션을 찾았습니다.

템플릿:

<div ng-bind-html="trustAsHtml(content);" init-bind> </div>

컨트롤러에서:

    $scope.trustAsHtml = function(string) {
        return $sce.trustAsHtml(string);
    };

지시:

.directive('initBind', function($compile) {
return {
        restrict: 'A',
        link : function (scope, element, attr) {
            attr.$observe('ngBindHtml',function(){
                if(attr.ngBindHtml){
                     $compile(element[0].children)(scope);
                }
            })
        }
    };
})

언급URL : https://stackoverflow.com/questions/20623118/rendering-directives-within-sce-trustashtml

jQuery: 창 너비를 즉시 감지하는 방법은 무엇입니까?

css3 — Mon, 6 Nov 2023 21:57:43 +0900

jQuery: 창 너비를 즉시 감지하는 방법은 무엇입니까?

내 페이지에 스크롤 요소가 있습니다(jScrollPanejQuery 플러그인 포함).내가 이루고 싶은 것은 브라우저 창의 너비를 감지하여 스크롤 창을 끄는 방법입니다.저는 반응형 레이아웃을 하고 있고 브라우저가 일정 폭 이하일 때 이 스크롤 기능을 끄길 원합니다.페이지를 새로 고치면 작동할 수 있지만 브라우저 창 크기를 조정하면 너비 값이 즉시 업데이트되지 않습니다.

지금 당장 1000px 너비의 창에서 시작해서 350px 크기로 조정하면 스크롤 기능이 남아있습니다.브라우저 폭이 440px가 되면 바로 스크롤 기능이 꺼졌으면 좋겠습니다.

제가 지금까지 가지고 있는 암호는 이렇습니다.

var windowsize = $(window).width();

$(window).resize(function() {
  var windowsize = $(window).width();
});

if (windowsize > 440) {
  //if the window is greater than 440px wide then turn on jScrollPane..
    $('#pane1').jScrollPane({
       scrollbarWidth:15, 
       scrollbarMargin:52
    });
}

변수를 변경해도 마법처럼 코드가 실행되지 않습니다.if-block. 함수에 공통 코드를 넣고 이벤트를 바인딩한 다음 함수를 호출합니다.

$(document).ready(function() {
    // Optimalisation: Store the references outside the event handler:
    var $window = $(window);
    var $pane = $('#pane1');

    function checkWidth() {
        var windowsize = $window.width();
        if (windowsize > 440) {
            //if the window is greater than 440px wide then turn on jScrollPane..
            $pane.jScrollPane({
               scrollbarWidth:15, 
               scrollbarMargin:52
            });
        }
    }
    // Execute on load
    checkWidth();
    // Bind event listener
    $(window).resize(checkWidth);
});

if 조건을 안에 넣습니다.resize함수:

var windowsize = $(window).width();

$(window).resize(function() {
  windowsize = $(window).width();
  if (windowsize > 440) {
    //if the window is greater than 440px wide then turn on jScrollPane..
      $('#pane1').jScrollPane({
         scrollbarWidth:15, 
         scrollbarMargin:52
      });
  }
});

아래는 화면 크기가 768px 이하일 때 Id 요소를 숨기고, 768px 이상일 때 표시하는 방법입니다.효과가 좋습니다.

var screensize= $( window ).width();

if(screensize<=768){
        if($('#column-d0f6e77c699556473e4ff2967e9c0251').length>0)
            {
                $('#column-d0f6e77c699556473e4ff2967e9c0251').css('display','none');
            }
}
else{
        if($('#column-d0f6e77c699556473e4ff2967e9c0251').length>0)
            {
                $('#column-d0f6e77c699556473e4ff2967e9c0251').removeAttr( "style" );
            }

}
changething = function(screensize){
        if(screensize<=768){
            if($('#column-d0f6e77c699556473e4ff2967e9c0251').length>0)
            {
                $('#column-d0f6e77c699556473e4ff2967e9c0251').css('display','none');
            }
        }
        else{
        if($('#column-d0f6e77c699556473e4ff2967e9c0251').length>0)
            {
                $('#column-d0f6e77c699556473e4ff2967e9c0251').removeAttr( "style" );
            }

        }
}
$( window ).resize(function() {
 var screensize= $( window ).width();
  changething(screensize);
});

페이지 크기를 조정할 때 유용한지 모르겠습니다.

$(window).resize(function() {
       if(screen.width == window.innerWidth){
           alert("you are on normal page with 100% zoom");
       } else if(screen.width > window.innerWidth){
           alert("you have zoomed in the page i.e more than 100%");
       } else {
           alert("you have zoomed out i.e less than 100%");
       }
    });

언급URL : https://stackoverflow.com/questions/9720294/jquery-how-to-detect-window-width-on-the-fly

열 이름에 접두사 추가

css3 — Mon, 6 Nov 2023 21:57:35 +0900

열 이름에 접두사 추가

다음 도움말 파일을 읽을 때 열 이름에 접두사를 추가할 수 있어야 합니다.

colnames(x, do.NULL = TRUE, prefix = "col")

다음 사항은 저에게 맞지 않습니다.내가 여기서 뭘 잘못하고 있는 거지?

m2 <- cbind(1,1:4)
colnames(m2, do.NULL = FALSE)
colnames(m2) <- c("x","Y")
colnames(m2) <- colnames(m2, prefix = "Sub_")
colnames(m2)

도움말 파일을 잘못 읽었습니다.다음은 논의 사항입니다.

do.NULL: 논리적으로. 만약에FALSE그리고 이름은NULL, 이름이 생성됩니다.

그리고 그 설명에서 을 주목합니다.이름이 더 이상 없습니다.NULL, 접두사를 사용하면 안 됩니다.

대신 다음과 같은 것을 사용합니다.

> m2 <- cbind(1,1:4)
> colnames(m2) <- c("x","Y")
> colnames(m2) <- paste("Sub", colnames(m2), sep = "_")
> m2
     Sub_x Sub_Y
[1,]     1     1
[2,]     1     2
[3,]     1     3
[4,]     1     4

추가하겠습니다.tidyverse모든 열 이름에 접미사와 접두사를 모두 추가할 수 있는 이 문제에 접근합니다.다음은 a에 접두사를 추가한 것입니다.dplyr피리를 부리다

dplyr 1.0.2 이상

library(dplyr)
df <- data.frame(x = c(1, 2), y = c(3, 4))

## Adding prefixes
df %>% rename_with( ~ paste0("a", .x))

## Adding suffixes
df %>% rename_with( ~ paste0(.x, "a"))

밑줄과 같은 구분자를 갖고 싶을 때는paste뿐만 아니라sep논쟁.

dplyr 1.0.2 업데이트 전

library(dplyr)
df <- data.frame(x = c(1, 2), y = c(3, 4))
df %>% rename_all( ~ paste0("a", .x))

접미사를 추가하는 것이 더 쉽습니다.

df %>% rename_all(paste0, "a")

업데이트된tidyverse메소드(포함)dplyr 1.0.2) 용도rename_with()처럼rename_all()함수가 대체되었습니다.

iris %>% rename_with( ~ paste("Sub", .x, sep = "_"))

그stats::setNames기능은 이에 적합하게 작동하며, 실제로 대안보다 훨씬 빠릅니다.


iris.dt <- data.table::as.data.table(iris)

microbenchmark::microbenchmark(
  
  base = colnames(iris) <- paste("Sub", colnames(iris), sep = "_"),
  stats = setNames(iris, paste("Sub", colnames(iris), sep = "_")), 
  dplyr = dplyr::rename_with(iris, ~ paste("Sub", .x, sep = "_")),
  datatable = data.table::setnames(iris.dt, paste("Sub", names(iris.dt), sep = "_"))
  
)
#> Unit: microseconds
#>       expr     min       lq       mean   median      uq        max neval cld
#>       base  11.094  16.2140   21.62408  19.2010  23.681     65.707   100   a
#>      stats   8.107  13.8670   17.40435  16.6405  19.841     39.254   100   a
#>      dplyr 786.772 842.8785 5236.67222 877.0130 984.959 402378.407   100   a
#>  datatable  40.961  49.9200   84.06237  62.2935  73.600    834.560   100   a

^{repex 패키지(v0.3.0)에서 2020-10-21에 생성됨}

언급URL : https://stackoverflow.com/questions/14872081/add-a-prefix-to-column-names

이 너비 속성 값 선언에서 9의 의미는 무엇입니까?

css3 — Mon, 6 Nov 2023 21:57:29 +0900

이 너비 속성 값 선언에서 9의 의미는 무엇입니까?

이것의 의미는 무엇입니까?브라우저 해킹이라고 추측하고 있지만 정확히 무엇을 하는지 찾지 못했습니다.

width: 500px\9;

의 의의는 무엇입니까?\9?

\9는 인터넷 익스플로러 7, 8, 9에 특화된 "CSS 해킹"입니다.

이것은 단순히 CSS의 한 특정 라인이 a로 끝나는 것을 의미합니다.\9;대신에;는 IE 7, 8, 9에서만 유효합니다.

예를 들어,

width: 500px\9;500 픽셀의 너비를 의미합니다(다음과 같은 결과).width: 500px;)는 IE 7, 8, 9를 사용하는 동안에만 적용됩니다.

다른 모든 브라우저는 무시합니다.width: 500px\9;전적으로, 따라서 적용되지 않습니다.width: 500px;모든 요소에 걸맞습니다.

CSS가 이렇게 생겼다면...

#myElement {
    width: 300px;
    width: 500px\9;
}

결과는#myElementIE 7, 8, 9에서 너비 500 픽셀인 반면, 다른 모든 브라우저에서는#myElement폭이 300픽셀일 것입니다.

더 많은 정보

편집:

이 답변은 2011년에 작성되었습니다.이제 이 해킹은 IE 10에서도 작동한다는 것을 주목해야 합니다.

IE9 이하 버전의 CSS 해킹입니다.

다음과 같이 적습니다.

width: 500px\9;

이 기사 보기 http://dimox.net/personal-css-hacks-for-ie6-ie7-ie8/

너비 속성을 설정하려면 IE9에서 이 해킹만 추가하면 됩니다.

예

.align {
    float:left;
    margin:5px;
    background-color:blue;
    width:65px;
    width:\9 !important;
}

IE9용 CSS 해킹

/* Hack CSS IE9 */
.csshackie9 {color:#f00\9\0\;}

언급URL : https://stackoverflow.com/questions/8004765/what-is-the-meaning-of-9-in-this-width-property-value-declaration

쿠폰코드 WooCommerce에서 쿠폰 상세정보 검색

css3 — Mon, 6 Nov 2023 21:57:22 +0900

쿠폰코드 WooCommerce에서 쿠폰 상세정보 검색

이전에 이 질문을 한 적이 있지만 WooCommerce의 쿠폰에서 데이터를 가져오는 방법에 대한 답변은 없습니다.두 질문 모두 쿠폰을 포함하지만, 첫 번째 질문은 메타데이터를 어떻게 설정하느냐는 질문이고, 이 질문은 데이터를 어떻게 검색하느냐는 질문입니다.

쿠폰 코드로 우커머스에서 쿠폰 내역을 받으려고 합니다.하지만 저는 이 일을 어떻게 해야 할지 잘 모르겠습니다.

저는 아래의 코드를 사용해 보았습니다.그러나 그것은 나에게 오류를 줍니다.Call to undefined function WC_Coupon()

$coupon_code = 'save10percent';
global $woocommerce;
$c = WC_Coupon($coupon_code);

쿠폰 내역을 어떻게 받아야 합니까?

난 이해했다.하기 위해서는.WC_Coupon기능이 작동하려면 기능을 호출하기 전에 "새로운" 키워드를 추가해야 했습니다.아래에 설명된 바와 같이.

$coupon_code = 'save10percent';
global $woocommerce;
$c = new WC_Coupon($coupon_code);

이제 쿠폰에 대한 자세한 내용을 이렇게 알 수 있습니다.

echo "Discount Amount ".$c->amount."<br>";//Get Discount amount
echo "Discount Type ".$c->discount_type."<br>";//Get type of discount
echo "Individual Use ".$c->individual_use."<br>";//Get individual use status
echo "Usage Count ".$c->usage_count."<br>";//Get number of times the coupon has been used
echo "Uage Limit ".$c->usage_limit."<br>";//Get usage limit
echo "Coupon Description ".$c->description."<br>";//Get coupon description

언급URL : https://stackoverflow.com/questions/47517058/retrieve-coupon-details-from-coupon-code-woocommerce

GDB가 루프에서 벗어나도록 하려면 어떻게 해야 합니까?

css3 — Mon, 6 Nov 2023 21:57:16 +0900

GDB가 루프에서 벗어나도록 하려면 어떻게 해야 합니까?

나는 GDB에게 즉시 기능에서 돌아오라고 말할 수 있습니다.return, 함수를 호출합니다.call myFunction.

하지만 어떻게 하면 현재의 루프에서 벗어날 수 있을까요? 즉, 그것이 강타당한 것처럼 행동하는 것입니다.break;진술.

이스jump myfile.c:<linenumber>이것을 하는 방법?

사용가능until루프를 끝내려고 한거죠

고리 끝에 줘야 돼요.

루프를 반복하기 위해 개입할 필요가 없는 경우에 유용합니다.

jump당신이 원하는 것처럼 보입니다.다른 주소에서 계속하기 참조

나는 이렇게 합니다.
1. 소스 리스트를 작성합니다.
2. 루프가 끝나는 다음 줄에 중단점을 설정합니다.
3. 계속

루프의 조건을 거짓으로 설정하는 것도 방법 중 하나가 될 수 있습니다.그러나 이는 현재 반복이 완료될 때까지 기다려야 함을 의미합니다.

이 단계를 요약하면 다음과 같습니다.
1. 루프의 마지막 줄에 중단점을 설정합니다.
2. 계속
3. 중단점이 맞으면 루프 조건 변수를 false로 설정합니다.

하지만 직접적인 브레이크 문구로는 작동하지 않을 것입니다.

언급URL : https://stackoverflow.com/questions/2200556/how-do-i-get-gdb-to-break-out-of-a-loop

PowerShell에서 특정 UTC DateTime을 사용하여 DateTime 개체 생성

css3 — Mon, 6 Nov 2023 21:57:10 +0900

PowerShell에서 특정 UTC DateTime을 사용하여 DateTime 개체 생성

저는 그들을 보호하기 위해DateTimePowerShell에 특정 UTC 타임스탬프가 있는 개체입니다.이것을 하는 가장 간단한 방법은 무엇입니까?

노력했습니다.

Get-Date
    -Format (Get-Culture).DateTimeFormat.UniversalSortableDateTimePattern
    -Date "1970-01-01 00:00:00Z"

하지만 이 결과를 알 수 있습니다.

1969-12-31 19:00:00Z

몇 시간 동안 쉬거든요.제가 잘못 이해한 부분은 어디 있습니까?

그DateTime개체 자체가 적절한 UTC 시간으로 생성되고 있습니다.그러나 PowerShell이 출력하면 이를 현지 문화와 시간대로 변환하므로 차이점이 있습니다.

증명:

$UtcTime = Get-Date -Date "1970-01-01 00:00:00Z"
$UtcTime.ToUniversalTime()

(get-date).ToUniversalTime().ToString("yyyyMMddTHHmmssfffffffZ")

$utctime = New-Object DateTime 1970, 1, 1, 0, 0, 0, ([DateTimeKind]::Utc)

출력하면$utctime, 그러면 다음을 얻을 수 있습니다.

1. januar 1970 00:00:00

또한.$utctime.Kind로 올바르게 설정되어 있습니다.Utc.

$time = [DateTime]::UtcNow | get-date -Format "yyyy-MM-ddTHH:mm:ssZ"

이것 또한 효과가 있는 것으로 보입니다.

SpecificKind 메서드를 사용할 수 있습니다.

PSC:\IT\s3> $time stamp

2018년 7월 18일 (수) 오후 7:57:14

PSC:\IT\s3> $timestamp.kind

지정되지 않음

PSC:\IT\s3> $uttimestamp = [DateTime]::Kind 지정($time stamp, [DateTimeKind]::UTC)

PSC:\IT\s3> $uttime 스탬프

2018년 7월 18일 (수) 오후 7:57:14

PSC:\IT\s3> $uttimestamp.kind

UTC

에서 작동하는 방법은 이렇습니다.NET 맞죠?PowerShell은 ToUniversalTime 메서드만 호출합니다.출처: http://msdn.microsoft.com/en-us/library/system.datetime.touniversaltime.aspx

The Coordinated Universal Time (UTC) is equal to the local time minus the 
UTC offset. For more information about the UTC offset, see TimeZone.GetUtcOffset.
The conversion also takes into account the daylight saving time rule that applies 
to the time represented by the current DateTime object.

언급URL : https://stackoverflow.com/questions/10487011/creating-a-datetime-object-with-a-specific-utc-datetime-in-powershell

ajax 요청 후 Chrome window.open(크롬 창)이 팝업처럼 작동합니다.

css3 — Mon, 6 Nov 2023 21:57:03 +0900

ajax 요청 후 Chrome window.open(크롬 창)이 팝업처럼 작동합니다.

사용자가 버튼을 누르면 ajax 요청을 수행한 다음 ajax 요청 결과를 사용하여 새 탭에서 열고 싶은 URL을 생성하는 상황이 발생합니다.그러나 ajax 요청에 대해 성공 처리기에서 window.open을 호출하면 팝업처럼 새 창에서 열립니다(팝업 차단기에 의해 차단됨).성공 코드는 클릭 핸들링 코드에서 비동기식 코드이기 때문에 크롬은 클릭과 인과관계가 있지만 클릭으로 트리거된 것은 아니라고 생각합니다.ajax 요청을 동기화하지 않고 이를 방지할 수 있는 방법이 있습니까?

편집 다음은 이러한 동작을 보여주는 몇 가지 최소 코드입니다.

$('#myButton').click(function() {
    $.ajax({
        type: 'POST',
        url: '/echo/json/',
        data: {'json': JSON.stringify({
            url:'http://google.com'})},
        success: function(data) {
            window.open(data.url,'_blank');
        }
    });
});

http://jsfiddle.net/ESMUA/2/

한 가지 설명 사항:팝업 차단으로 차단되는 것보다 탭이 아닌 별도의 창에서 열리는 것이 더 걱정됩니다.

추가 시도

window.open(url,'_blank');

편집

사용자 작업의 즉각적인 결과가 아닌 페이지를 열 때(즉, 비동기화가 아닌) 팝업 차단 기능을 사용할 수는 없다고 생각합니다.

팝업 차단에 대한 사용자 조치처럼 보일 수 있습니다.

var $a = $('<a>', {
        href: url,
        target: '_blank' 
    });

$(document.body).append($a);
$a.click();

편집2

동기화를 유지하는 게 더 나은 것 같네요

새 창이 "동일한 원점"인 한 JS로 조작할 수 있는 힘이 있습니다.

$('#a').on('click', function(e){
    e.preventDefault();
    var wi = window.open('about:blank', '_blank');

    setTimeout(function(){ // async
        wi.location.href = 'http://google.com';
    }, 500);
});

sync: false를 추가해 보십시오.효과가 있을 겁니다

$('#myButton').click(function() {
$.ajax({
    type: 'POST',
    async: false,
    url: '/echo/json/',
    data: {'json': JSON.stringify({
        url:'http://google.com'})},
    success: function(data) {
        window.open(data.url,'_blank');
    }
});
});

제게 도움이 된 것은 다음과 같습니다.

var win = window.open('about:blank', '_blank');

myrepository.postmethod('myserviceurl', myArgs)
.then(function(result) {
    win.location.href = 'http://yourtargetlocation.com/dir/page';
});

범위 내에 있는 동안 동기화 호출 전에 새 창 탭을 열고 창 핸들을 잡은 다음 약속에서 ajax 결과를 받으면 다시 탐색합니다.

위의 @pstenstrm에서 올린 답변(Edit 2)은 대부분 효과가 있지만, 솔루션을 보다 우아하게 만들기 위해 한 줄만 추가했습니다.제 경우의 ajax call이 1초 이상 걸리는데 빈 페이지에 직면한 사용자가 문제를 제기했습니다.좋은 점은 방금 만든 새 창에 HTML 콘텐츠를 넣을 수 있는 방법이 있다는 것입니다.

예:

$('#a').on('click', function(e){
    e.preventDefault();
    var wi = window.open('about:blank', '_blank');
    $(wi.document.body).html("<p>Please wait while you are being redirected...</p>");

    setTimeout(function(){ // async
        wi.location.href = 'http://google.com';
    }, 500);
});

그러면 새 탭이 "방향 전환되는 동안 기다려주세요.."라는 텍스트로 채워집니다.." 사용자가 잠시 빈 페이지를 보는 것보다 더 우아해 보입니다.댓글로 올리고 싶었는데 평판이 안 좋아요.

믿을 수 있는 방법이 없습니다.FF 및 IE6 SP2에서 pop-blocker에 의해 탭/윈도우가 차단된 경우 window.open은 null 값을 반환합니다.

https://developer.mozilla.org/en-US/docs/Web/API/Window/open#FAQ

팝업 차단으로 창이 언제 막혔는지 어떻게 알 수 있습니까?Mozilla/Firefox와 Internet Explorer 6 SP2의 팝업 차단 기능이 내장되어 있으므로 window.open()의 반환 값을 확인해야 합니다. window가 열리지 않으면 null이 됩니다.그러나 대부분의 다른 팝업 차단에는 신뢰할 수 있는 방법이 없습니다.

언급URL : https://stackoverflow.com/questions/22007592/chrome-window-open-after-ajax-request-acts-like-popup

열거형에 콩 주입

css3 — Wed, 1 Nov 2023 22:33:37 +0900

열거형에 콩 주입

보고서를 위한 데이터를 준비하는 DataPrepareService가 있고 보고서 유형을 가진 Enum이 있으며 Enum에 ReportService를 주입하거나 Enum에서 ReportService에 액세스할 수 있어야 합니다.

나의 봉사합니다.

@Service
public class DataPrepareService {
    // my service
}

나의 열거:

public enum ReportType {

    REPORT_1("name", "filename"),
    REPORT_2("name", "filename"),
    REPORT_3("name", "filename")

    public abstract Map<String, Object> getSpecificParams();

    public Map<String, Object> getCommonParams(){
        // some code that requires service
    }
}

사용하려고 했습니다.

@Autowired
DataPrepareService dataPrepareService;

,하지만 그것은 작동하지 않았다.

서비스를 열거형에 주입하려면 어떻게 해야 합니까?

public enum ReportType {

    REPORT_1("name", "filename"),
    REPORT_2("name", "filename");

    @Component
    public static class ReportTypeServiceInjector {
        @Autowired
        private DataPrepareService dataPrepareService;

        @PostConstruct
        public void postConstruct() {
            for (ReportType rt : EnumSet.allOf(ReportType.class))
               rt.setDataPrepareService(dataPrepareService);
        }
    }

[...]

}

weeknes의 답변은 봄이 볼 수 있도록 내부 클래스를 정적으로 바꾸면 효과가 있습니다.

아마 이런 거겠지.

public enum ReportType {
    @Component
    public class ReportTypeServiceInjector {
        @Autowired
        private DataPrepareService dataPrepareService;

        @PostConstruct
        public void postConstruct() {
            for (ReportType rt : EnumSet.allOf(ReportType.class))
               rt.setDataPrepareService(dataPrepareService);
        }
    }

    REPORT_1("name", "filename"),
    REPORT_2("name", "filename"),
    ...
}

여러분이 탐색하고 싶은 또 다른 접근 방법이 있습니다.하지만 주사를 놓는 대신에bean안으로enum그것은 a와 관련이 있습니다.bean의 소리와 함께enum

열거형이 있다고 가정합니다.WidgetType그리고.Widget학급

public enum WidgetType {
  FOO, BAR;
}

public class Widget {

  WidgetType widgetType;
  String message;

  public Widget(WidgetType widgetType, String message) {
    this.widgetType = widgetType;
    this.message = message;
  }
}

그리고 당신이 만들고 싶은 것은Widget공장을 사용하는 이 유형의 sBarFactory아니면FooFactory

public interface AbstractWidgetFactory {
  Widget createWidget();
  WidgetType factoryFor();
}

@Component
public class BarFactory implements AbstractWidgetFactory {
  @Override
  public Widget createWidget() {
    return new Widget(BAR, "A Foo Widget");
  }
  @Override
  public WidgetType factoryFor() {
    return BAR;
  }
}

@Component
public class FooFactory implements AbstractWidgetFactory {
  @Override
  public Widget createWidget() {
    return new Widget(FOO, "A Foo Widget");
  }
  @Override
  public WidgetType factoryFor() {
    return FOO;
  }
}

그WidgetService대부분의 작업이 이루어지는 곳입니다.여기 간단한 것이 있습니다.AutoWired등록된 모든 정보를 추적하는 필드WidgetFactories. as a.postConstructoperation 우리는 열거와 관련된 공장의 지도를 만듭니다.

이제 고객들은 환자들에게WidgetServiceclass and get factory를 지정된 열거형에 사용합니다.

@Service
public class WidgetService {

  @Autowired
  List<AbstractWidgetFactory> widgetFactories;

  Map<WidgetType, AbstractWidgetFactory> factoryMap = new HashMap<>();

  @PostConstruct
  public void init() {
    widgetFactories.forEach(w -> {
      factoryMap.put(w.factoryFor(), w);
    });
  }

  public Widget getWidgetOfType(WidgetType widgetType) {
    return factoryMap.get(widgetType).createWidget();
  }

}

Enums는 정적이기 때문에 정적인 맥락에서 콩에 접근할 수 있는 방법을 찾아야 합니다.

이름이 붙은 클래스를 만들 수 있습니다.ApplicationContextProvider를 구현하는ApplicationContextAware인터페이스.

import org.springframework.beans.BeansException;
import org.springframework.context.ApplicationContext;
import org.springframework.context.ApplicationContextAware;

public class ApplicationContextProvider implements ApplicationContextAware{

 private static ApplicationContext appContext = null;

 public static ApplicationContext getApplicationContext() {
   return appContext;
 }

 public void setApplicationContext(ApplicationContext appContext) throws BeansException {
   this.appContext = appContext;
 }
}

그런 다음 응용프로그램 컨텍스트 파일을 추가합니다.

<bean id="applicationContextProvider" class="xxx.xxx.ApplicationContextProvider"></bean>

그 후에는 다음과 같은 정적인 방법으로 애플리케이션 컨텍스트에 액세스할 수 있습니다.

ApplicationContext appContext = ApplicationContextProvider.getApplicationContext();

열거형이 인스턴스화될 때 스프링 컨테이너가 이미 가동 중이고 실행 중이라는 것을 제어하는 것은 어렵습니다(테스트 케이스에 이 유형의 변수가 있는 경우 컨테이너는 일반적으로 존재하지 않습니다. aspectj autowireing이 여기에 도움이 되지 않음).저는 그냥 데이터 준비 서비스 같은 것이 enum-parameter가 있는 lookup-parameter와 함께 특정 method를 제공하도록 하는 것을 추천합니다.

당신에게 필요한 것은 이것이라고 생각합니다.

public enum MyEnum {
    ONE,TWO,THREE;
}

일반적으로 열거형 자동 배선

@Configurable
public class MySpringConfiguredClass {

          @Autowired
      @Qualifier("mine")
          private MyEnum myEnum;

}

다음은 factory-method="valueOf"를 사용하고 lazy-init=" false"를 확인하는 방법입니다.

그래서 용기는 콩을 만들어냅니다.

<bean id="mine" class="foo.bar.MyEnum" factory-method="valueOf" lazy-init="false">
    <constructor-arg value="ONE" />
</bean>

그리고 당신은 끝!

수동으로 메소드에 전달하기만 하면 됩니다.

public enum ReportType {

    REPORT_1("name", "filename"),
    REPORT_2("name", "filename"),
    REPORT_3("name", "filename")

    public abstract Map<String, Object> getSpecificParams();

    public Map<String, Object> getCommonParams(DataPrepareService  dataPrepareService){
        // some code that requires service
    }
}

관리된 콩에서만 방법을 호출하는 한, 이 콩들에 주입하고 각 호출의 열거에 대한 참조를 전달할 수 있습니다.

이 솔루션을 사용할 수도 있습니다.

public enum ChartTypes {
AREA_CHART("Area Chart", XYAreaChart.class),
BAR_CHART("Bar Chart", XYBarChart.class),

private String name;
private String serviceName;

ChartTypes(String name, Class clazz) {
    this.name = name;
    this.serviceName = clazz.getSimpleName();
}

public String getServiceName() {
    return serviceName;
}

@Override
public String toString() {
    return name;
}
}

그리고 당신이 Enum의 콩을 필요로 하는 다른 클래스에서는:

ChartTypes plotType = ChartTypes.AreaChart
Object areaChartService = applicationContext.getBean(chartType.getServiceName());

언급URL : https://stackoverflow.com/questions/16318454/inject-bean-into-enum

How to cast simple pointer to a multidimensional-array of fixed size?

css3 — Wed, 1 Nov 2023 22:33:27 +0900

How to cast simple pointer to a multidimensional-array of fixed size?

I have a function that takes a pointer to a floating point array. Based on other conditions, I know that pointer is actually pointing to a 2x2 OR 3x3 matrix. (in fact the memory was initially allocated as such, e.g. float M[2][2] ) The important thing is I want to make this determination in the function body, not as the function argument.

void calcMatrix( int face, float * matrixReturnAsArray )
{
    // Here, I would much rather work in natural matrix notation
    if( is2x2 )
    {
        // ### cast matrixReturnAsArray to somethingAsMatrix[2][2]
        somethingAsMatrix[0][1] = 2.002;
        // etc..
    }
    else if(is3x3)
    { //etc...
    }

}

I am aware that I could use templates and other techniques to better address this problem. My question is really about how to make such a cast at the ### comment. Working in C++.

float (*somethingAsMatrix)[2] = (float (*)[2]) matrixReturnAsArray;

float *는 플로트 배열의 첫 번째 요소를 가리킬 수 있으며, 해당 배열 유형에 맞게 재해석_캐스팅 가능해야 합니다.그리고 그 출연진의 결과는 A의 첫번째 요소를 가리킬 수 있습니다.float [][]그래서 그 타입으로 재해석_캐스팅이 가능해야 합니다.당신은 그러한 캐스팅을 구성할 수 있어야 하고 직접적으로 해야 합니다.

float (&arr)[2][2] = *reinterpret_cast<float (*)[2][2]>(matrixReturnAsArray);

유형의 인수float **는 동일하지 않으므로 이와 같이 사용해서는 안 됩니다.

정의되지 않은 동작을 방지하려면 포인터가 실제 다차원 배열에서 시작되어야 합니다.float*는 직접 사용되며 다차원 행렬의 첫 번째 행 이상에는 액세스할 수 없습니다.

void foo(float *f) {
    f[3] = 10.;

    float (&arr)[2][2] = *reinterpret_cast<float (*)[2][2]>(f);
    arr[1][1] = 10.;
}

void main() {
    float a[2][2];
    foo(&a[0][0]); // f[3] = 10.; is undefined behavior, arr[1][1] = 10. is well defined

    float b[4];
    foo(&b[0]); // f[3] = 10.; is well-defined behavior, arr[1][1] = 10. is undefined
}

정해진float arr[2][2];라는 보장은 없습니다.&arr[0][1] + 1와 같음&arr[1][0], 내가 판단할 수 있는 한 말입니다.따라서 단일 차원 배열을 다중 차원 배열로 사용할 수는 있지만,f[i*width + j]다중 차원 배열을 단일 차원 배열처럼 취급할 수 없습니다.

It's better to use C++'s compile-time type-safety instead of just relying on not accidentally passing the wrong thing or performing the wrong reinterpret_cast. To get type-safety using raw-arrays you should use references to the raw array type you want:

void foo(float (&f)[2][2]) {}
void foo(float (&f)[3][3]) {}

If you want to pass arrays by value you can't use raw arrays and should instead use something like std::array:

void foo(std::array<std::array<float,2>,2> f) {}
void foo(std::array<std::array<float,3>,3> f) {}

This sort of casting is always cleaner, and easier to deal with, with a judicious use of typedef:

typedef float Matrix_t[2][2];

Matrix_t* someThingAsMatrix = (Matrix_t*) matrixReturnAsArray;

If this is C++ and not C, though, you should create a matrix class. (Or better yet, look for an open source one.)

내 말이 맞다면:
type deffloat Matrix_t[2][2];
Matrix_t & matrix = *(Matrix_t *) 행렬 배열로 반환;
아니면
float (&matrix2)[2][2] = *(float (*)[2])matrixReturnAsArray;

C에는 포인터를 사용하는 방법만 있습니다.
매트릭스_t *일부ThingAsMatrix = (Matrix_t *) 행렬 배열로 반환;
다음을 통해 액세스할 수 있습니다.
(*SomeThingAsMatrix)[1][0] = ...

언급URL : https://stackoverflow.com/questions/11869056/how-to-cast-simple-pointer-to-a-multidimensional-array-of-fixed-size

자바스크립트 HTML5 캔버스를 이용하여 N개의 포인트를 통해 매끄러운 곡선을 그리는 방법?

css3 — Wed, 1 Nov 2023 22:33:21 +0900

자바스크립트 HTML5 캔버스를 이용하여 N개의 포인트를 통해 매끄러운 곡선을 그리는 방법?

그리기 응용프로그램의 경우 마우스 이동 좌표를 배열에 저장한 다음 선으로 그립니다.결과 선이 매끄럽지 않습니다.수집된 모든 점 사이에서 단일 곡선을 생성하려면 어떻게 해야 합니까?

구글 검색을 해봤지만 선 긋기 기능은 3가지 밖에 없습니다.2개의 샘플 포인트의 경우, 간단히 사용할 수 있습니다.lineTo. 3개의 샘플 포인트의 경우quadraticCurveTo, 4개의 샘플 포인트에 대해,bezierCurveTo.

(나는 그림을 그리려고 했습니다.bezierCurveTo배열의 모든 4개의 점에 대해 연속적인 매끄러운 곡선 대신 4개의 샘플 점마다 꼬임이 발생합니다.)

샘플 포인트 5개 이상으로 매끄러운 곡선을 그리는 함수를 작성하려면 어떻게 해야 합니까?

이후의 표본 점을 분리된 "곡선 To" 유형의 함수와 결합할 때의 문제는 곡선이 만나는 곳이 매끄럽지 않다는 것입니다.이는 두 곡선이 끝점을 공유하지만 완전히 분리된 관리점의 영향을 받기 때문입니다.한 가지 해결책은 다음 두 표본점 사이의 중간점을 "곡선"으로 만드는 것입니다.이 새 보간 점을 사용하여 곡선을 결합하면 끝점에서 매끄러운 전환이 이루어집니다(한 반복의 끝점이 되는 것은 다음 반복의 제어점이 됩니다).즉, 지금은 서로 연결된 두 곡선이 훨씬 더 많은 공통점을 가지고 있습니다.

이 솔루션은 "Foundation ActionScript 3.0 Animation:"이라는 책에서 발췌되었습니다.사물을 움직이게 한다", p.95 - 렌더링 기법: 여러 곡선을 만듭니다.

참고: 이 솔루션은 제 질문의 제목인 각 점을 실제로 그리는 것이 아니라(오히려 표본점을 통해 곡선을 근사화하지만 표본점을 통과하지 않음), 제 목적(그림 그리기 어플리케이션)에서는 충분합니다.샘플 포인트를 모두 조사할 수 있는 솔루션이 있지만 훨씬 복잡합니다(http://www.cartogrammar.com/blog/actionscript-curves-update/) 참조).

근사 방법의 도면 코드는 다음과 같습니다.

// move to the first point
   ctx.moveTo(points[0].x, points[0].y);


   for (var i = 1; i < points.length - 2; i++)
   {
      var xc = (points[i].x + points[i + 1].x) / 2;
      var yc = (points[i].y + points[i + 1].y) / 2;
      ctx.quadraticCurveTo(points[i].x, points[i].y, xc, yc);
   }
 // curve through the last two points
 ctx.quadraticCurveTo(points[i].x, points[i].y, points[i+1].x,points[i+1].y);

실행 가능한 토막글:

const canvas = document.querySelector("canvas");
const ctx = canvas.getContext("2d");
const points = [
  {x: 50, y: 50},
  {x: 180, y: 100},
  {x: 75, y: 120},
  {x: 40, y: 40},
];

// move to the first point
ctx.moveTo(points[0].x, points[0].y);

for (var i = 1; i < points.length - 2; i++) {
  var xc = (points[i].x + points[i + 1].x) / 2;
  var yc = (points[i].y + points[i + 1].y) / 2;
  ctx.quadraticCurveTo(points[i].x, points[i].y, xc, yc);
}

// curve through the last two points
ctx.quadraticCurveTo(
  points[i].x,
  points[i].y,
  points[i + 1].x,
  points[i + 1].y
);
ctx.stroke();

<canvas width="600" height="600"></canvas>

조금 늦었지만, 참고로.

기본 스플라인(정규 스플라인이라고도 함)을 사용하여 점을 통과하는 부드러운 곡선을 그리면을 얻을 수 있습니다.

캔버스용으로 만든 기능입니다. 다용도성을 높이기 위해 3가지 기능으로 나누어져 있습니다.메인 래퍼 기능은 다음과 같습니다.

function drawCurve(ctx, ptsa, tension, isClosed, numOfSegments, showPoints) {

  ctx.beginPath();

  drawLines(ctx, getCurvePoints(ptsa, tension, isClosed, numOfSegments));
  
  if (showPoints) {
    ctx.beginPath();
    for(var i=0;i<ptsa.length-1;i+=2) 
      ctx.rect(ptsa[i] - 2, ptsa[i+1] - 2, 4, 4);
  }

  ctx.stroke();
}

곡선을 그리려면 x, y 점을 순서대로 배열합니다.x1,y1, x2,y2, ...xn,yn.

다음과 같이 사용합니다.

var myPoints = [10,10, 40,30, 100,10]; //minimum two points
var tension = 1;

drawCurve(ctx, myPoints); //default tension=0.5
drawCurve(ctx, myPoints, tension);

위의 함수는 두 개의 하위 함수를 호출하며, 하나는 평활점을 계산합니다.새 점이 있는 배열을 반환합니다. 매끄러운 점을 계산하는 핵심 함수입니다.

function getCurvePoints(pts, tension, isClosed, numOfSegments) {

    // use input value if provided, or use a default value   
    tension = (typeof tension != 'undefined') ? tension : 0.5;
    isClosed = isClosed ? isClosed : false;
    numOfSegments = numOfSegments ? numOfSegments : 16;

    var _pts = [], res = [],    // clone array
        x, y,           // our x,y coords
        t1x, t2x, t1y, t2y, // tension vectors
        c1, c2, c3, c4,     // cardinal points
        st, t, i;       // steps based on num. of segments

    // clone array so we don't change the original
    //
    _pts = pts.slice(0);

    // The algorithm require a previous and next point to the actual point array.
    // Check if we will draw closed or open curve.
    // If closed, copy end points to beginning and first points to end
    // If open, duplicate first points to befinning, end points to end
    if (isClosed) {
        _pts.unshift(pts[pts.length - 1]);
        _pts.unshift(pts[pts.length - 2]);
        _pts.unshift(pts[pts.length - 1]);
        _pts.unshift(pts[pts.length - 2]);
        _pts.push(pts[0]);
        _pts.push(pts[1]);
    }
    else {
        _pts.unshift(pts[1]);   //copy 1. point and insert at beginning
        _pts.unshift(pts[0]);
        _pts.push(pts[pts.length - 2]); //copy last point and append
        _pts.push(pts[pts.length - 1]);
    }

    // ok, lets start..
    
    // 1. loop goes through point array
    // 2. loop goes through each segment between the 2 pts + 1e point before and after
    for (i=2; i < (_pts.length - 4); i+=2) {
        for (t=0; t <= numOfSegments; t++) {

            // calc tension vectors
            t1x = (_pts[i+2] - _pts[i-2]) * tension;
            t2x = (_pts[i+4] - _pts[i]) * tension;
    
            t1y = (_pts[i+3] - _pts[i-1]) * tension;
            t2y = (_pts[i+5] - _pts[i+1]) * tension;

            // calc step
            st = t / numOfSegments;
        
            // calc cardinals
            c1 =   2 * Math.pow(st, 3)  - 3 * Math.pow(st, 2) + 1; 
            c2 = -(2 * Math.pow(st, 3)) + 3 * Math.pow(st, 2); 
            c3 =       Math.pow(st, 3)  - 2 * Math.pow(st, 2) + st; 
            c4 =       Math.pow(st, 3)  -     Math.pow(st, 2);

            // calc x and y cords with common control vectors
            x = c1 * _pts[i]    + c2 * _pts[i+2] + c3 * t1x + c4 * t2x;
            y = c1 * _pts[i+1]  + c2 * _pts[i+3] + c3 * t1y + c4 * t2y;
        
            //store points in array
            res.push(x);
            res.push(y);

        }
    }
    
    return res;
}

점을 매끄러운 곡선(또는 x,y 배열이 있는 경우 다른 분할된 선)으로 실제로 그리려면 다음과 같이 하십시오.

function drawLines(ctx, pts) {
    ctx.moveTo(pts[0], pts[1]);
    for(i=2;i<pts.length-1;i+=2) ctx.lineTo(pts[i], pts[i+1]);
}

var ctx = document.getElementById("c").getContext("2d");


function drawCurve(ctx, ptsa, tension, isClosed, numOfSegments, showPoints) {

  ctx.beginPath();

  drawLines(ctx, getCurvePoints(ptsa, tension, isClosed, numOfSegments));
  
  if (showPoints) {
    ctx.beginPath();
    for(var i=0;i<ptsa.length-1;i+=2) 
      ctx.rect(ptsa[i] - 2, ptsa[i+1] - 2, 4, 4);
  }

  ctx.stroke();
}


var myPoints = [10,10, 40,30, 100,10, 200, 100, 200, 50, 250, 120]; //minimum two points
var tension = 1;

drawCurve(ctx, myPoints); //default tension=0.5
drawCurve(ctx, myPoints, tension);


function getCurvePoints(pts, tension, isClosed, numOfSegments) {

  // use input value if provided, or use a default value     
  tension = (typeof tension != 'undefined') ? tension : 0.5;
  isClosed = isClosed ? isClosed : false;
  numOfSegments = numOfSegments ? numOfSegments : 16;

  var _pts = [], res = [],  // clone array
      x, y,         // our x,y coords
      t1x, t2x, t1y, t2y,   // tension vectors
      c1, c2, c3, c4,       // cardinal points
      st, t, i;     // steps based on num. of segments

  // clone array so we don't change the original
  //
  _pts = pts.slice(0);

  // The algorithm require a previous and next point to the actual point array.
  // Check if we will draw closed or open curve.
  // If closed, copy end points to beginning and first points to end
  // If open, duplicate first points to befinning, end points to end
  if (isClosed) {
    _pts.unshift(pts[pts.length - 1]);
    _pts.unshift(pts[pts.length - 2]);
    _pts.unshift(pts[pts.length - 1]);
    _pts.unshift(pts[pts.length - 2]);
    _pts.push(pts[0]);
    _pts.push(pts[1]);
  }
  else {
    _pts.unshift(pts[1]);   //copy 1. point and insert at beginning
    _pts.unshift(pts[0]);
    _pts.push(pts[pts.length - 2]); //copy last point and append
    _pts.push(pts[pts.length - 1]);
  }

  // ok, lets start..

  // 1. loop goes through point array
  // 2. loop goes through each segment between the 2 pts + 1e point before and after
  for (i=2; i < (_pts.length - 4); i+=2) {
    for (t=0; t <= numOfSegments; t++) {

      // calc tension vectors
      t1x = (_pts[i+2] - _pts[i-2]) * tension;
      t2x = (_pts[i+4] - _pts[i]) * tension;

      t1y = (_pts[i+3] - _pts[i-1]) * tension;
      t2y = (_pts[i+5] - _pts[i+1]) * tension;

      // calc step
      st = t / numOfSegments;

      // calc cardinals
      c1 =   2 * Math.pow(st, 3)    - 3 * Math.pow(st, 2) + 1; 
      c2 = -(2 * Math.pow(st, 3)) + 3 * Math.pow(st, 2); 
      c3 =     Math.pow(st, 3)  - 2 * Math.pow(st, 2) + st; 
      c4 =     Math.pow(st, 3)  -     Math.pow(st, 2);

      // calc x and y cords with common control vectors
      x = c1 * _pts[i]  + c2 * _pts[i+2] + c3 * t1x + c4 * t2x;
      y = c1 * _pts[i+1]    + c2 * _pts[i+3] + c3 * t1y + c4 * t2y;

      //store points in array
      res.push(x);
      res.push(y);

    }
  }

  return res;
}

function drawLines(ctx, pts) {
  ctx.moveTo(pts[0], pts[1]);
  for(i=2;i<pts.length-1;i+=2) ctx.lineTo(pts[i], pts[i+1]);
}

canvas { border: 1px solid red; }

<canvas id="c"><canvas>

결과는 다음과 같습니다.

캔버스를 쉽게 확장할 수 있으므로 대신 이렇게 부를 수 있습니다.

ctx.drawCurve(myPoints);

다음을 javascript에 추가합니다.

if (CanvasRenderingContext2D != 'undefined') {
    CanvasRenderingContext2D.prototype.drawCurve = 
        function(pts, tension, isClosed, numOfSegments, showPoints) {
       drawCurve(this, pts, tension, isClosed, numOfSegments, showPoints)}
}

이에 대한 보다 최적화된 버전은 NPM에서 확인하실 수 있습니다 (npm i cardinal-spline-js또는 GitLab에서.

첫 번째 답은 모든 점을 통과하지 못할 것입니다.이 그래프는 모든 점을 정확하게 통과하며 점이 [x:,y:}] n개인 완벽한 곡선이 됩니다.

var points = [{x:1,y:1},{x:2,y:3},{x:3,y:4},{x:4,y:2},{x:5,y:6}] //took 5 example points
ctx.moveTo((points[0].x), points[0].y);

for(var i = 0; i < points.length-1; i ++)
{

  var x_mid = (points[i].x + points[i+1].x) / 2;
  var y_mid = (points[i].y + points[i+1].y) / 2;
  var cp_x1 = (x_mid + points[i].x) / 2;
  var cp_x2 = (x_mid + points[i+1].x) / 2;
  ctx.quadraticCurveTo(cp_x1,points[i].y ,x_mid, y_mid);
  ctx.quadraticCurveTo(cp_x2,points[i+1].y ,points[i+1].x,points[i+1].y);
}

다른 게시물에 제 솔루션을 게시하는 것보다 추가하기로 결정했습니다.아래는 제가 구축한 솔루션이고, 완벽하지 않을 수도 있지만, 현재까지는 생산량이 양호합니다.

중요: 모든 지점을 통과할 것입니다.

더 좋은 생각이 있으면 공유해 주세요.감사해요.

다음은 이전과 이후의 비교입니다.

이 코드를 HTML에 저장하여 테스트합니다.

    <!DOCTYPE html>
    <html>
    <body>
    	<canvas id="myCanvas" width="1200" height="700" style="border:1px solid #d3d3d3;">Your browser does not support the HTML5 canvas tag.</canvas>
    	<script>
    		var cv = document.getElementById("myCanvas");
    		var ctx = cv.getContext("2d");
    
    		function gradient(a, b) {
    			return (b.y-a.y)/(b.x-a.x);
    		}
    
    		function bzCurve(points, f, t) {
    			//f = 0, will be straight line
    			//t suppose to be 1, but changing the value can control the smoothness too
    			if (typeof(f) == 'undefined') f = 0.3;
    			if (typeof(t) == 'undefined') t = 0.6;
    
    			ctx.beginPath();
    			ctx.moveTo(points[0].x, points[0].y);
    
    			var m = 0;
    			var dx1 = 0;
    			var dy1 = 0;
    
    			var preP = points[0];
    			for (var i = 1; i < points.length; i++) {
    				var curP = points[i];
    				nexP = points[i + 1];
    				if (nexP) {
    					m = gradient(preP, nexP);
    					dx2 = (nexP.x - curP.x) * -f;
    					dy2 = dx2 * m * t;
    				} else {
    					dx2 = 0;
    					dy2 = 0;
    				}
    				ctx.bezierCurveTo(preP.x - dx1, preP.y - dy1, curP.x + dx2, curP.y + dy2, curP.x, curP.y);
    				dx1 = dx2;
    				dy1 = dy2;
    				preP = curP;
    			}
    			ctx.stroke();
    		}
    
    		// Generate random data
    		var lines = [];
    		var X = 10;
    		var t = 40; //to control width of X
    		for (var i = 0; i < 100; i++ ) {
    			Y = Math.floor((Math.random() * 300) + 50);
    			p = { x: X, y: Y };
    			lines.push(p);
    			X = X + t;
    		}
    
    		//draw straight line
    		ctx.beginPath();
    		ctx.setLineDash([5]);
    		ctx.lineWidth = 1;
    		bzCurve(lines, 0, 1);
    
    		//draw smooth line
    		ctx.setLineDash([0]);
    		ctx.lineWidth = 2;
    		ctx.strokeStyle = "blue";
    		bzCurve(lines, 0.3, 1);
    	</script>
    </body>
    </html>

Daniel Howard가 지적한 바와 같이, Rob Spencer는 http://scaledinnovation.com/analytics/splines/aboutSplines.html 에서 여러분이 원하는 것을 설명합니다.

대화형 데모는 다음과 같습니다. http://jsbin.com/ApitIxo/2/

jsbin이 다운된 경우를 대비하여 토막글로 제공합니다.

<!DOCTYPE html>
    <html>
      <head>
        <meta charset=utf-8 />
        <title>Demo smooth connection</title>
      </head>
      <body>
        <div id="display">
          Click to build a smooth path. 
          (See Rob Spencer's <a href="http://scaledinnovation.com/analytics/splines/aboutSplines.html">article</a>)
          <br><label><input type="checkbox" id="showPoints" checked> Show points</label>
          <br><label><input type="checkbox" id="showControlLines" checked> Show control lines</label>
          <br>
          <label>
            <input type="range" id="tension" min="-1" max="2" step=".1" value=".5" > Tension <span id="tensionvalue">(0.5)</span>
          </label>
        <div id="mouse"></div>
        </div>
        <canvas id="canvas"></canvas>
        <style>
          html { position: relative; height: 100%; width: 100%; }
          body { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } 
          canvas { outline: 1px solid red; }
          #display { position: fixed; margin: 8px; background: white; z-index: 1; }
        </style>
        <script>
          function update() {
            $("tensionvalue").innerHTML="("+$("tension").value+")";
            drawSplines();
          }
          $("showPoints").onchange = $("showControlLines").onchange = $("tension").onchange = update;
      
          // utility function
          function $(id){ return document.getElementById(id); }
          var canvas=$("canvas"), ctx=canvas.getContext("2d");

          function setCanvasSize() {
            canvas.width = parseInt(window.getComputedStyle(document.body).width);
            canvas.height = parseInt(window.getComputedStyle(document.body).height);
          }
          window.onload = window.onresize = setCanvasSize();
      
          function mousePositionOnCanvas(e) {
            var el=e.target, c=el;
            var scaleX = c.width/c.offsetWidth || 1;
            var scaleY = c.height/c.offsetHeight || 1;
          
            if (!isNaN(e.offsetX)) 
              return { x:e.offsetX*scaleX, y:e.offsetY*scaleY };
          
            var x=e.pageX, y=e.pageY;
            do {
              x -= el.offsetLeft;
              y -= el.offsetTop;
              el = el.offsetParent;
            } while (el);
            return { x: x*scaleX, y: y*scaleY };
          }
      
          canvas.onclick = function(e){
            var p = mousePositionOnCanvas(e);
            addSplinePoint(p.x, p.y);
          };
      
          function drawPoint(x,y,color){
            ctx.save();
            ctx.fillStyle=color;
            ctx.beginPath();
            ctx.arc(x,y,3,0,2*Math.PI);
            ctx.fill()
            ctx.restore();
          }
          canvas.onmousemove = function(e) {
            var p = mousePositionOnCanvas(e);
            $("mouse").innerHTML = p.x+","+p.y;
          };
      
          var pts=[]; // a list of x and ys

          // given an array of x,y's, return distance between any two,
          // note that i and j are indexes to the points, not directly into the array.
          function dista(arr, i, j) {
            return Math.sqrt(Math.pow(arr[2*i]-arr[2*j], 2) + Math.pow(arr[2*i+1]-arr[2*j+1], 2));
          }

          // return vector from i to j where i and j are indexes pointing into an array of points.
          function va(arr, i, j){
            return [arr[2*j]-arr[2*i], arr[2*j+1]-arr[2*i+1]]
          }
      
          function ctlpts(x1,y1,x2,y2,x3,y3) {
            var t = $("tension").value;
            var v = va(arguments, 0, 2);
            var d01 = dista(arguments, 0, 1);
            var d12 = dista(arguments, 1, 2);
            var d012 = d01 + d12;
            return [x2 - v[0] * t * d01 / d012, y2 - v[1] * t * d01 / d012,
                    x2 + v[0] * t * d12 / d012, y2 + v[1] * t * d12 / d012 ];
          }

          function addSplinePoint(x, y){
            pts.push(x); pts.push(y);
            drawSplines();
          }
          function drawSplines() {
            clear();
            cps = []; // There will be two control points for each "middle" point, 1 ... len-2e
            for (var i = 0; i < pts.length - 2; i += 1) {
              cps = cps.concat(ctlpts(pts[2*i], pts[2*i+1], 
                                      pts[2*i+2], pts[2*i+3], 
                                      pts[2*i+4], pts[2*i+5]));
            }
            if ($("showControlLines").checked) drawControlPoints(cps);
            if ($("showPoints").checked) drawPoints(pts);
    
            drawCurvedPath(cps, pts);
 
          }
          function drawControlPoints(cps) {
            for (var i = 0; i < cps.length; i += 4) {
              showPt(cps[i], cps[i+1], "pink");
              showPt(cps[i+2], cps[i+3], "pink");
              drawLine(cps[i], cps[i+1], cps[i+2], cps[i+3], "pink");
            } 
          }
      
          function drawPoints(pts) {
            for (var i = 0; i < pts.length; i += 2) {
              showPt(pts[i], pts[i+1], "black");
            } 
          }
      
          function drawCurvedPath(cps, pts){
            var len = pts.length / 2; // number of points
            if (len < 2) return;
            if (len == 2) {
              ctx.beginPath();
              ctx.moveTo(pts[0], pts[1]);
              ctx.lineTo(pts[2], pts[3]);
              ctx.stroke();
            }
            else {
              ctx.beginPath();
              ctx.moveTo(pts[0], pts[1]);
              // from point 0 to point 1 is a quadratic
              ctx.quadraticCurveTo(cps[0], cps[1], pts[2], pts[3]);
              // for all middle points, connect with bezier
              for (var i = 2; i < len-1; i += 1) {
                // console.log("to", pts[2*i], pts[2*i+1]);
                ctx.bezierCurveTo(
                  cps[(2*(i-1)-1)*2], cps[(2*(i-1)-1)*2+1],
                  cps[(2*(i-1))*2], cps[(2*(i-1))*2+1],
                  pts[i*2], pts[i*2+1]);
              }
              ctx.quadraticCurveTo(
                cps[(2*(i-1)-1)*2], cps[(2*(i-1)-1)*2+1],
                pts[i*2], pts[i*2+1]);
              ctx.stroke();
            }
          }
          function clear() {
            ctx.save();
            // use alpha to fade out
            ctx.fillStyle = "rgba(255,255,255,.7)"; // clear screen
            ctx.fillRect(0,0,canvas.width,canvas.height);
            ctx.restore();
          }
      
          function showPt(x,y,fillStyle) {
            ctx.save();
            ctx.beginPath();
            if (fillStyle) {
              ctx.fillStyle = fillStyle;
            }
            ctx.arc(x, y, 5, 0, 2*Math.PI);
            ctx.fill();
            ctx.restore();
          }

          function drawLine(x1, y1, x2, y2, strokeStyle){
            ctx.beginPath();
            ctx.moveTo(x1, y1);
            ctx.lineTo(x2, y2);
            if (strokeStyle) {
              ctx.save();
              ctx.strokeStyle = strokeStyle;
              ctx.stroke();
              ctx.restore();
            }
            else {
              ctx.save();
              ctx.strokeStyle = "pink";
              ctx.stroke();
              ctx.restore();
            }
          }

        </script>


      </body>
    </html>

잘 작동한다는 걸 알았습니다.

function drawCurve(points, tension) {
    ctx.beginPath();
    ctx.moveTo(points[0].x, points[0].y);

    var t = (tension != null) ? tension : 1;
    for (var i = 0; i < points.length - 1; i++) {
        var p0 = (i > 0) ? points[i - 1] : points[0];
        var p1 = points[i];
        var p2 = points[i + 1];
        var p3 = (i != points.length - 2) ? points[i + 2] : p2;

        var cp1x = p1.x + (p2.x - p0.x) / 6 * t;
        var cp1y = p1.y + (p2.y - p0.y) / 6 * t;

        var cp2x = p2.x - (p3.x - p1.x) / 6 * t;
        var cp2y = p2.y - (p3.y - p1.y) / 6 * t;

        ctx.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, p2.x, p2.y);
    }
    ctx.stroke();
}

KineticJ를 시도해 보십시오. 점 배열로 스플라인을 정의할 수 있습니다.예는 다음과 같습니다.

이전 URL: http://www.html5canvastutorials.com/kineticjs/html5-canvas-kineticjs-spline-tutorial/

아카이브 URL 참조: www.html5canvastutorials.com/kineticjs/html5-canvas-kineticjs-spline-tutorial/ ://https://web.archive.org/web/20141204030628/http

봉쥬르

나는 user1693593의 해결책에 감사합니다: 헤르마이트 다항식은 그려질 것을 제어하는 가장 좋은 방법인 것 같고, 수학적인 관점에서 가장 만족스럽습니다.그 과목은 오랫동안 닫혀있는 것처럼 보이지만, 저 같은 후발주자들은 여전히 관심이 있을 수도 있습니다.곡선을 저장하고 다른 곳에서 다시 사용할 수 있는 무료 대화형 플롯 작성기를 찾아봤지만, 웹에서 이런 것을 찾지 못했습니다: 그래서 사용자 1693593에서 언급한 위키백과 소스에서 제가 직접 만들었습니다.여기서는 어떻게 작동하는지 설명하기가 어려우며, 가치가 있는지 알 수 있는 가장 좋은 방법은 https://sites.google.com/view/divertissements/accueil/splines 을 보는 것입니다.

믿을 수 없을 정도로 늦었지만 호만의 훌륭하고 간단한 대답에 영감을 받아 좀 더 일반적인 해결책(호만의 해결책이 3개 미만의 정점을 가진 점 배열에서 충돌한다는 의미에서 일반적)을 게시할 수 있습니다.

function smooth(ctx, points)
{
    if(points == undefined || points.length == 0)
    {
        return true;
    }
    if(points.length == 1)
    {
        ctx.moveTo(points[0].x, points[0].y);
        ctx.lineTo(points[0].x, points[0].y);
        return true;
    }
    if(points.length == 2)
    {
        ctx.moveTo(points[0].x, points[0].y);
        ctx.lineTo(points[1].x, points[1].y);
        return true;
    }
    ctx.moveTo(points[0].x, points[0].y);
    for (var i = 1; i < points.length - 2; i ++)
    {
        var xc = (points[i].x + points[i + 1].x) / 2;
        var yc = (points[i].y + points[i + 1].y) / 2;
        ctx.quadraticCurveTo(points[i].x, points[i].y, xc, yc);
    }
    ctx.quadraticCurveTo(points[i].x, points[i].y, points[i+1].x, points[i+1].y);
}

이 코드는 제게 딱 맞습니다.

this.context.beginPath();
this.context.moveTo(data[0].x, data[0].y);
for (let i = 1; i < data.length; i++) {
  this.context.bezierCurveTo(
    data[i - 1].x + (data[i].x - data[i - 1].x) / 2,
    data[i - 1].y,
    data[i - 1].x + (data[i].x - data[i - 1].x) / 2,
    data[i].y,
    data[i].x,
    data[i].y);
}

올바른 매끄러운 선과 올바른 끝점 NOTEST! (y = "canvas 높이" - y);

원래 질문에 대한 약간 다른 답변.

도형을 그리려는 사람이 있는 경우:

그것은 일련의 점들로 설명됩니다.
선이 점들에 작은 곡선을 가지고 있는 곳
선은 반드시 점들을 통과할 필요는 없습니다(즉, 점들 중 약간 "inside"를 통과합니다).

그렇다면 아래의 제 기능이 도움이 되기를 바랍니다.

<!DOCTYPE html>
<html>

<body>
<canvas id="myCanvas" width="1200" height="700" style="border: 1px solid #d3d3d3">Your browser does not support the
    HTML5 canvas tag.</canvas>
<script>
    var cv = document.getElementById("myCanvas");
    var ctx = cv.getContext("2d");

    const drawPointsWithCurvedCorners = (points, ctx) => {
        for (let n = 0; n <= points.length - 1; n++) {
            let pointA = points[n];
            let pointB = points[(n + 1) % points.length];
            let pointC = points[(n + 2) % points.length];

            const midPointAB = {
                x: pointA.x + (pointB.x - pointA.x) / 2,
                y: pointA.y + (pointB.y - pointA.y) / 2,
            };
            const midPointBC = {
                x: pointB.x + (pointC.x - pointB.x) / 2,
                y: pointB.y + (pointC.y - pointB.y) / 2,
            };
            ctx.moveTo(midPointAB.x, midPointAB.y);
            ctx.arcTo(
                pointB.x,
                pointB.y,
                midPointBC.x,
                midPointBC.y,
                radii[pointB.r]
            );
            ctx.lineTo(midPointBC.x, midPointBC.y);
        }
    };

    const shapeWidth = 200;
    const shapeHeight = 150;

    const topInsetDepth = 35;
    const topInsetSideWidth = 20;
    const topInsetHorizOffset = shapeWidth * 0.25;

    const radii = {
        small: 15,
        large: 30,
    };

    const points = [
        {
            // TOP-LEFT
            x: 0,
            y: 0,
            r: "large",
        },
        {
            x: topInsetHorizOffset,
            y: 0,
            r: "small",
        },
        {
            x: topInsetHorizOffset + topInsetSideWidth,
            y: topInsetDepth,
            r: "small",
        },
        {
            x: shapeWidth - (topInsetHorizOffset + topInsetSideWidth),
            y: topInsetDepth,
            r: "small",
        },
        {
            x: shapeWidth - topInsetHorizOffset,
            y: 0,
            r: "small",
        },
        {
            // TOP-RIGHT
            x: shapeWidth,
            y: 0,
            r: "large",
        },
        {
            // BOTTOM-RIGHT
            x: shapeWidth,
            y: shapeHeight,
            r: "large",
        },
        {
            // BOTTOM-LEFT
            x: 0,
            y: shapeHeight,
            r: "large",
        },
    ];

    // ACTUAL DRAWING OF POINTS
    ctx.beginPath();
    drawPointsWithCurvedCorners(points, ctx);
    ctx.stroke();
</script>
</body>

</html>

K3N의 기본 스플라인 방식에 추가하고 오해의 소지가 있는 곳에서 곡선 '디핑'에 대한 T. J. Crowder의 우려를 해결하기 위해 다음 코드를 삽입했습니다.getCurvePoints()functionres.push(x);

if ((y < _pts[i+1] && y < _pts[i+3]) || (y > _pts[i+1] && y > _pts[i+3])) {
    y = (_pts[i+1] + _pts[i+3]) / 2;
}
if ((x < _pts[i] && x < _pts[i+2]) || (x > _pts[i] && x > _pts[i+2])) {
    x = (_pts[i] + _pts[i+2]) / 2;
}

이렇게 하면 각 연속적인 점 쌍 사이에 (보이지 않는) 경계 상자가 효과적으로 생성되고 곡선이 이 경계 상자 내에 유지됩니다. 즉, 곡선의 한 점이 두 점의 위/아래/좌/우에 있으면 그 위치가 상자 내에 있도록 변경됩니다.여기서는 중간점을 사용하지만, 선형 보간을 사용하여 이를 개선할 수 있습니다.

만약 당신이 n개의 점을 통해 곡선의 방정식을 결정하고 싶다면, 다음 코드는 n-1차 다항식의 계수들을 당신에게 주고 이 계수들을 다음에 저장할 것입니다.coefficients[]배열(상수 항에서 시작).x 좌표가 순서대로 있을 필요는 없습니다.이것은 라그랑주 다항식의 예입니다.

var xPoints=[2,4,3,6,7,10]; //example coordinates
var yPoints=[2,5,-2,0,2,8];
var coefficients=[];
for (var m=0; m<xPoints.length; m++) coefficients[m]=0;
    for (var m=0; m<xPoints.length; m++) {
        var newCoefficients=[];
        for (var nc=0; nc<xPoints.length; nc++) newCoefficients[nc]=0;
        if (m>0) {
            newCoefficients[0]=-xPoints[0]/(xPoints[m]-xPoints[0]);
            newCoefficients[1]=1/(xPoints[m]-xPoints[0]);
    } else {
        newCoefficients[0]=-xPoints[1]/(xPoints[m]-xPoints[1]);
        newCoefficients[1]=1/(xPoints[m]-xPoints[1]);
    }
    var startIndex=1; 
    if (m==0) startIndex=2; 
    for (var n=startIndex; n<xPoints.length; n++) {
        if (m==n) continue;
        for (var nc=xPoints.length-1; nc>=1; nc--) {
        newCoefficients[nc]=newCoefficients[nc]*(-xPoints[n]/(xPoints[m]-xPoints[n]))+newCoefficients[nc-1]/(xPoints[m]-xPoints[n]);
        }
        newCoefficients[0]=newCoefficients[0]*(-xPoints[n]/(xPoints[m]-xPoints[n]));
    }    
    for (var nc=0; nc<xPoints.length; nc++) coefficients[nc]+=yPoints[m]*newCoefficients[nc];
}

저는 어떻게든 2차 베젤만을 사용하는 방법이 필요합니다.이 방법은 제 방법이며 3D로 확장할 수 있습니다.

쿼드베지어 곡선의 공식은

b(t) = (1-t)^2A + 2(1-t)tB + t^2*C

t = 0 또는 1일 때 곡선은 점 A 또는 C를 통과할 수 있지만 B를 통과하는 것은 보장되지 않습니다.

그것의 1계 파생상품은

b'(t) = 2(t-1)A + 2(1-2t)B + 2tC

두 개의 쿼드 베저 곡선으로 P0,P1,P2 점을 통과하는 곡선을 구성하려면 p1에서 두 베저 곡선의 기울기가 같아야 합니다.

b'α(t) = 2(t-1)P0 + 2(1-2t)M1 + 2tP1

b'β(t) = 2(t-1)P1 + 2(1-2t)M2 + 2tP2

b'α(1) = b'β(0)

이것은.

(M1 + M2) / 2 = P1

그래서 이렇게 3점까지 곡선을 그릴 수 있습니다.

bezier(p0, m1, p1);
bezier(p1, m2, p2);

어디에m1p1 = p1m2. 방향은.m1m2중요하지 않습니다, 에 의해 발견할 수 있습니다.p2 - p1.

4개 이상의 점을 통과하는 곡선의 경우

bezier(p0, m1, p1);
bezier(p1, m2, (m2 + m3) / 2);
bezier((m2 + m3) / 2, m3, p2);
bezier(p2, m4, p3);

어디에m1p1 = p1m2그리고.m3p2 = p2m4.

function drawCurve(ctx: CanvasRenderingContext2D, points: { x: number, y: number }[], tension = 2) {
    if (points.length < 2) {
        return;
    }
    ctx.beginPath();
    if (points.length === 2) {
        ctx.moveTo(points[0].x, points[0].y);
        ctx.lineTo(points[1].x, points[1].y);
        ctx.stroke();
        return;
    }
    let prevM2x = 0;
    let prevM2y = 0;
    for (let i = 1, len = points.length; i < len - 1; ++i) {
        const p0 = points[i - 1];
        const p1 = points[i];
        const p2 = points[i + 1];
        let tx = p2.x - (i === 1 ? p0.x : prevM2x);
        let ty = p2.y - (i === 1 ? p0.y : prevM2y);
        const tLen = Math.sqrt(tx ** 2 + ty ** 2);
        if (tLen > 1e-8) {
            const inv = 1 / tLen;
            tx *= inv;
            ty *= inv;
        } else {
            tx = 0;
            ty = 0;
        }
        const det = Math.sqrt(Math.min(
            (p0.x - p1.x) ** 2 + (p0.y - p1.y) ** 2,
            (p2.x - p1.x) ** 2 + (p2.y - p1.y) ** 2
        )) / (2 * tension);
        const m1x = p1.x - tx * det;
        const m1y = p1.y - ty * det;
        const m2x = p1.x + tx * det;
        const m2y = p1.y + ty * det;
        if (i === 1) {
            ctx.moveTo(p0.x, p0.y);
            ctx.quadraticCurveTo(m1x, m1y, p1.x, p1.y);
        } else {
            const mx = (prevM2x + m1x) / 2;
            const my = (prevM2y + m1y) / 2;
            ctx.quadraticCurveTo(prevM2x, prevM2y, mx, my);
            ctx.quadraticCurveTo(m1x, m1y, p1.x, p1.y);
        }
        if (i === len - 2) {
            ctx.quadraticCurveTo(m2x, m2y, p2.x, p2.y);
        }
        prevM2x = m2x;
        prevM2y = m2y;
    }
    ctx.stroke();
}

언급URL : https://stackoverflow.com/questions/7054272/how-to-draw-smooth-curve-through-n-points-using-javascript-html5-canvas

mysql (mariadb) 튜닝 및 성능 테스터

css3 — Wed, 1 Nov 2023 22:32:58 +0900

mysql (mariadb) 튜닝 및 성능 테스터

my.cnf config 파일을 편집하여 mysql(mariadb) 서버에 가장 적합한 성능을 내는 방법을 잘 모르겠습니다.샘플 my-hug.ini를 기준으로 값을 변경했습니다.이것은 제 서버에 대한 최선의 선택이 아니라고 생각합니다.

구성:

인텔 Xeon CPU 3.00GHz(+하이퍼 쓰레드) 2배
4GB RAM
2x scsi HDD 300gb(미러)

애플리케이션이 최고의 성능을 발휘할 수 있기 때문에 My ISAM을 선호합니다.mysql을 실행하기 위한 서버를 기반으로 해서 정말 좋게 만들고 싶습니다 :) 쿼리 통계: 65% 선택, 30% 업데이트

누가 나에게 정말 좋은 구성을 추천해 줄 수 있습니까?서버에서 벤치마크를 만들고 변경해야 할 옵션을 제안할 수 있는 방법이나 소프트웨어가 있습니까?

#
# The MySQL database server configuration file.
#
# You can copy this to one of:
# - "/etc/mysql/my.cnf" to set global options,
# - "~/.my.cnf" to set user-specific options.
# 
# One can use all long options that the program supports.
# Run program with --help to get a list of available options and with
# --print-defaults to see which it would actually understand and use.
#
# For explanations see
# http://dev.mysql.com/doc/mysql/en/server-system-variables.html

# This will be passed to all mysql clients
# It has been reported that passwords should be enclosed with ticks/quotes
# escpecially if they contain "#" chars...
# Remember to edit /etc/mysql/debian.cnf when changing the socket location.
[client]
port        = 3306
socket      = /var/run/mysqld/mysqld.sock

# Here is entries for some specific programs
# The following values assume you have at least 32M ram

# This was formally known as [safe_mysqld]. Both versions are currently parsed.
[mysqld_safe]
socket      = /var/run/mysqld/mysqld.sock
nice        = 0

[mysqld]
#
# * Basic Settings
#
user        = mysql
pid-file    = /var/run/mysqld/mysqld.pid
socket      = /var/run/mysqld/mysqld.sock
port        = 3306
basedir     = /usr
datadir     = /var/lib/mysql
tmpdir      = /tmp
lc-messages-dir = /usr/share/mysql
skip-external-locking

key_buffer_size     = 384M
max_allowed_packet   = 1M
table_open_cache     = 512
sort_buffer_size     = 2M
read_buffer_size     = 2M
read_rnd_buffer_size     = 8M
myisam_sort_buffer_size  = 64M
thread_cache_size    = 8
query_cache_size     = 32M
thread_concurrency   = 4

# Error log - should be very few entries.
log_error = /var/log/mysql/error.log

# Here you can see queries with especially long duration
#slow_query_log_file = /var/log/mysql/mysql-slow.log
#slow_query_log      = 1
#long_query_time = 2
#log_queries_not_using_indexes


# The following can be used as easy to replay backup logs or for replication.
# note: if you are setting up a replication slave, see README.Debian about
#       other settings you may need to change.
#server-id      = 1
#log_bin            = /var/log/mysql/mysql-bin.log
expire_logs_days    = 10
max_binlog_size         = 100M
#binlog_do_db       = include_database_name
#binlog_ignore_db   = include_database_name

[mysqldump]
quick
max_allowed_packet   = 16M

[mysql]
no-auto-rehash
# Remove the next comment character if you are not familiar with SQL
#safe-updates

[myisamchk]
key_buffer_size      = 256M
sort_buffer_size     = 256M
read_buffer  = 2M
write_buffer     = 2M

[mysqlhotcopy]
interactive-timeout

[isamchk]
key_buffer      = 16M

#
# * IMPORTANT: Additional settings that can override those from this file!
#   The files must end with '.cnf', otherwise they'll be ignored.
#
!includedir /etc/mysql/conf.d/

언급URL : https://stackoverflow.com/questions/30291671/mysql-mariadb-tuning-and-performance-tester

PHP에서 연산자 오버로드가 가능합니까?

css3 — Wed, 1 Nov 2023 22:32:50 +0900

PHP에서 연산자 오버로드가 가능합니까?

구체적으로 Array 클래스를 생성하고 [] 연산자를 오버로드하고 싶습니다.

PHP5를 사용하는 경우(사용해야 할 경우), SPL ArrayObject 클래스를 살펴봅니다.설명서가 별로 좋지는 않지만 ArrayObject를 확장하면 "가짜" 배열을 갖게 될 것 같습니다.

편집: 간단한 예를 들어보겠습니다. 하지만 중요한 활용 사례는 없습니다.

class a extends ArrayObject {
    public function offsetSet($i, $v) {
        echo 'appending ' . $v;
        parent::offsetSet($i, $v);
    }
}

$a = new a;
$a[] = 1;

실제로 최적의 솔루션은 ArrayAccess 인터페이스의 네 가지 방법인 http://php.net/manual/en/class.arrayaccess.php 을 구현하는 것입니다.

개체를 'foreach' 컨텍스트에서도 사용하려면 'Iterator' 인터페이스를 구현해야 합니다. http://www.php.net/manual/en/class.iterator.php

PHP의 오버로딩 및 연산자(오버로딩 및 배열 연산자 참조) 개념은 C++의 개념과 다릅니다.+, -, [] 등의 연산자에 과부하가 걸릴 수는 없다고 생각합니다.

가능한 해결책

SPL Array Object 구현(Cbeer에서 언급한 대로)
반복기 구현(인 경우)ArrayObject당신에게 너무 느립니다.
PECL 연산자 확장을 사용합니다(Benson이 언급한 대로).

PHP 5.0+에서 간단하고 깨끗한 솔루션을 위해 인터페이스와 override functions offsetGet, offset, offset을 구현해야 합니다.존재 및 offsetUnset입니다.이제 객체를 배열처럼 사용할 수 있습니다.

예(PHP7+의 경우):

<?php
class A implements ArrayAccess {
    private $data = [];

    public function offsetGet($offset) {
        return $this->data[$offset] ?? null;
    }

    public function offsetSet($offset, $value) {
        if ($offset === null) {
            $this->data[] = $value;
        } else {
            $this->data[$offset] = $value;
        }
    }

    public function offsetExists($offset) {
        return isset($this->data[$offset]);
    }

    public function offsetUnset($offset) {
        unset($this->data[$offset]);
    }
}

$obj = new A();
$obj[] = 'a';
$obj['k'] = 'b';
echo $obj[0], $obj['k']; // print "ab"

언어의 기능이 아닌 것 같습니다. 이 버그를 참조하십시오.하지만 오버로드를 할 수 있는 패키지가 있는 것 같습니다.

간단히 말해서, 아니요. C++ 스타일의 과부하가 필요하다고 생각되는 경우 문제 해결책을 다시 생각해 볼 필요가 있습니다.아니면 PHP를 사용하지 않는 것도 고려해 볼 수 있습니다.

Jamie Zawinski의 말을 빌리자면, "당신은 문제가 있고 '나는 알고 있습니다!'라고 생각합니다.오퍼레이터 과부하를 걸겠습니다!'이제 두 가지 문제가 생겼습니다."

언급URL : https://stackoverflow.com/questions/787692/is-it-possible-to-overload-operators-in-php

부모에서 자식으로 각진 상태로 이벤트 전달JS 구성요소

css3 — Wed, 1 Nov 2023 22:32:44 +0900

부모에서 자식으로 각진 상태로 이벤트 전달JS 구성요소

제가 하고 있는 새로운 프로젝트에서는 지시사항 대신에 구성요소를 사용하기 시작했습니다.

하지만 구체적인 방법을 찾을 수 없는 문제에 봉착했습니다.

이벤트를 자녀에서 부모로 쉽게 알릴 수 있습니다. 아래의 제 플렁커에서 찾을 수 있습니다. 하지만 부모에서 자녀로 이벤트를 알리는 올바른 방법은 무엇입니까?

Angular2는 다음과 같은 것을 사용하여 이 문제를 해결하는 것처럼 보입니다. https://angular.io/docs/ts/latest/cookbook/component-communication.html#!#parent-to-child-local-var 하지만 예제가 #timer에서 했던 것처럼 자식 구성 요소에 "pointer"을 정의할 가능성은 없다고 생각합니다.

Angular2로 쉽게 변환할 수 있도록 하기 위해 다음을 피하고 싶습니다.

이벤트 방출(스코프에서 emit 및 브로드캐스트)
자식의 요구사항을 사용합니다(그리고 부모에게 콜백을 추가합니다..UGLY).
단방향 바인딩을 사용하여 아이에게 스코프를 주입한 다음 이 속성을 "감시"합니다.더 못생김

예제 코드:

var app = angular.module('plunker', []);

app.controller('RootController', function() {
});

app.component('parentComponent', {
  template: `
    <h3>Parent component</h3>
    <a class="btn btn-default btn-sm" ng-click="$ctrl.click()">Notify Child</a>
    <span data-ng-bind="$ctrl.childMessage"></span>
    <child-component on-change="$ctrl.notifiedFromChild(count)"></child-component>
  `,
  controller: function() {
    var ctrl = this;
    ctrl.notifiedFromChild = function(count){
      ctrl.childMessage = "From child " + count;
    }
    ctrl.click = function(){
    }
  },
  bindings: {
  }
});

app.component('childComponent', {
  template: `
    <h4>Child component</h4>
    <a class="btn btn-default btn-sm" ng-click="$ctrl.click()">Notify Parent</a>
  `,
  controller: function() {
    var ctrl = this;
    ctrl.counter = 0;
    ctrl.click = function(){
        ctrl.onChange({ count: ++ctrl.counter });
    }
  },
  bindings: {
    onChange: '&'
  }
});

여기서 예를 찾을 수 있습니다.

http://plnkr.co/edit/SCK8XlYoYCRceCP7q2Rn?p=preview

이것은 내가 만든 가능한 해결책입니다.

http://plnkr.co/edit/OfANmt4zLyPG2SZyVNLr?p=preview

아이가 부모를 필요로 하는 경우, 그리고 아이가 아이에 대한 부모 참조를 설정하는 경우...이제 부모가 아이를 이용할 수 있습니다...못생겼지만 위의 각2 예와 같습니다.

부모에서 자식으로 각진 상태로 이벤트 전달JS 구성요소

식 바인딩을 사용하여 지시 $API 게시

상위 구성 요소가 이벤트를 하위 구성 요소와 통신할 수 있도록 하려면 하위 구성 요소가 API를 게시하도록 합니다.

<grid-component grid-on-init="$ctrl.gridApi=$API; $ctrl.someFn($API)">
</grid-component>

app.component('gridComponent', {
  //Create API binding
  bindings: {gridOnInit: "&"},
  template: `
    <h4>Grid component</h4>
    <p> Save count = {{$ctrl.count}}</p>
  `,
  controller: function() {
    var ctrl = this;
    this.$onInit = function() {
        ctrl.count = 0;
        ctrl.api = {};
        //Publish save function
        ctrl.api.save = save;
        //Invoke Expression with $API as local
        ctrl.gridOnInit({$API: ctrl.api});
    };
    function save(){
      console.log("saved!");
      ctrl.count++;
    }
  }
});

위의 예는 에 의해 정의된 Angular Expression을 호출합니다.grid-on-initAPI가 노출된 속성을 다음과 같습니다.$API. 이 접근 방식의 장점은 부모가 각도식을 사용하여 자식 구성 요소에 함수를 전달하여 자식 초기화에 반응할 수 있다는 것입니다.

문서에서:

'isolate' 스코프 개체 해시는 지시 요소의 속성에서 파생된 로컬 스코프 속성 집합을 정의합니다.이러한 로컬 속성은 템플릿의 별칭 값에 유용합니다.개체 해시의 키는 분리 범위의 속성 이름에 매핑됩니다. 값은 지시 요소에 대한 일치 속성을 통해 속성이 상위 범위에 바인딩되는 방법을 정의합니다.

&아니면&attr- 는 상위 범위의 컨텍스트에서 식을 실행하는 방법을 제공합니다.특성 이름을 지정하지 않으면 특성 이름이 로컬 이름과 동일한 것으로 가정됩니다.정해진<my-component my-attr="count = count + value">격리 범위 정의 범위:{ localFn:'&myAttr' }, 격리 범위 속성localFn기능 래퍼를 가리킬 것입니다.count = count + value expression. 종종 식을 통해 격리된 범위에서 상위 범위로 데이터를 전달하는 것이 바람직합니다.이것은 로컬 변수 이름과 값의 맵을 식 래퍼 fn에 전달함으로써 수행할 수 있습니다.예를 들어 식이 다음과 같다면increment($amount)그러면 우리는 전화를 함으로써 금액 값을 지정할 수 있습니다.localFn~하듯이localFn({$amount: 22}).

-- 각진JS 포괄지침 API -- 범위

관례적으로 지역 변수의 접두사는 다음과 같이 지정할 것을 권장합니다.$부모 변수와 구별할 수 있습니다.

양방향 바인딩 대신 사용

참고: 각도 2+로 쉽게 전환하려면 양방향을 사용하지 마십시오.=구속력이 있는단방향 사용 대신<구속력과 표현력&구속력이 있는자세한 내용은 각도를 참조하십시오.JS 개발자 가이드 - 구성 요소 이해

상위 구성 요소가 이벤트를 하위 구성 요소와 통신할 수 있도록 하려면 하위 구성 요소가 API를 게시하도록 합니다.

<grid-component api="$ctrl.gridApi"></grid-component>

위의 예에서,grid-component바인딩을 사용하여 API를 상위 범위에 게시합니다.api기여하다.

app.component('gridComponent', {
  //Create API binding
  bindings: {api: "="},
  template: `
    <h4>Grid component</h4>
    <p> Save count = {{$ctrl.count}}</p>
  `,
  controller: function() {
    var ctrl = this;
    this.$onInit = function() {
        ctrl.count = 0;
        ctrl.api = {};
        //Publish save function
        ctrl.api.save = save;
    };
    function save(){
      console.log("saved!");
      ctrl.count++;
    }
  }
});

그러면 부모 구성 요소가 자식을 호출할 수 있습니다.save공개된 API를 사용하여 함수:

ctrl.click = function(){
  console.log("Search clicked");
  ctrl.gridApi.save();
}

PLNKR의 데모.

여기 쉬운 방법이 있습니다: http://morrisdev.com/2017/03/triggering-events-in-a-child-component-in-angular/

기본적으로 "command"(또는 원하는 대로)라는 바인딩된 변수를 추가하고 $onChanges를 사용하여 해당 변수의 변경에 주의를 기울이고 수동으로 트리거하라는 이벤트가 표시되는 모든 것을 트리거합니다.

저는 개인적으로 모든 변수를 "설정"이라는 개체에 넣어 모든 구성 요소에 전송하는 것을 좋아합니다.그러나 개체 내의 값을 변경해도 $onChanges 이벤트가 트리거되지 않으므로 플랫 변수로 이벤트를 트리거하려면 해당 이벤트를 트리거해야 합니다.

"적절한" 방법은 아니지만 프로그래밍하기가 훨씬 쉽고 이해하기 쉬우며 나중에 A2로 변환하는 것도 훨씬 쉽습니다.

저도 같은 질문에 직면했습니다.이 접근 방식에 대해 어떻게 생각하십니까? 다음을 통해 상속을 사용하는 것입니다.require양방향 바인딩 대신에?

http://plnkr.co/edit/fD1qho3eoLoEnlvMzzbw?p=preview

var app = angular.module('plunker', []);

    app.controller('RootController', function() {
    });

    app.component('filterComponent', {
      template: `
        <h3>Filter component</h3>
        <a class="btn btn-default btn-sm" ng-click="$ctrl.click()">Search</a>
        <span data-ng-bind="$ctrl.childMessage"></span>

        <grid-component api="$ctrl.gridApi"></grid-component>
      `,
      controller: function() {
        var ctrl = this;

        ctrl.click = function(){
          console.log("Search clicked");
          ctrl.gridApi.save();
        };
      }
    });

    app.component('gridComponent', {
      require: {parent:'^^filterComponent'},
      bindings: {api: "<"},
      template: `
        <h4>Grid component</h4>
        <p> Save count = {{$ctrl.count}}
      `,
      controller: function() {
        var ctrl = this;



        this.$onInit = function() {
            ctrl.count = 0;
            ctrl.api = {};
            ctrl.api.save = save;

            ctrl.parent.gridApi = ctrl.api;
        };
        function save(){
          console.log("saved!");
          ctrl.count++;
        }
      }
    });

또는 부모에게 세터 방식을 정의하여 보다 명확하게 할 수도 있습니다.

http://plnkr.co/edit/jmETwGt32BIn3Tl0yDzY?p=preview

var app = angular.module('plunker', []);

app.controller('RootController', function() {
});

app.component('filterComponent', {
  template: `
    <h3>Filter component</h3>
    <a class="btn btn-default btn-sm" ng-click="$ctrl.click()">Search</a>
    <span data-ng-bind="$ctrl.childMessage"></span>

    <grid-component pass-api="$ctrl.setGridApi(api)"></grid-component>
  `,
  controller: function() {
    var ctrl = this;

    var gridApi = {};

    ctrl.setGridApi = function(api){
      gridApi = api;
    };

    ctrl.click = function(){
      console.log("Search clicked");
      gridApi.save();
    };
  }
});

app.component('gridComponent', {
  bindings: {
    passApi:'&'
  },
  template: `
    <h4>Grid component</h4>
    <p> Save count = {{$ctrl.count}}
  `,
  controller: function() {
    var ctrl = this;

    this.$onInit = function() {
        ctrl.count = 0;
        ctrl.api = {};
        ctrl.api.save = save;

        ctrl.passApi({api: ctrl.api});
    };
    function save(){
      console.log("saved!");
      ctrl.count++;
    }
  }
});

심플: 2방향 바인딩은 생성 시 변경사항만 호출하기 때문에 속성 1방향 바인딩 하나만 필요합니다.

상위 컨트롤러에 새 부울 속성을 설정합니다.

vm.changeNow = false; //이를 vm.changeNow = !vm.changeNow 구성 요소에 메서드를 호출하도록 지시하려는 경우
자식 구성 요소 열기 바인딩 섹션에서

바인딩: {a2waybind: '=', 지금 변경: '<' }
이제 자녀에 대한 $on Changes 이벤트가 필요합니다.

$onChanges() { // 부모님께 듣고 싶었던 달콤한 말을 하세요. }
이제 템플릿을 호출할 때:

하위 구성 요소 a2waybind="$ ctrl.mycool value "change now="$ctrl.change now" /childComponent"

두 번째 방법은 자식 구성 요소에 있습니다.

        var vm = this;
        var myprop;
        Object.defineProperty(vm, 'mytwowayprop', {
            get() {
                return myprop;
            },
            set(value) {
                myprop = value; 
                vm.onchangeseventbecausemypropchanged();               
            }
        });
       vm.onchangeseventbecausemypropchanged = function () {//woot}

이렇게 하면 양방향 바인딩 속성이 내부적으로나 외부적으로 변경될 때 변경에 대한 정의된 이벤트를 가질 수 있습니다.

언급URL : https://stackoverflow.com/questions/37439300/communicating-events-from-parent-to-child-in-angularjs-components

How do I Start a job of a function i just defined?

css3 — Wed, 1 Nov 2023 22:32:33 +0900

How do I Start a job of a function i just defined?

function FOO { write-host "HEY" }

Start-Job -ScriptBlock { FOO } |
  Receive-Job -Wait -AutoRemoveJob

Result:

Receive-Job: The term 'FOO' is not recognized as the name of cmdlet,
function ,script file or operable program.

What do I do? Thanks.

@Shay가 지적했듯이,FOO작업에 대한 정의가 필요합니다.이를 위한 또 다른 방법은-InitializationScript세션을 준비하기 위한 매개 변수.

For your example:

$functions = {
    function FOO { write-host "HEY" }
}

Start-Job -InitializationScript $functions -ScriptBlock {FOO}|
    Wait-Job| Receive-Job

This can be useful if you want to use the same functions for different jobs.

@Rynant의 제안은InitializationScript훌륭합니다

I thought the purpose of (script) blocks is so that you can pass them around. So depending on how you are doing it, I would say go for:

$FOO = {write-host "HEY"}

Start-Job -ScriptBlock $FOO | wait-job |Receive-Job

Of course you can parameterize script blocks as well:

$foo = {param($bar) write-host $bar}

Start-Job -ScriptBlock $foo -ArgumentList "HEY" | wait-job | receive-job

It worked for me as:

Start-Job -ScriptBlock ${Function:FOO}

An improvement to @Rynant's answer:

You can define the function as normal in the main body of your script:

Function FOO 
{ 
  Write-Host "HEY" 
}

and then recycle this definition within a scriptblock:

$export_functions = [scriptblock]::Create(@"
  Function Foo { $function:FOO }
"@)

(실질적인 기능체를 가지고 있다면 좀 더 의미 있는 makes을) 다음으로 전달합니다.Start-Job위와 같이:

Start-Job -ScriptBlock {FOO} -InitializationScript $export_functions| Wait-Job | Receive-Job

I like this way, as it is easier to debug jobs by running them locally under the debugger.

The function needs to be inside the scriptblock:

Start-Job -ScriptBlock { function FOO { write-host "HEY" } ; FOO } | Wait-Job | Receive-Job

As long as the function passed to the InitializationScript param on Start-Job isn't large Rynant's answer will work, but if the function is large you may run into the below error.

[localhost] There is an error launching the background process. Error reported: The filename or extension is too long"

Capturing the function's definition and then using Invoke-Expression on it in the ScriptBlock is a better alternative.

function Get-Foo {
    param
    (
        [string]$output
    )

    Write-Output $output
}

$getFooFunc = $(Get-Command Get-Foo).Definition

Start-Job -ScriptBlock {
    Invoke-Expression "function Get-Foo {$using:getFooFunc}"
    Get-Foo -output "bar"
}

Get-Job | Receive-Job

PS C:\Users\rohopkin> Get-Job | Receive-Job
bar

A slightly different take. A function is just a scriptblock assigned to a variable. Oh, it has to be a threadjob. It can't be foreach-object -parallel.

$func = { 'hi' } # or
function hi { 'hi' }; $func = $function:hi

start-threadjob { & $using:func } | receive-job -auto -wait

hi

@Ben Power의 수락된 답변 아래 코멘트 또한 저의 관심사였습니다. 그래서 구글에서 함수 정의를 구하는 방법을 검색해보니Get-Command- 이것은 기능체만 얻을 수 있습니다.그러나 이 기능은 점으로 표시된 파일과 같이 다른 곳에서 오는 경우에도 사용할 수 있습니다.그래서 저는 다음과 같이 생각해냈습니다. (이름 짓기 규칙을 유지합니다. :) 이 아이디어는 새로운 줄로 구분된 함수 정의를 다시 만드는 것입니다.

Filter Greeting {param ([string]$Greeting) return $Greeting}
Filter FullName {param ([string]$FirstName, [string]$LastName) return $FirstName + " " + $LastName}
$ScriptText = ""
$ScriptText += "Filter Greeting {" + (Get-Command Greeting).Definition + "}`n"
$ScriptText += "Filter FullName {" + (Get-Command FullName).Definition + "}`n"
$Job = Start-Job `
            -InitializationScript $([ScriptBlock]::Create($ScriptText)) `
            -ScriptBlock {(Greeting -Greeting "Hello") + " " + (FullName -FirstName "PowerShell" -LastName "Programmer")}
$Result = $Job | Wait-Job | Receive-Job
$Result
$Job | Remove-Job

There's good information in the existing answers, but let me attempt a systematic summary:

PowerShell의 백그라운드 작업은^[1] 프로세스를 종료하지 않은 실행 공간(숨겨진 하위 프로세스)에서 실행되므로 호출자와 상태를 공유하지 않습니다.
따라서 세션 중인 호출자에 의해 생성된 정의는 백그라운드 작업에 표시되지 않으므로 작업의 컨텍스트에서 다시 생성해야 합니다.^[2]
함수 정의를 다시 만드는 가장 간단한 방법은 네임스페이스 변수 표기법(예:$function:FOO- 아래와 같이 를 사용하여 이 답변을 참조합니다.
- 슬프게도 오랜 벌레 때문에$using:이 글을 쓰는 시점(Windows PowerShell, PowerShell (Core) 7.3.6)에서 참조는 의 매개 변수(및 의 매개 변수)로 전달된 스크립트 블록에서 작동하지 않습니다. - GitHub 문제 #4530

자체적인 예로 다음과 같습니다.

function FOO { "HEY" }

Start-Job -ScriptBlock { 

  # Redefine function FOO in the context of this job.
  $function:FOO = "$using:function:FOO" 
  
  # Now FOO can be invoked.
  FOO

} | Receive-Job -Wait -AutoRemoveJob

위 출력 문자열HEY, 뜻대로

참고:

할당 대상 $function:FOO함수를 은연중에 만듭니다.FOO(요구에 따라) 그리고 할당된 값을 함수 본문으로 만듭니다. 할당된 값은 인스턴스(instance) 또는 a일 수 있습니다.[string], 소스 코드 텍스트입니다.
참조 $function:FOO기존의 것을 검색합니다.FOO신체를 a로 기능시키다[scriptblock]사례.가림막을 치고 있습니다.$using:범위()$using:function:FOO)의 본문을 검색합니다.FOO호출자의 범위에서 기능합니다.
참고:
- 때문에$using:,$using:function:FOO가 아닙니다.[scriptblock]예를 들면, 그러나 a[string]의 경우에는Start-Job, 의 놀라운 방식 때문에.[scriptblock]교차 프로세스 직렬화를 수행할 때 인스턴스는 역직렬화됩니다. 동작은 설계에 의한 것으로 선언되었습니다. 자세한 내용은 GitHub issue #11698을 참조하십시오.
- 이와 같이."..."주위에$using:function:FOO을 위해 불필요한Start-Job, 하지만 그렇지는 않습니다.Start-ThreadJob, 여기서는 직렬화가 수반되지 않으며 상태 손상을 방지하기 위해 문자열에서 본문을 재생성해야 합니다(자세한 내용은 GitHub issue #16461 참조).
  - 그 사실은Start-ThreadJob허용한다$using:function:FOO참조는 아마도 과 함께 사용되는 스크립트 블록에서 명시적으로 허용되지 않은 것을 고려할 때 감독일 것입니다.ForEach-Object -Parallel(PowerShell v7+) - GitHub 이슈 #12378 참조.
  - 따라서, 와 함께ForEach-Object -Parallel호출자 측에서 함수 본문을 먼저 문자열화하는 도우미 변수가 필요합니다. 이 답변을 참조하십시오.

^{[1] 이 답변은 에 의해 생성된 하위 프로세스 기반 작업에만 적용되는 것이 아니라 에 의해 생성된 일반적으로 선호되는 스레드 기반 작업과 에 의해 생성된 PowerShell(Core) 7+에서 사용할 수 있는 스레드 기반 병렬화에도 유사하게 적용됩니다. -Parallel, 또한 PowerShell 원격 via - 즉, PowerShell이 다른 실행 공간에서 Out-of-run space를 실행하는 모든 시나리오에 적용됩니다.}

^{[2] 스크립트 파일을 통해 이러한 정의를 제공하는 것이 대안입니다.*.ps1또는 도트 소스(). 를 가져오거나 가져와야 하는 모듈입니다.}

언급URL : https://stackoverflow.com/questions/7162090/how-do-i-start-a-job-of-a-function-i-just-defined

앱 설치 실패:장치에 쓸 수 없습니다.

css3 — Wed, 1 Nov 2023 22:32:25 +0900

앱 설치 실패:장치에 쓸 수 없습니다.

Xcode 6.3에서 Swift로 작성된 iOS 프로젝트를 실제 기기에서 실행하려고 할 때 이 오류가 발생했습니다.

앱 설치 실패

장치에 쓸 수 없습니다.

프로젝트를 정리하고 다시 실행하려고 했는데 같은 오류가 발생합니다.

이 오류를 수정하려면 어떻게 해야 합니까?

저는 기기에서 앱을 삭제하고 프로젝트를 다시 실행하는 것이 좋습니다.

클린을 하고 앱을 성공적으로 설치했습니다.

제품->클린(Shift-Cmd-K)

기기 전원을 껐다가 다시 켰는데 그런 오류가 발생하지 않았습니다.

알겠습니다, 문제를 해결하는 데 도움이 될 수 있는 몇 가지 고려 사항을 확인하고 답변을 게시해 주시기 바랍니다.

당신의 프로젝트는 능력을 사용하고 있습니까?올바르게 설정되었는지 여부(모두 녹색이어야 함)
다른 프로젝트(정말 간단한 프로젝트)를 시도해 보셨나요?
앱스토어에서 앱을 설치할 수 있습니까?
기기에 남아있는 여유 공간의 양을 확인했습니까?

만약 그렇지 않다면, 다른 제안은 예외 중단점을 사용하는 것입니다. 그것을 어떻게 설정하고, 실행하고, 로그를 게시하는 방법에 대한 설명을 게시한 누군가가 있습니다.

앱 설치 실패

당신에게 도움이 되길 바랍니다.

완전히 다른 장치에서 일주일에 두 번이나 이 문제가 발생했습니다.

프로젝트가 완벽하게 설치된 일부 앱을 삭제한 후 한 기기에 더 이상의 스토리지가 남아 있지 않았습니다.

장치를 재부팅한 후 다른 장치가 수정되었습니다.

무료 개발자 계정을 사용하는 경우 서명한 다른 앱을 제거해야 할 수도 있습니다.

저에게는 프로비저닝 프로필이었습니다. 개발 대신 배포를 사용했습니다.

저의 쟁점은 내장된 프레임워크였습니다.

"Build Phases" -> "Embed Frameworks" -> "설치할 때만 복사" 확인하면 문제가 해결됩니다.

저는 iOS 11 베타 10, XCode 9 베타 6에서 다음이 작동하지 않았습니다.

장치를 다시 시작
장치에서 앱 삭제
프로젝트에 심볼 링크가 없습니다.
사용 가능한 스토리지가 충분했습니다.

Derived Data 및 voila를 삭제하고 다시 작동했습니다.

제 프로젝트에서 심볼릭 링크가 있는 폴더가 있어서 이 문제가 발생했습니다.그 폴더를 제거했는데 제대로 작동했습니다.

이 오류는 다양한 제안 답변에서 알 수 있듯이 잠재적인 근본 원인이 많습니다.이와 같은 앱 설치 문제를 해결하는 가장 좋은 방법은 iOS 장치 자체의 콘솔을 검사하는 것입니다. 이는 종종 훨씬 더 구체적인 오류 메시지를 제공하기 때문입니다.Xcode에서 'Devices and Simulators' 창을 열고 앱이 설치되어 있는 장치의 로그를 확인합니다.

제 경우 "Can't write to the device"(장치에 쓸 수 없음) 오류가 발생했습니다.

2월 27일 10:54:58 iPhone-7-110 설치 (Mobile System Services)[46] : 0x16f92f000 -[MIBundle _validate]오류 발생:]: 38: /private/var/installd/Library/Caches/com.apple.mobile.installd.staging/temp.ebmR6U/extracted/SampleApp.app/Frameworks/SomeFramework.framework의 번들에서 Info.plist를 로드하지 못했습니다.

그것은 실제로 무슨 일이 일어나고 있는지를 명확하게 암시합니다.나는 그것을 설정하는 것을 잊었습니다.Info.plist(앱에서 사용하는) 동적 프레임워크 대상 파일.

프로젝트에서 프로젝트 외부의 파일에 대한 symlink를 가지고 있었습니다.이 심볼 링크를 삭제했을 때 설치가 잘 되었습니다.

같은 오류가 있었는데 프로젝트를 삭제하고 수정했습니다!

창 -> 프로젝트로 이동하여 마우스 오른쪽 단추를 누른 후 프로젝트에서 제거!

단말기에 같은 번들 식별자를 가진 앱이 있는 경우, Xcode는 이 오류를 던집니다.번들 식별자가 같은 잠재적인 앱을 삭제하려고 합니다.

당신의 제공 프로필을 확인해 보세요, 아마도 당신은 나처럼 앱스토어 제공 프로필을 사용하고 있을 것입니다.앱스토어 제공 프로필을 개발로 변경해야 했는데, 지금은 됩니다.

앱 삭제, 저장 공간 정리, 프로젝트 정리...

마침내 작동한 것은 info.plist(일반 > 빌드)의 빌드 번호를 범핑하는 것이었습니다.

여전히 이 문제에 직면한 모든 사용자:

여러 가지 이유가 있는데, 그 중 하나가 바로 저에게 일어난 일입니다.

동일한 문제가 발생하여 무선으로 연결되어 있는데, 응용 프로그램을 무선 연결 모드(동일한 네트워크를 통해 연결)로 설치하려는 경우 인터넷 연결 상태가 좋지 않아서일 수 있습니다.인터넷 연결을 확인하고 다시 시도해 보십시오. 정상적으로 작동합니다.

내장된 라이브러리를 제거하고, 그냥 집어넣지 말고, 정말로 내장되어 있는지 확인하세요.

아이폰을 디버그에 사용하는 경우, 아마도 아이폰의 저장 공간이 디버그 앱보다 적기 때문일 것입니다.
아이폰 청소 --- 진짜 기계
Mac 정리 --- 시뮬레이터

애플의 놀라운 수준의 개발팀이 제공한 또 다른 시간 낭비인 것 같습니다.iOS11 Xcode9에서 (베타를 선택하고, 아무나 작동합니다) 이것은 무작위로 발생할 것입니다.컴파일하는 동안 감히 앱을 전환할 수 있다면 더 빈번한 것으로 보입니다.다시 빌드하고 xcode를 바라보세요. 제 경험으로는 두 번째로 어김없이 작동할 것입니다.

앱이 설치되는 장치의 시스템 시계가 현재 시간에서 너무 멀리 떨어져 있는 경우에도 이 메시지가 나타날 수 있습니다.

아이폰의 시스템 시계를 바꿔 날짜 형식으로 테스트를 하다가 결국 현재 시간으로 재설정하는 것을 잊어버렸습니다.그 후에는 항상 동일한 메시지("장치에 쓸 수 없음)가 표시됩니다.") 앱을 실행하려고 할 때마다.설정에서 시계를 재설정하는 것만으로 문제가 해결되었습니다.

아무것도 도움이 되지 않았습니다.나는 아래의 단계를 따랐고,

파생 데이터 폴더 정리
Xcode를 종료하고 장치 연결 해제
Macbook 다시 시작
장치 다시 시작
오픈엑스코드
프로젝트 정리 및 실행

드디어 성공했어요!!

저는 같은 문제에 직면해 있다가 이 단계를 따라 해결했고 지금은 작동하고 있습니다.

장치에서 앱 삭제
다른 응용프로그램을 설치해 봅니다.
X-code에서 파생된 데이터를 제거합니다.
X-Code를 다시 시작한 다음 프로젝트를 정리하고 빌드한 다음 실행합니다.

그럼 아직도 안 되네요.

사용하지 않는 응용프로그램 제거
장치를 다시 시작하고 설정에서 Available(사용 가능) 및 Capacity(용량)를 확인합니다.
장치에서 다시 앱 실행

잘 됐으면 좋겠네요, 맛있게 드세요.

문제는 장치에 다른 개발자 자격 증명 집합을 사용하여 처음에 앱을 설치했다는 것입니다.장치에서 앱을 삭제하면 수정됩니다.

아마도 다음과 같은 오류 때문일 것입니다. 앱 설치에 실패했습니다. 코드 서명을 찾을 수 없습니다.프로젝트를 정리한 후 오류에 대한 설명이 "No code signature found"(코드 서명 없음)으로 전환되었습니다.

제 경우에는 두 개의 프레임워크를 만들었지만 동일한 프레임워크를 가지고 있었습니다.bundle identifier.

이로 인해 설치가 실패했기 때문에 프레임워크 번들 식별자를 두 번 확인하고 각 번들에 고유한 번들 식별자가 있는지 확인합니다.

환경 : Xcode 10

때때로 이 오류는 잘못된 인증서로 인해 발생합니다.증명서를 꼭 확인해 주시기 바랍니다.

또한 Xcode를 실행 중인 기계의 공간이 부족한 경우에 표시되는 오류입니다.

디버깅 목적으로 앱 컨테이너를 아이패드에 로드해야 했을 때 컨테이너가 이 장치에 비해 너무 커서(16GB에서 OS를 뺀) 작업이 실패했다고 해서 작업을 중단하고 완전히 잊어버리고 실패한 설치를 장치에 남겨두었습니다.나중에 다른 애플리케이션을 설치하려고 하면 실패한 앱 설치를 제거하고 나면 모든 것이 정상으로 돌아갔습니다.기본적으로 아이패드의 용량이 부족할 수도 있습니다.

이러한 일이 발생할 수 있는 한 가지 이유는 앱 번들에 깨진 심볼 링크가 포함되어 있기 때문입니다.

언급URL : https://stackoverflow.com/questions/31002642/app-installation-failed-could-not-write-to-the-device

외부 API 통합을 위한 Best Wordpress 플러그인

css3 — Wed, 1 Nov 2023 22:32:17 +0900

외부 API 통합을 위한 Best Wordpress 플러그인

외부 api에서 데이터를 검색하고 이 데이터를 게시물/워드프레스 페이지에 표시하기 위해 워드프레스 플러그인을 찾고 있습니다.구글 검색을 많이 했는데 아직 플러그인을 찾지 못했습니다.누가 그런 플러그인을 추천해 줄 수 있습니까?어떤 힌트라도 감사히 받겠습니다.

보통 API에 사용할 수 있는 플러그인은 없습니다.어떤 종류의 API를 사용하느냐에 따라 완전히 달라집니다.많은 API는 문서 튜토리얼을 제공합니다. 문서 튜토리얼은 명확하게 제공합니다. 어떻게 데이터를 끄집어내고 편집하고 페이지에 표시하는 방법 등을 제공합니다.또한 당신이 사용하고 있는 API를 지정하지 않았습니다.API 링크 공유 부탁드립니다.한편, 다음과 같은 예로 시도해 볼 수 있습니다.

$url = "http://api.crunchbase.com/v/1/company/audible-coffee.js?
api_key=API_KEY&callback=?";
$jsondata = file_get_contents($url);
$obj = json_decode($jsondata);

아니면

   $url="https:/zyz.com/GetJobPackage&jobidABRASIruWl;
   $content = file_get_contents($url);
   $array = json_decode(json_encode((array)simplexml_load_string($content)),1);
   echo '<pre>';
   echo print_r($array);

너 같은 거 먹어볼 수 있어요.API 링크를 공유해주시면 저희가 도와드릴 수도 있고 누구나 도와드릴 수 있습니다.감사해요.

음, 저는 판매자로부터 apis에 연결해야 하는 비슷한 상황에 처해 있다는 것을 발견했습니다.운 좋게 wp에서 이 플러그인을 통과했고 그 프로 버전이 내 일을 마쳤습니다.그들의 지원팀이 제가 플러그인 기능을 설치하고 설명하는 것을 도와주었습니다.

언급URL : https://stackoverflow.com/questions/28660995/best-wordpress-plugin-to-integrate-external-api%c2%b4s

보기 삭제 버튼 텍스트를 변경하는 방법

css3 — Wed, 1 Nov 2023 22:32:11 +0900

보기 삭제 버튼 텍스트를 변경하는 방법

안녕하세요 저는 사용자가 제 테이블 뷰 내부의 적합한 뷰 셀을 스와이프할 때 삭제 버튼에 표시되는 텍스트를 변경하려고 합니다.

다른 질문 스레드에서 이 테이블 보기 대리인을 사용하라는 예제를 본 적이 있습니다.

- (NSString *)tableView:(UITableView *)tableView titleForDeleteConfirmationButtonForRowAtIndexPath:(NSIndexPath *)indexPath

제 질문은 이 방법을 어떻게 사용하느냐는 것입니다.저는 이것을 어떻게 사용하는지 잘 모르겠습니다.

관리하는 컨트롤러에서UITableView당신은 실행해야 합니다.UITableviewDelegate그리고 당신의 메소드에 대해 당신이 원하는 타이틀을 내부로 반환합니다.titleForDeleteConfirmationButtonForRowAtIndexPath방법.

예:

@interface CategoryAddViewController : UITableViewController
@end

@implementation CategoryAddViewController
// ...
-(NSString *)tableView:(UITableView *)tableView titleForDeleteConfirmationButtonForRowAtIndexPath:(NSIndexPath *)indexPath {
return @"Please don't delete me!";
}

@end

당신을 떠나보내는 것과 같은 것.

Swift에서는 동일하지만, 메서드 서명만 다를 뿐입니다.

func tableView(tableView: UITableView, titleForDeleteConfirmationButtonForRowAtIndexPath indexPath: NSIndexPath) -> String? {
  return "Erase"
}

삭제 대신 표시할 문자열만 반환하면 됩니다.모든 행에 대해 "지우기"를 표시하고 싶다고 할 때, 위의 함수는 다음을 포함해야 합니다.

return @"Erase";

읽어보기

뷰 컨트롤러가 아직 UITableViewController가 아닌 경우에도 .h 파일에 UITableViewDelegate를 추가합니다.그것은 다음 중 하나가 될 수 있다는 것입니다.

@interface SomeView : UIViewController <UITableViewDelegate>

오어

@interface SomeView : UITableViewController

스위프트 4.2

override func tableView(_ tableView: UITableView, titleForDeleteConfirmationButtonForRowAt indexPath: IndexPath) -> String? {
        return "Erase"
    }

언급URL : https://stackoverflow.com/questions/7394988/how-to-change-uitableview-delete-button-text

아약스 wooCommerce 3 제품 변형 카트에 추가 버튼

css3 — Wed, 1 Nov 2023 22:32:04 +0900

아약스 wooCommerce 3 제품 변형 카트에 추가 버튼

여기 이 버튼이 있어요.이 버튼의 사용은 상품 ID가 237, 변형 ID가 208673, 블루투스의 속성_pa_option인 상품을 카트에 추가하는 것입니다.이것을 AJAX로 가는 방법이 있습니까?

<div class="btnss">
    <span class="price">
        <span class="woocommerce-Price-amount amount">6,999&nbsp;
            <span class="woocommerce-Price-currencySymbol">kr</span>
        </span>
    </span>
    <div class="quantity buttons_added">
        <input type="button" value="-" class="minus">
        <label class="screen-reader-text" for="quantity_5b101f605f067">Quantity</label>
        <input type="number" id="quantity_5b101f605f067" class="input-text qty text" step="1" min="1" max="" name="quantity" value="1" title="Qty" size="4" pattern="[0-9]*" inputmode="numeric" aria-labelledby="">
        <input type="button" value="+" class="plus">
    </div>
    <a href="/?add-to-cart=237&variation_id=208673&attribute_pa_option=bluetooth" class="button product_type_simple add_to_cart_button ajax_add_to_cart">Add to cart</a>
</div>

저는 그것을 작동시키기 위해 제품 변형을 위해 커스텀 아약스 애드 투 카트를 단독으로 사용합니다.

1). 나는 먼저 당신의 버튼 html을 조금 바꿨습니다.

<div class="btnss">
    <span class="price">
        <span class="woocommerce-Price-amount amount">6,999&nbsp;
            <span class="woocommerce-Price-currencySymbol">kr</span>
        </span>
    </span>
    <div class="quantity buttons_added">
        <input type="button" value="-" class="minus">
        <label class="screen-reader-text" for="quantity_5b101f605f067">Quantity</label>
        <input type="number" id="quantity_5b101f605f067" class="input-text qty text" step="1" min="1" max="" name="quantity" value="1" title="Qty" size="4" pattern="[0-9]*" inputmode="numeric" aria-labelledby="">
        <input type="button" value="+" class="plus">
    </div>
    <a href="#" class="button product_type_variation add_to_cart_button ajax variation" data-product_id="237" data-variation_id="208673" data-quantity="1" data-variation="pa_option=bluetooth">Add to cart</a>
</div>

보시다시피 저는 버튼을 사용하지 않습니다.hrefajax를 통해 데이터를 게시할 때 속성.

속성의 경우 하나 이상의 쌍을 가지면 다음과 같이 각 쌍을 혼수 상태로 분리합니다.

data-variation="pa_option=bluetooth,pa_color=red-shiny"

2). PHP (Wordpress-Ajax) 및 jQuery (Ajax) 코드:

// Wordpress Ajax php: Adding variation to cart
add_action( 'wp_ajax_nopriv_variation_to_cart', 'product_variation_add_to_cart' );
add_action( 'wp_ajax_variation_to_cart', 'product_variation_add_to_cart' );
function product_variation_add_to_cart() {
    if( isset($_POST['pid']) && $_POST['pid'] > 0 ){
        $product_id   = (int) $_POST['pid'];
        $variation_id = (int) $_POST['vid'];
        $quantity     = (int) $_POST['qty'];
        $attributes   = explode(',', $_POST['var']);
        $variation    = array();
        foreach($attributes as $values){
            $values = explode('=', $values);
            $variation['attributes_'.$values[0]] = $values[1];
        }
        WC()->cart->add_to_cart( $product_id, $quantity, $variation_id, $variation );
        echo true;
    }
    die(); // To avoid server error 500
}

// The Jquery ajax script
add_action( 'wp_footer', 'custom_product_variation_script' );
function custom_product_variation_script() {
    // HERE set the page or the post ID
    $the_id = 102;

    if( ! ( is_page($the_id) || is_single($the_id) ) ) return;

    $view_cart = '<a href="'.wc_get_cart_url().'" class="added_to_cart wc-forward" title="View cart">View cart</a>';
    $adding    = __('Adding to cart…', 'woocommerce');
    ?>
    <script type="text/javascript">
    jQuery( function($){
        // wc_add_to_cart_params is required to continue
        if ( typeof wc_add_to_cart_params === 'undefined' )
            return false;

        var a = 'a.button.ajax.variation',
            b = $(a).html(),
            c = '<?php echo $view_cart; ?>',
            d = '<?php echo $adding; ?>';

        // Sync the data-quantity attribute
        $('input.minus,input.plus').on( 'click blur', function(){
            $(a).attr('data-quantity',$('input.qty').val());
        });
        $('input.qty').on('input click blur', function(){
            $(a).attr('data-quantity',$('input.qty').val());
        })

        $(a).on('click', function(e){
            e.preventDefault();

            $('a.wc-forward').remove();
            $(a).html(d);

            // The Ajax request
            $.ajax({
                type: 'POST',
                url: wc_add_to_cart_params.ajax_url,
                data: {
                    'action': 'variation_to_cart',
                    'pid'   : $(a).attr('data-product_id'),
                    'vid'   : $(a).attr('data-variation_id'),
                    'qty'   : $(a).attr('data-quantity'),
                    'var'   : $(a).attr('data-variation'),
                },
                success: function (response) {
                    if(response){
                        // Update button and refresh minicart fragments
                        setTimeout(function(){
                            $(a).addClass('added').html(b).after(c);
                            $(document.body).trigger('added_to_cart').trigger('wc_fragment_refresh');
                        }, 500);
                    }
                },
                error: function (error) {
                    $(a).addClass('failed').html('Add to cart failed!');
                    console.log(error);
                }
            });
        });
    });
    </script>
    <?php
}

코드가 작동합니다.활성 하위 테마(또는 활성 테마)의 php 파일입니다.테스트를 거쳐 작동합니다.

이 플러그인("Wocommerce Ajax add to cart for variable products")을 사용하여 변화의 속성(예: 색상)과 프론트엔드의 수량을 선택한 후에 눌러야 하는 "Add to cart" 버튼을 Ajaxify 할 수 있습니다.이 플러그인을 기본적으로 사용하지 않으면 "수레에 추가"를 누르면 페이지가 새로 고쳐집니다.

언급URL : https://stackoverflow.com/questions/50631834/ajax-add-to-cart-button-for-product-variation-in-woocommerce-3

다른 요소 뒤에 요소를 추가하려면 어떻게 해야 합니까?

css3 — Wed, 1 Nov 2023 22:31:55 +0900

다른 요소 뒤에 요소를 추가하려면 어떻게 해야 합니까?

특정 문자함이 있는데 그 뒤에 디브를 추가하고 싶습니다.해봤습니다..append()function, 그러나 그것은 요소의 div만 추가합니다.

예를 들어 다음과 같은 것이 있습니다.

<input type="text" id="bla" />

그리고 나는 그것을 다음과 같이 바꾸고 싶습니다.

<input type="text" id="bla" /><div id="space"></div>

사용해 보다after()방법:

$('#bla').after('<div id="space"></div>');

문서화

해라

.insertAfter()

여기서

$(content).insertAfter('#bla');

일단은.input요소에 종결 태그가 없어야 합니다(http://www.w3.org/TR/html401/interact/forms.html#edef-INPUT : End tag : infird).

두번째로, 당신은 그것이 필요합니다.append()기능.

해결된 jQuery: 요소 뒤에 요소 추가

<script>
$( "p" ).after( "<strong>Hello</strong>" );
</script>

오어

<script type="text/javascript"> 
jQuery(document).ready(function(){
jQuery ( ".sidebar_cart" ) .insertAfter( "<a href='http://#'>Continue Shopping</a>" );
});
</script>

언급URL : https://stackoverflow.com/questions/2244605/how-can-i-add-an-element-after-another-element

(ActiveXObject 없이) JavaScript로 Excel 파일을 읽는 방법

css3 — Wed, 1 Nov 2023 22:31:49 +0900

(ActiveXObject 없이) JavaScript로 Excel 파일을 읽는 방법

친구가 엑셀 파일에서 차트(막대, 곡선)를 생성하는 간단한 어플리케이션을 만들어 달라고 부탁했습니다.저는 이미 강력한 chart.js를 알고 있기 때문에 자바스크립트를 언어로 사용하기로 했습니다.하지만 chart.js를 사용하기 전에 엑셀 파일에서 데이터를 수집해야 합니다.그렇다면 자바스크립트를 통해 엑셀 파일을 읽는 방법은?

몇 가지 조사 끝에 (ActiveX를 사용하여) Internet Explorer로 이 작업을 수행했지만 브라우저 간에 작동하려면 이 작업이 필요합니다.

순수 자바스크립트로 XLS & XLSX를 파싱할 수 있는 자바스크립트 라이브러리가 있습니다.Chrome으로 테스트를 해봤는데(Windows상에서도) 정상적으로 작동했습니다.

이 문제에 대한 또 다른 관점이 있는데, 자바스크립트로 엑셀 파일을 읽는 대신 펀펀 엑셀 애드인의 도움으로 엑셀에서 자바스크립트를 직접 사용할 수 있었습니다.기본적으로 펀펀은 Excel에서 자바스크립트를 사용할 수 있게 해주는 도구이므로, Chart.js와 같은 라이브러리를 사용하여 스프레드시트의 데이터로부터 차트를 플롯할 수 있습니다.

기본적으로, 당신이 해야 할 일은

1). Office Add-in 스토어에서 Funfun Add-in을 삽입합니다.

2). 새로운 펀펀을 만들거나 펀펀 온라인 편집기에서 샘플을 로드합니다.

3). 다른 자바스크립트 편집기에서처럼 자바스크립트 코드를 작성합니다.이 단계에서 스프레드시트의 데이터를 직접 사용하기 위해서는 일부 JSON I/O를 작성하여 Excel 셀을 참조해야 합니다.이 값이 Setting-short에 있는 위치입니다. 하지만 이 값은 몇 줄에 불과합니다.예를 들어, 스프레드시트에 아래와 같은 데이터가 있다고 가정해 보겠습니다.평균 시간은 셀 A1에 있습니다.

Average hours    Jan    Feb   Mar    Apr
Baby Jones       93.5   81    94.5   95.5
Joanne Jones     91.5   90    88.5   85.5

이 경우 JSON I/O 값은 다음과 같습니다.

{
    "months": "=C6:G6",
    "manager1": "=C7:G7",
    "manager2": "=C8:G8"
}

자세한 설명은 펀펀(Funfun) 설명서를 확인할 수 있습니다.

4). 코드를 실행하여 도표를 표시합니다.

펀펀 온라인 에디터에서 자바스크립트(Chart.js)와 엑셀 데이터를 이용하여 만든 샘플 차트입니다.아래 링크에서 확인하실 수 있습니다.2단계에서 설명한 것처럼 엑셀에 쉽게 로드할 수도 있습니다.

https://www.funfun.io/1/edit/5a365e7c74efa7334ff272a6

공개:저는 펀펀의 개발자입니다.

Excel 파일에서 데이터를 쉽게 로드할 수 있는 Chart.js 플러그인 chartjs-plugin-data source가 있습니다.

아래와 같이 엑셀 파일이 있다고 가정해보자 다음과 같이 저장됩니다.mydata.xlsxHTML 파일과 동일한 디렉토리에 있습니다.

+---------------+---------+----------+-------+-------+------+------+------+
|               | January | February | March | April | May  | June | July |
+---------------+---------+----------+-------+-------+------+------+------+
| Temperature   |       7 |        7 |    10 |    15 |   20 |   23 |   26 |
+---------------+---------+----------+-------+-------+------+------+------+
| Precipitation |     8.1 |     14.9 |  41.0 |  31.4 | 42.6 | 57.5 | 36.0 |
+---------------+---------+----------+-------+-------+------+------+------+

Chart.js, SheetJS(js-xlsx) 및 chartjs-plugin-datasource를 페이지에 포함합니다.

<script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>
<script src="https://cdn.jsdelivr.net/npm/xlsx@0.14.3/dist/xlsx.full.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datasource@0.1.0"> </script>

<canvas id="myChart"></canvas>

그런 다음 지정합니다.mydata.xlsx당신의 대본에.

var ctx = document.getElementsById("myChart");
var chart = new Chart(ctx, {
    type: 'bar',
    data: {
        datasets: [{
            type: 'line',
            yAxisID: 'temperature',
            backgroundColor: 'transparent',
            borderColor: 'rgb(255, 99, 132)',
            pointBackgroundColor: 'rgb(255, 99, 132)',
            tension: 0,
            fill: false
        }, {
            yAxisID: 'precipitation',
            backgroundColor: 'rgba(54, 162, 235, 0.5)',
            borderColor: 'transparent'
        }]
    },
    plugins: [ChartDataSource],
    options: {
        scales: {
            yAxes: [{
                id: 'temperature',
                gridLines: {
                    drawOnChartArea: false
                }
            }, {
                id: 'precipitation',
                position: 'right',
                gridLines: {
                    drawOnChartArea: false
                }
            }]
        },
        plugins: {
            datasource: {
                url: 'mydata.xlsx'
            }
        }
    }
});

ActiveX를 사용하지 않으면 엑셀 파일을 읽을 수 없을 것 같습니다.ActiveX 없이는 엑셀파일을 읽을 수 없다는 것은 아니지만, 그 방법은 잘 모릅니다. Active를 사용해서 읽고 싶다면 엑셀파일을 읽을 때 사용할 수 있는 코드가 여기 있습니다.

<input type="button" id="btnSubmit" onclick="readdata(1, 2)" value="Submit" />
<script>
var xVal = 1;
var yVal = 2

    function readdata(x,y) {
        x = xVal;
        y = yVal;
        try {
            var excel = new ActiveXObject("Excel.Application");
            excel.Visible = false;
            var excel_file = excel.Workbooks.Open("D:\\Test.xls");// alert(excel_file.worksheets.count);
            var excel_sheet = excel_file.Worksheets("Sheet1");

            for(i=0;i<5;i++)
            {
               var data = excel_sheet.Cells(i,2).Value;
                drawWithexcelValue(data);
            }


        }
        catch (ex) {
            alert(ex);
        }

</script>

IE 9 이상에서만 실행되며 설정에서 activeX 기능을 활성화해야 합니다.

언급URL : https://stackoverflow.com/questions/16630413/how-can-i-read-an-excel-file-with-javascript-without-activexobject

데이터를 삽입했지만 jquery는 여전히 오류를 반환합니다.

css3 — Wed, 1 Nov 2023 22:31:40 +0900

데이터를 삽입했지만 jquery는 여전히 오류를 반환합니다.

저는 데이터 서비스를 통해 데이터를 삽입하기 위해 jQuery를 팔로우했습니다.상태 응답 201을 받고 데이터가 데이터베이스에 성공적으로 삽입되었지만 시스템은 여전히 오류로 간주하고 "실패" 경고를 표시합니까?

내가 뭘 놓치고 있는 거지?

$.ajax({
    type: "POST",
    url: "http://localhost:49223/Form/WebDataService.svc/XMLForm(guid'1eaef3a0-d6df-45bf-a8f6-3e7292c0d77e')/XMLRecord/",
    data: JSON.stringify(record),
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function() {
        alert("Success");
    },
    error: function(xhr) {
        alert("fail");
    }
});

업데이트:

Fire Bug에서 디버그 메시지:

Preferences

POST http://localhost:49223/Form/WebDataService.svc/X...ef3a0-d6df-45bf-a8f6-3e7292c0d77e%27)/XMLRecord/

POST http://localhost:49223/Form/WebDataService.svc/XMLForm(guid%271eaef3a0-d6df-45bf-a8f6-3e7292c0d77e%27)/XMLRecord/

jquery....min.js (line 127)
POST http://localhost:49223/Form/WebDataService.svc/X...ef3a0-d6df-45bf-a8f6-3e7292c0d77e%27)/XMLRecord/

POST http://localhost:49223/Form/WebDataService.svc/XMLForm(guid%271eaef3a0-d6df-45bf-a8f6-3e7292c0d77e%27)/XMLRecord/

201 Created 6.7s

POST http://localhost:49223/Form/WebDataService.svc/X...ef3a0-d6df-45bf-a8f6-3e7292c0d77e%27)/XMLRecord/

POST http://localhost:49223/Form/WebDataService.svc/XMLForm(guid%271eaef3a0-d6df-45bf-a8f6-3e7292c0d77e%27)/XMLRecord/

201 Created


get readyState 4

get responseText "{ "d" : {\r\n"__metadata"...\')/XMLForm"\r\n}\r\n}\r\n} }"

get responseXML null

get status 201

get statusText "Created"

성공 함수가 jQuery 및 빈 응답과 함께 작동하도록 하려면 {dataType: 'text'}을(를) 전송해야 합니다.

해결책:

이전 코드에서 오류가 발생하는 방법을 여전히 파악할 수 없지만, (적어도 지금은) 저에게 적합한 대체 솔루션을 얻었습니다.

더 많은 아이디어를 듣고 싶습니다.

모두에게 감사를 표합니다.

$.ajax({
            type: "POST",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            url: "http://localhost:49223/Form/WebDataService.svc/XMLForm(guid'1eaef3a0-d6df-45bf-a8f6-3e7292c0d77e')/XMLRecord/",
            data: JSON.stringify(record),
            complete: function(xhr) {
                if (xhr.readyState == 4) {
                    if (xhr.status == 201) {
                        alert("Created");
                    }
                } else {
                    alert("NoGood");
                }
            }
            //                
            //                success: function(data) {
            //                    alert("Success");
            //                },
            //                error: function(xhr) {
            //                    alert("fail" + xhr);
            //                }
        });

내용이 없는 201이 반드시 유효하지 않은 것으로 간주되기 때문이 아니라 빈 문자열("")을 구문 분석하는 것이 JSON 구문 분석 오류이기 때문에 발생합니다.

이 동작은 dataFilter를 설정하여 전역적으로 또는 요청별로 변경할 수 있습니다.

$.ajaxSetup({
    dataFilter: function(data, dataType) {
        if (dataType == 'json' && data == '') {
            return null;
        } else {
            return data;
        }
    }
});

전에 이런 일이 있었어요.제 문제는 질의 문자열 끝에 '.json' 확장자가 포함되어 있지 않아서 XML을 돌려받고 있었습니다.jQuery가 xml을 json으로 구문 분석하려고 하면 오류 처리기가 호출됩니다.

저는 jQuery_2.1.1을 사용하는데 비슷한 문제가 있었습니다. PUT가 error() handler로 넘어갔습니다.나의 REST api call principle은

PUT to named key path (/rest/properties/mykey1): 204=기존 개체 updated, 201=새 개체 생성 및 반환 위치 헤더, XXX=anything 등 오류와 가장 유사합니다.
알 수 없는 키 경로(/rest/properties)로 POST: 201=새 개체를 만들고 위치 헤더를 반환합니다. XXX= anything 기타 오류가 가장 많습니다.

http status 204는 NoContent라서 jQuery는 괜찮았지만 201=Created는 json body object를 기대하고 있었는데 0length body part를 반품했습니다.위치 응답 헤더에 리소스 주소가 지정되었습니다.

몇 가지 코너 케이스에 따라 json 개체를 반환할 수 있으므로 datatype: "json" 속성을 사용해야 했습니다.나의 jQuery 솔루션은 201 상태 확인 오류()와 call success() 함수였습니다.

$.ajax({
    url: "/myapp/rest/properties/mykey1",
    data: jsonObj, 
    type: "PUT",
    headers: { "Accept":"application/json", "Content-Type":"application/json" },
    timeout: 30000,
    dataType: "json",
    success: function(data, textStatus, xhr) {
        data="Server returned " + xhr.status;
        if (xhr.status==201) data+=" "+xhr.getResponseHeader("location");
        $("#ajaxreply").text(data);
    },
    error: function(xhr, textStatus, ex) {
        if (xhr.status==201) { this.success(null, "Created", xhr); return; }
        $("#ajaxreply").text( textStatus + "," + ex + "," + xhr.responseText );
    }
});

다른 유사한 스레드에서 이에 대한 답변입니다.

저도 같은 문제가 있었는데, 이 문제를 해결해 준 한 가지는 "dataType"을 그대로 둔다는 것이었습니다.이 작업을 수행하면 서버가 반환하는 데이터 유형을 추측하고 서버가 컨텐츠가 없는 201을 반환할 때 오류를 발생시키지 않습니다.

언급URL : https://stackoverflow.com/questions/2233553/data-inserted-successful-but-jquery-still-returning-error

MySQL: 관계에 참여하지 않는 행 찾기

css3 — Wed, 1 Nov 2023 22:31:32 +0900

MySQL: 관계에 참여하지 않는 행 찾기

저는 '영화'와 '사용자'라는 두 개의 테이블을 가지고 있습니다.이들 사이에는 사용자가 본 영화를 설명하는 n:m 관계가 있습니다.이것은 '본' 표와 함께 설명됩니다. 이제 저는 특정 사용자, 그가 보지 못한 모든 영화에 대해 알아보려고 합니다.현재 솔루션은 다음과 같습니다.

SELECT *
FROM movies 
WHERE movies.id NOT IN (
     SELECT seen.movie_id 
     FROM seen 
     WHERE seen.user_id=123
)

이것은 잘 작동하지만 확장이 잘 되지 않는 것 같습니다.이에 대한 더 나은 접근 방법이 있습니까?

보여준 하위 쿼리 방법을 사용하지 않고 이 쿼리를 수행하는 일반적인 방법은 다음과 같습니다.이는 조인 기반 솔루션을 보고 싶다는 @Godke의 요청을 만족시킬 수 있습니다.

SELECT * 
FROM movies m
 LEFT OUTER JOIN seen s
 ON (m.id = s.movie_id AND s.user_id = 123)
WHERE s.movie_id IS NULL;

그러나 대부분의 데이터베이스 브랜드에서 이 솔루션은 하위 쿼리 솔루션보다 성능이 떨어질 수 있습니다.두 쿼리를 모두 분석할 때는 EXPRESON을 사용하여 스키마와 데이터를 고려할 때 어떤 쿼리가 더 효과적인지 확인하는 것이 가장 좋습니다.

하위 쿼리 솔루션에 대한 또 다른 변화는 다음과 같습니다.

SELECT * 
FROM movies m
WHERE NOT EXISTS (SELECT * FROM seen s 
                  WHERE s.movie_id = m.id 
                    AND s.user_id=123);

이는 상관 관계가 있는 하위 쿼리로, 외부 쿼리의 모든 행에 대해 평가해야 합니다.일반적으로 비용이 많이 들고 원래 예제 쿼리가 더 좋습니다.반면 MySQL에서는 "NOT EXISTS" 종종 "보다 낫습니다.column NOT IN (...)"

다시 한 번 각 솔루션을 검정하고 결과를 비교하여 확실하게 확인해야 합니다.성능을 측정하지 않고 솔루션을 선택하는 것은 시간 낭비입니다.

쿼리가 작동할 뿐만 아니라 명시된 대로 문제에 대한 올바른 접근 방식입니다.문제에 접근할 수 있는 다른 방법을 찾을 수 있을까요?예를 들어, 큰 테이블의 경우에도 외부 선택에 대한 간단한 LIMIT는 매우 빠릅니다.

조인 테이블이 표시되어 있습니다. 예, 올바른 솔루션인 것 같습니다.동영상의 전체에서 SEEN(사용자의 경우)에 있는 동영상 ID 집합을 효과적으로 "추출"하여 해당 사용자에게 보이지 않는 동영상을 생성하는 것입니다.

이것은 "부정적인 조인"이라고 불리는데 안타깝게도 NOT IN 또는 NOT EXISMENT가 최선의 선택입니다.(INNER/OUTER/LEFT/RIGHT 조인과 유사한 네거티브 조인 구문을 보고 싶지만 ON 절이 뺄셈 문일 수 있습니다.)

@Bill은 하위 쿼리가 없는 솔루션이 효과가 있을 것입니다. 비록 Bill은 솔루션의 성능을 두 가지 방법으로 테스트하는 것이 좋습니다.나는 그 서브쿼리가 전체적으로 보이든 안 보이든 아니든.ID 인덱스(물론 전체 무비).ID 인덱스)는 두 가지 방식으로 평가됩니다. 즉, 최적화자가 이를 처리하는 방식에 따라 달라집니다.

DBMS가 비트맵 인덱스를 지원하는 경우 시도해 볼 수 있습니다.

언급URL : https://stackoverflow.com/questions/544094/mysql-finding-rows-that-dont-take-part-in-a-relationship

Lazy div 배경 이미지를 로드하는 방법

css3 — Wed, 1 Nov 2023 22:31:25 +0900

Lazy div 배경 이미지를 로드하는 방법

많은 사람들이 알다시피 이미지를 게으르게 로드하는 데 널리 사용됩니다.

이제 이것을 게으른 load div 배경 이미지로 사용하고 싶습니다.

내가 어떻게 그럴 수 있을까?

저는 현재 그 플러그인을 http://www.appelsiini.net/projects/lazyload 에서 사용할 수 있습니다.

그래서 div background와 같이 작동하는 방향으로 수정해야 합니다.

도움이 필요합니다.감사해요.

아래 부분은 게으른 이미지를 로드한다고 생각합니다.

$self.one("appear", function() {
    if (!this.loaded) {
        if (settings.appear) {
            var elements_left = elements.length;
            settings.appear.call(self, elements_left, settings);
        }
        $("<img />")
            .bind("load", function() {
                $self
                    .hide()
                    .attr("src", $self.data(settings.data_attribute))
                    [settings.effect](settings.effect_speed);
                self.loaded = true;

                /* Remove image from array so it is not looped next time. */
                var temp = $.grep(elements, function(element) {
                    return !element.loaded;
                });
                elements = $(temp);

                if (settings.load) {
                    var elements_left = elements.length;
                    settings.load.call(self, elements_left, settings);
                }
            })
            .attr("src", $self.data(settings.data_attribute));
    }
});

Jquery 플러그인 레이지 로드

먼저 교환하고 싶을 때는 생각을 해봐야 합니다.예를 들어 div 태그가 로드될 때마다 전환할 수 있습니다.예를 들어 저는 추가 데이터 필드 "배경"을 사용했으며, 설정할 때마다 이미지가 배경 이미지로 적용됩니다.

그러면 생성된 이미지 태그와 함께 Data를 로드하면 됩니다.그리고 img 태그를 덮어쓰지 말고 cs 배경 이미지를 적용하세요.

다음은 코드 변경의 예입니다.

if (settings.appear) {
    var elements_left = elements.length;
    settings.appear.call(self, elements_left, settings);
}
var loadImgUri;
if($self.data("background"))
    loadImgUri = $self.data("background");
else
    loadImgUri  = $self.data(settings.data_attribute);

$("<img />")
    .bind("load", function() {
        $self
            .hide();
        if($self.data("background")){
            $self.css('backgroundImage', 'url('+$self.data("background")+')');
        }else
            $self.attr("src", $self.data(settings.data_attribute))

        $self[settings.effect](settings.effect_speed);

        self.loaded = true;

        /* Remove image from array so it is not looped next time. */
        var temp = $.grep(elements, function(element) {
            return !element.loaded;
        });
        elements = $(temp);

        if (settings.load) {
            var elements_left = elements.length;
            settings.load.call(self, elements_left, settings);
        }
    })
    .attr("src", loadImgUri );
}

적재량은 그대로임

$("#divToLoad").lazyload();

그리고 이 예제에서는 다음과 같이 html 코드를 수정해야 합니다.

<div data-background="http://apod.nasa.gov/apod/image/9712/orionfull_jcc_big.jpg" id="divToLoad" />

그러나 div 태그로 스위치를 변경한 후 "data-original" 속성을 사용할 수 있는 경우에도 작동합니다.

다음은 http://jsfiddle.net/dtm3k/1/ 입니다.

편집: 아래로부터의 게시물은 2012년의 것이고 지금쯤이면 구식입니다!

저는 이렇게 합니다.

<div class="lazyload" style="width: 1000px; height: 600px" data-src="%s">
    <img class="spinner" src="spinner.gif"/>
</div>

로 짐을 싣습니다.

$(window).load(function(){

    $('.lazyload').each(function() {

        var lazy = $(this);
        var src = lazy.attr('data-src');

        $('<img>').attr('src', src).load(function(){
            lazy.find('img.spinner').remove();
            lazy.css('background-image', 'url("'+src+'")');
        });
    
    });

});

작년 중순 2020년 웹.dev는 새로운 것과 이것을 할 수 있는 몇가지 새로운 방법을 공유하는 기사를 올렸습니다.IntersectionObserver작성 시 이 답변은 모든 주요 브라우저에서 지원됩니다.이렇게 하면 이미지가 뷰포트 가장자리로 이동한 후 로드될 때까지 기다리는 동안 매우 가벼운 무게의 배경 이미지 또는 배경색 자리 표시자를 사용할 수 있습니다.

CSS

.lazy-background {
  background-image: url("hero-placeholder.jpg"); /* Placeholder image */
}

.lazy-background.visible {
  background-image: url("hero.jpg"); /* The final image */
}

자바스크립트

document.addEventListener("DOMContentLoaded", function() {
  var lazyBackgrounds = [].slice.call(document.querySelectorAll(".lazy-background"));

  if ("IntersectionObserver" in window) {
    let lazyBackgroundObserver = new IntersectionObserver(function(entries, observer) {
      entries.forEach(function(entry) {
        if (entry.isIntersecting) {
          entry.target.classList.add("visible");
          lazyBackgroundObserver.unobserve(entry.target);
        }
      });
    });

    lazyBackgrounds.forEach(function(lazyBackground) {
      lazyBackgroundObserver.observe(lazyBackground);
    });
  }
});

플러그인의 공식 사이트에서 이 내용을 발견했습니다.

<div class="lazy" data-original="img/bmw_m1_hood.jpg" style="background-image: url('img/grey.gif'); width: 765px; height: 574px;"></div>

$("div.lazy").lazyload({
      effect : "fadeIn"
});

출처 : http://www.appelsiini.net/projects/lazyload/enabled_background.html

도움이 될만한 "게으른 부하" 플러그인을 만들었습니다.사용자의 경우 작업을 완료할 수 있는 방법은 다음과 같습니다.

$('img').lazyloadanything({
    'onLoad': function(e, LLobj) {
        var $img = LLobj.$element;
        var src = $img.attr('data-src');
        $img.css('background-image', 'url("'+src+'")');
    }
});

maosmurf의 예처럼 간단하지만 요소가 시야에 들어오면 이벤트 발화의 "게으른 부하" 기능을 제공합니다.

https://github.com/shrimpwagon/jquery-lazyloadanything

이 질문을 하는 것은 잠시였지만, 2020년에 다른 답변을 공유할 수 없다는 것을 의미하지는 않습니다.여기 jquery:jQuery Lazy와 함께하는 멋진 플러그인이 있습니다.

Lazy의 기본 사용법:

HTML

<!-- load background images of other element types -->
<div class="lazy" data-src="path/to/image.jpg"></div>
enter code here

 $('.lazy').Lazy({
    // your configuration goes here
    scrollDirection: 'vertical',
    effect: 'fadeIn',
    visibleOnly: true,
    onError: function(element) {
        console.log('error loading ' + element.data('src'));
    }
});

배경 이미지는 로딩이 귀찮습니다.그게 다예요!

실제 예제와 더 자세한 내용을 보려면 이 lazy-doc 링크를 확인하십시오.

위에서 언급한 플러그인을 사용하여 이미지를 게으르게 로드하는 것은 스크롤 이벤트에 청취자를 부착하거나 setInterval을 사용하는 기존 방식을 사용하며 getBoundingClientRect()를 호출할 때마다 브라우저가 전체 페이지를 다시 배치하도록 강요하고 웹 사이트에 상당한 jank를 도입하기 때문에 성능이 매우 떨어집니다.

InteractionObserver를 사용하여 이미지를 지연 로드하는 Lozad.js(의존 관계 없이 569바이트만 사용)를 사용합니다.

jQuery 미포함

HTML

background-image: url ('default-loading-image')

data-src="image-you-load-to-load"

<div class="ajustedBackground"  style="background-image: url('default-loading-image');" data-src="image-you-want-to-load"><div>

var tablinks = document.getElementsByClassName("ajustedBackground");
    for (i = 0; i < tablinks.length; i++) {
      var lazy = tablinks[i];
      var src = lazy.dataset.src;

      lazy.style.backgroundImage =  'url("'+src+'")';
    }

.ajustedBackground{
  width: 100%;
  height: 300px;
  background-size: 100%;
  border-radius: 5px;
  background-size: cover;
  background-position: center;
  position: relative;
}

<div class="ajustedBackground"  style="background-image: url('https://monyo.az/resources/img/ezgif-6-b10ea37ef846.gif');" data-src="https://monyo.az/resources-qrcode/img/Fathir_7%201.png"><div>

모두 찾습니다.ajustedBackgroundclassname in html and load image fromdata-src

function lazyloadImages(){
    var tablinks = document.getElementsByClassName("ajustedBackground");
    for (i = 0; i < tablinks.length; i++) {
      var lazy = tablinks[i];
      var src = lazy.dataset.src;

      lazy.style.background =  'url("'+src+'")';
    }

}

반응이 좋은 웹사이트를 위해 이 문제를 해결해야 했습니다.저는 동일한 요소가 다른 화면 폭을 처리할 수 있는 다양한 배경을 가지고 있습니다.제 해결책은 매우 간단합니다. 모든 이미지의 범위를 "zoinked"와 같은 CSS 셀렉터로 유지합니다.

논리:

사용자가 스크롤하는 경우, 관련된 배경 이미지와 함께 스타일로 로드합니다.알았어!

여기 제가 도서관에서 쓴 "zoinked"라는 글이 있습니다. 이유를 모르겠습니다.그냥 일어난거죠?

(function(window, document, undefined) {   var Z = function() {
    this.hasScrolled = false;

    if (window.addEventListener) {
      window.addEventListener("scroll", this, false);
    } else {
      this.load();
    }   };
     Z.prototype.handleEvent = function(e) {
    if ($(window).scrollTop() > 2) {
      this.hasScrolled = true;
      window.removeEventListener("scroll", this);
      this.load();
    }   };
     Z.prototype.load = function() {
    $(document.body).addClass("zoinked");   };
     window.Zoink = Z; 
})(window, document);

CSS의 경우 다음과 같은 내 스타일을 모두 가질 것입니다.

.zoinked #graphic {background-image: url(large.jpg);}

@media(max-width: 480px) {.zoinked #graphic {background-image: url(small.jpg);}}

사용자가 스크롤을 시작하는 순간 상단의 이미지 뒤에 있는 모든 이미지를 로드하는 것이 제 기술입니다.더 많은 제어를 원한다면 "줌킹"을 더 지능적으로 만들 수 있습니다.

<div class="lazy" data-bg="img/bmw_m1_hood.jpg" style="width: 765px; height: 574px;"></div>
    
var lazyLoadInstance = new LazyLoad({
  load_delay: 100,
  effect : "fadeIn"
});

바닐라 레이지 로드 사용하기 https://www.npmjs.com/package/vanilla-lazyload

jQuery를 사용하면 이미지의 존재를 확인할 수 있습니다.src를 원래 이미지 높이 너비의 평면 base64 해시 문자열에 추가한 다음 필요한 url로 대체했습니다.

$('[data-src]').each(function() {
  var $image_place_holder_element = $(this);
  var image_url = $(this).data('src');
  $("<div class='hidden-class' />").load(image_url, function(response, status, xhr) {
    if (!(status == "error")) {
      $image_place_holder_element.removeClass('image-placeholder');
      $image_place_holder_element.attr('src', image_url);
    }
  }).remove();
});

물론 저는 몇 가지 스택 답변을 사용하고 수정했습니다.누군가에게 도움이 되길 바랍니다.

이것은 각진 것입니다.JS Directive를 실행합니다.누군가에게 도움이 되길 바랍니다.

용도:

<div background-image="{{thumbnailUrl}}"></div>

코드:

import * as angular from "angular";

export class BackgroundImageDirective implements angular.IDirective {

    restrict = 'A';

    link(scope: angular.IScope, element: angular.IAugmentedJQuery, attrs: angular.IAttributes) {
     
        var backgroundImage = attrs["backgroundImage"];

        let observerOptions = {
            root: null,
            rootMargin: "0px",
            threshold: []
        };

        var intersectionCallback: IntersectionObserverCallback = (entries, self) => {

            entries.forEach((entry) => {
                let box = entry.target as HTMLElement;

                if (entry.isIntersecting && !box.style.backgroundImage) {
                    box.style.backgroundImage = `url(${backgroundImage})`;
                    self.disconnect();
                }
            });
        }

        var observer = new IntersectionObserver(intersectionCallback, observerOptions);
        observer.observe(element[0]);
    }

    static factory(): angular.IDirectiveFactory {
        return () => new BackgroundImageDirective();
    }
}

jQuery를 사용하는 경우 다음을 시도합니다.

<!DOCTYPE html>
<html>
<head>
    <title>Lazy Load Background Images</title>
    <style>
        .lazy-bg {
            width: 400px;
            height: 300px;
            background-color: #f0f0f0;
            background-size: cover;
            background-position: center;
        }
    </style>
</head>
<body>
    <div class="lazy-bg" data-bg-src="image1.jpg"></div>
    <div class="lazy-bg" data-bg-src="image2.jpg"></div>
    <div class="lazy-bg" data-bg-src="image3.jpg"></div>

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
        $(document).ready(function () {
            $(".lazy-bg").each(function () {
                var $element = $(this);
                var bgSrc = $element.data("bg-src");

                if (bgSrc) {
                    var img = new Image();
                    img.src = bgSrc;

                    $(img).on("load", function () {
                        $element.css("background-image", "url('" + bgSrc + "')");
                    });
                }
            });
        });
    </script>
</body>
</html>

이미지 부하와는 관계가 없는 것으로 알고 있지만, 여기서 제가 입사 면접 시험에서 한 것이 있습니다.

HTML

<div id="news-feed">Scroll to see News (Newest First)</div>

CSS

article {
   margin-top: 500px;
   opacity: 0;
   border: 2px solid #864488;
   padding: 5px 10px 10px 5px;
   background-image: -webkit-gradient(
   linear,
   left top,
   left bottom,
   color-stop(0, #DCD3E8),
   color-stop(1, #BCA3CC)
   );
   background-image: -o-linear-gradient(bottom, #DCD3E8 0%, #BCA3CC 100%);
   background-image: -moz-linear-gradient(bottom, #DCD3E8 0%, #BCA3CC 100%);
   background-image: -webkit-linear-gradient(bottom, #DCD3E8 0%, #BCA3CC 100%);
   background-image: -ms-linear-gradient(bottom, #DCD3E8 0%, #BCA3CC 100%);
   background-image: linear-gradient(to bottom, #DCD3E8 0%, #BCA3CC 100%);
   color: gray;
   font-family: arial;    
}

article h4 {
   font-family: "Times New Roman";
   margin: 5px 1px;
}

.main-news {
   border: 5px double gray;
   padding: 15px;
}

자바스크립트

var newsData,
    SortData = '',
    i = 1;

$.getJSON("http://www.stellarbiotechnologies.com/media/press-releases/json", function(data) {

   newsData = data.news;

   function SortByDate(x,y) {
     return ((x.published == y.published) ? 0 : ((x.published < y.published) ? 1 : -1 ));
   }

   var sortedNewsData = newsData.sort(SortByDate);

   $.each( sortedNewsData, function( key, val ) {
     SortData += '<article id="article' + i + '"><h4>Published on: ' + val.published + '</h4><div  class="main-news">' + val.title + '</div></article>';
     i++;    
   });

   $('#news-feed').append(SortData);
});

$(window).scroll(function() {

   var $window = $(window),
       wH = $window.height(),
       wS = $window.scrollTop() + 1

   for (var j=0; j<$('article').length;j++) {
      var eT = $('#article' + j ).offset().top,
          eH = $('#article' + j ).outerHeight();

          if (wS > ((eT + eH) - (wH))) {
             $('#article' + j ).animate({'opacity': '1'}, 500);
          }
    }

});

나는 날짜별로 데이터를 분류한 후 window scroll 기능으로 loading을 하고 있습니다.

도움이 되었으면 좋겠습니다 :)

데모

언급URL : https://stackoverflow.com/questions/12014606/how-to-lazy-load-div-background-images

ARC를 사용하고 iOS 4.0을 대상으로 할 때 약한 참조를 대체하려면 어떻게 해야 합니까?

css3 — Wed, 1 Nov 2023 22:31:12 +0900

ARC를 사용하고 iOS 4.0을 대상으로 할 때 약한 참조를 대체하려면 어떻게 해야 합니까?

저는 Xcode 4.2로 첫 iOS 앱을 개발하기 시작했고, "유틸리티 애플리케이션" 템플릿(FlipsideViewController와 함께 제공되는 애플리케이션)으로 iOS 5.0을 목표로 하고 있었습니다.

저는 ARC가 컴파일 타임 기능이기 때문에 iOS 4와도 호환이 되어야 한다고 읽어서 제 앱을 4.3으로 목표로 삼고 컴파일을 시도했습니다.이렇게 하면 다음과 같은 오류가 발생합니다.

FlipsideViewController.m: 오류:자동 기준 카운팅 문제:현재 배포 대상이 자동화된 __weak 참조를 지원하지 않습니다.

다음 줄을 참조하고 있습니다.

@synthesize delegate = _delegate;

해당 변수는 다음과 같이 선언됩니다.

@property (weak, nonatomic) IBOutlet id <FlipsideViewControllerDelegate> delegate;

iOS 4에서는 "weak reference"가 지원되지 않는다는 것은 이해하지만, 왜 처음부터 weak reference를 사용하고 싶은지 잘 모르겠습니다. 또한 ARC를 활용하면서도 이를 사용하지 않도록 다시 쓰는 방법도 알 수 없습니다(결국 iOS 4 및 5에서 작동하는 것으로 되어 있죠?).

오래된 OS를 대상으로 하려면unsafe_unretained대신에weak당신의 재산 신고서에 기재되어 있고, 그것은 대부분 같은 방식으로 작동할 것입니다.weak그들의 목표가 사라질 때 그들 자신을 0으로 언급하지만,unsafe_unretainedleaves는 연결하려는 개체가 할당 해제될 때 매달려 있는 포인터로 바뀔 수 있는 가능성을 열어 둡니다.후자는 당신이 사용했던 것과 같은 행동입니다.assign수동 메모리 관리의 속성 선언으로서.

유지 사이클을 피하기 위해 이렇게 하는 것입니다. 제가 여기 답변에서 언급하는 바와 같습니다.원래 개체에 대한 강력한 포인터가 있을 수 있는 항목에 대한 강력한 포인터를 가지는 것을 원하지 않을 수 있습니다.그러면 아무것도 제대로 나오지 않을 겁니다.

추가적인 안전을 위해 약한 참조만 사용하는 경우, 사용 가능한 경우 수동으로 새 런타임 함수를 호출하고 간단한 할당으로 돌아갑니다.__unsafe_unretained그렇지 않은 경우 변수.

ZWRCompatibility.h는 이를 다소 단순화할 것입니다.

Mike Ash의 호환성 라이브러리 PLWeakCompatibility 덕분에 이제 iOS 4.x에서도 __weak을 간단히 사용할 수 있습니다.

구성이 매우 쉽고 5.x에 대한 추가적인 고려나 노력이 필요하지 않습니다.

언급URL : https://stackoverflow.com/questions/6893038/how-do-i-replace-weak-references-when-using-arc-and-targeting-ios-4-0

다른 포트에 도커 mysql

css3 — Wed, 1 Nov 2023 22:31:06 +0900

다른 포트에 도커 mysql

mysql 도커 컨테이너의 기본 노출 포트를 변경하려고 하지만 이 명령을 사용하려고 하면 다음과 같습니다.

 docker run --detach --name=test-mysql -p 52000:52000  --env="MYSQL_ROOT_PASSWORD=mypassword" mysql

작동하지 않습니다.mysql -uroot -pmypassword -h 127.0.0.1 -P 52000 Warning: Using a password on the command line interface can be insecure. ERROR 2013 (HY000): Lost connection to MySQL server at 'reading initial communication packet', system error: 0

표준 포트 3306:3306을 사용하면 잘 작동하지만 포트를 변경하고 싶습니다.가능한가요?

저는 이미 -p 52000:3600을 시도했지만 항상 다음을 얻었습니다.

mysql -uroot -pmypassword -h 127.0.0.1 -P 52000 Warning: Using a password on the command line interface can be insecure. ERROR 2013 (HY000): Lost connection to MySQL server at 'reading initial communication packet', system error: 0

서버의 기본 TCP 포트에 컨테이너 포트 3306을 매핑해야 합니다.

-p <host_port>:<container_port> (map container_port xx on host_port yy)

그래서 당신의 mysql을 위해.

docker run --detach --name=test-mysql -p 52000:3306  --env="MYSQL_ROOT_PASSWORD=mypassword" mysql

두 번째 옵션도 있습니다.

포트를 다른 포트에 매핑하지 말고 mysql 자체를 사용하여 다른 포트에서 직접 실행하게 합니다.MYSQL_TCP_PORTvariable.

예:

docker run --detach --name=test-mysql --env="MYSQL_TCP_PORT=52000" mysql

언급URL : https://stackoverflow.com/questions/41637013/docker-mysql-on-different-port

다른 열에 대한 MySql SELECT 조합?

css3 — Wed, 1 Nov 2023 22:31:00 +0900

다른 열에 대한 MySql SELECT 조합?

썸네일 파일이 첨부된 파일을 선택하는 선택 쿼리가 있고 썸네일이 첨부되지 않은 파일도 받아야 합니다.

현재 sql 쿼리는

SELECT   node.title, node.nid, files.fid, files.filepath, 
         content_type_mobile_event.field_date_value, 
         content_type_mobile_event.field_movie_shorts_value, 
         content_type_mobile_event.field_director_value, 
         content_type_mobile_event.field_length_value, 
         content_type_mobile_event.field_movie_type_value, 
         content_type_mobile_event.field_year_value, 
         content_type_mobile_event.field_event_type_value, 
         content_type_mobile_event.field_movie_location_value, 
         content_type_mobile_event.field_movie_desc_value, 
         content_type_mobile_event.field_movie_id_value, 
         content_type_mobile_event.field_movie_thumb_fid, 
         content_type_mobile_event.field_movie_trailer_url 
FROM     node, content_type_mobile_event, files 
WHERE    node.nid=content_type_mobile_event.nid AND 
         content_type_mobile_event.field_movie_thumb_fid=files.fid 
ORDER BY content_type_mobile_event.field_date_value ASC

저도 필요합니다.

SELECT   node.title, node.nid, content_type_mobile_event.field_date_value, 
         content_type_mobile_event.field_movie_shorts_value, 
         content_type_mobile_event.field_director_value, 
         content_type_mobile_event.field_length_value, 
         content_type_mobile_event.field_movie_type_value, 
         content_type_mobile_event.field_year_value, 
         content_type_mobile_event.field_event_type_value, 
         content_type_mobile_event.field_movie_location_value, 
         content_type_mobile_event.field_movie_desc_value, 
         content_type_mobile_event.field_movie_id_value, 
         content_type_mobile_event.field_movie_thumb_fid, 
         content_type_mobile_event.field_movie_trailer_url 
FROM     node, content_type_mobile_event 
WHERE    node.nid=content_type_mobile_event.nid AND
         content_type_mobile_event.field_movie_thumb_fid!=1 
ORDER BY content_type_mobile_event.field_date_value ASC

저는 보통은 그냥.

(
SELECT   node.title, node.nid, files.fid, files.filepath, 
         content_type_mobile_event.field_date_value, 
         content_type_mobile_event.field_movie_shorts_value, 
         content_type_mobile_event.field_director_value, 
         content_type_mobile_event.field_length_value, 
         content_type_mobile_event.field_movie_type_value, 
         content_type_mobile_event.field_year_value, 
         content_type_mobile_event.field_event_type_value, 
         content_type_mobile_event.field_movie_location_value, 
         content_type_mobile_event.field_movie_desc_value, 
         content_type_mobile_event.field_movie_id_value, 
         content_type_mobile_event.field_movie_thumb_fid, 
         content_type_mobile_event.field_movie_trailer_url 
FROM     node, content_type_mobile_event, files 
WHERE    node.nid=content_type_mobile_event.nid AND 
         content_type_mobile_event.field_movie_thumb_fid=files.fid 
ORDER BY content_type_mobile_event.field_date_value ASC
)
UNION
(
SELECT   node.title, node.nid, content_type_mobile_event.field_date_value, 
         content_type_mobile_event.field_movie_shorts_value, 
         content_type_mobile_event.field_director_value, 
         content_type_mobile_event.field_length_value, 
         content_type_mobile_event.field_movie_type_value, 
         content_type_mobile_event.field_year_value, 
         content_type_mobile_event.field_event_type_value, 
         content_type_mobile_event.field_movie_location_value, 
         content_type_mobile_event.field_movie_desc_value, 
         content_type_mobile_event.field_movie_id_value, 
         content_type_mobile_event.field_movie_thumb_fid, 
         content_type_mobile_event.field_movie_trailer_url 
FROM     node, content_type_mobile_event 
WHERE    node.nid=content_type_mobile_event.nid AND 
         content_type_mobile_event.field_movie_thumb_fid!=1 
ORDER BY content_type_mobile_event.field_date_value ASC
)

하지만 문제는 두 번째 열은 파일을 제외하고 다른 열 집합을 가지고 있다는 것입니다.* 일부)

나는 이것을 어떻게 하는지 평생 알 수가 없습니다.

서로 다른 의미를 가진 분야가 있다면, 같은 위치에서 반납할 수도 없고 해서도 안 됩니다.그러나 다음과 같이 필드에 null을 추가하여 '공백 채우기'를 수행할 수 있습니다.

select id, name, date, null as userid, 'A' as recordtype from table1
union all
select id, name, null /*as date*/, userid, 'B' as recordtype from table2

첫 번째 선택에서 null에 대한 별칭을 제공할 수 있습니다.명확하게 하기 위해 두 번째 선택 항목에서 별칭을 추가할 수 있지만 사용되지 않습니다.레코드 유형을 나중에 구별하는 데 사용할 수 있는 상수 값을 사용할 수도 있습니다.

선택 A에 열이 없으면 null 값을 사용합니다.

table A (colA, ColB, ColC)

table B (colA, ColD, ColE)

select colA, ColB, ColC, null, null from table A
union
select colA, null, null, colD, colE from table B

일치하는 각 열이 동일한 데이터 유형인지 확인해야 합니다.

칼럼을 가짜로 만들어 조합을 만들 수 있습니다.

예를 들면

   select x, y from A
     union 
   select z, null from B

언급URL : https://stackoverflow.com/questions/7407864/mysql-select-union-for-different-columns

CSS에서 스타일 비활성화 버튼

css3 — Wed, 1 Nov 2023 22:30:52 +0900

CSS에서 스타일 비활성화 버튼

다음 Fiddle에서 볼 수 있듯이 이미지가 내장된 버튼의 스타일을 변경하려고 합니다.

http://jsfiddle.net/krishnathota/xzBaZ/1/

예제에는 이미지가 없습니다.

저는 이렇게 하려고 합니다.

변경합니다.background-color버튼이 비활성화되어 있을 때
비활성화된 경우 버튼의 이미지 변경
사용 안 함으로 설정된 경우 호버 효과 사용 안 함
버튼에서 이미지를 클릭하고 드래그하면 이미지가 따로 보일 수 있습니다. 그것을 피하고 싶습니다.
버튼의 텍스트를 선택할 수 있습니다.저도 그것을 피하고 싶습니다.

제가 해봤는데요.button[disabled]. 그러나 일부 효과는 비활성화할 수 없습니다.맘에 들다top: 1px; position: relative;이미지.

비활성화된 버튼의 경우:disabled사이비 계급그것은 모든 요소에 효과가 있습니다.disabledAPI(일반적으로 폼 요소).

CSS2를 지원하는 브라우저/디바이스에 대해서만[disabled]선택자

이미지와 마찬가지로 버튼에 이미지를 넣지 마십시오.CSS 사용background-image와 함께background-position그리고.background-repeat. 그러면 이미지 드래그가 발생하지 않습니다.

선택 문제: 다음은 특정 질문에 대한 링크입니다.

텍스트 선택 강조 표시를 비활성화하는 방법

비활성화된 셀렉터의 예:

button {
  border: 1px solid #0066cc;
  background-color: #0099cc;
  color: #ffffff;
  padding: 5px 10px;
}

button:hover {
  border: 1px solid #0099cc;
  background-color: #00aacc;
  color: #ffffff;
  padding: 5px 10px;
}

button:disabled,
button[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}

div {
  padding: 5px 10px;
}

<div>
  <button> This is a working button </button>
</div>

<div>
  <button disabled> This is a disabled button </button>
</div>

다음을 사용하여 비활성화된 버튼을 선택할 수 있어야 한다고 생각합니다.

button[disabled=disabled], button:disabled {
    // your css rules
}

당신의 페이지에 아래 코드를 추가하세요.버튼 이벤트는 변경되지 않으며, 버튼을 비활성화/활성화하려면 단순히 JavaScript에서 버튼 클래스를 추가/제거하기만 하면 됩니다.

방법1

 <asp Button ID="btnSave" CssClass="disabledContent" runat="server" />

<style type="text/css">
    .disabledContent 
    {
        cursor: not-allowed;
        background-color: rgb(229, 229, 229) !important;
    }

    .disabledContent > * 
    {
        pointer-events:none;
    }
</style>

방법2

<asp Button ID="btnSubmit" CssClass="btn-disable" runat="server" />

<style type="text/css">
    .btn-disable
        {
        cursor: not-allowed;
        pointer-events: none;

        /*Button disabled - CSS color class*/
        color: #c0c0c0;
        background-color: #ffffff;

        }
</style>

CSS 기준:

.disable{
   cursor: not-allowed;
   pointer-events: none;
}

그 단추에 장식을 추가할 수 있습니다.상태를 변경하려면 jquery를 사용할 수 있습니다.

$("#id").toggleClass('disable');

비활성화된 버튼에 대해 회색 버튼 CSS를 적용합니다.

button[disabled]:active, button[disabled],
input[type="button"][disabled]:active,
input[type="button"][disabled],
input[type="submit"][disabled]:active,
input[type="submit"][disabled] ,
button[disabled]:hover,
input[type="button"][disabled]:hover,
input[type="submit"][disabled]:hover
{
  border: 2px outset ButtonFace;
  color: GrayText;
  cursor: inherit;
  background-color: #ddd;
  background: #ddd;
}

다음과 같은 해결책을 생각해 봅니다.

.disable-button{ 
  pointer-events: none; 
  background-color: #edf1f2;
}

부트스트랩을 사용하는 모든 사용자의 경우 "disabled" 클래스를 추가하고 다음을 사용하여 스타일을 변경할 수 있습니다.

HTML

<button type="button"class="btn disabled">Text</button>

CSS

.btn:disabled,
.btn.disabled{
  color:#fff;
  border-color: #a0a0a0;
  background-color: #a0a0a0;
}
.btn:disabled:hover,
.btn:disabled:focus,
.btn.disabled:hover,
.btn.disabled:focus {
  color:#fff;
  border-color: #a0a0a0;
  background-color: #a0a0a0;
}

제출 양식과 같이 "사용 불가능" 클래스를 추가한다고 해서 반드시 단추가 사용 불가능한 것은 아닙니다.동작을 사용하지 않도록 설정하려면 사용하지 않도록 설정된 속성을(를)

<button type="button"class="btn disabled" disabled="disabled">Text</button>

몇 가지 예를 다룬 작업 자료가 여기에 있습니다.

버튼을 비활성화하면 불투명도가 직접 설정됩니다.그래서 우선 우리는 그 불투명성을 다음과 같이 설정해야 합니다.

.v-button{
    opacity:1;    
}

다음과 같이 CSS를 적용해야 합니다.

button:disabled,button[disabled]{
    background-color: #cccccc;
    cursor:not-allowed !important;
  }

input[type="button"]:disabled,
input[type="submit"]:disabled,
input[type="reset"]:disabled,
{
  //  apply css here what u like it will definitely work...
}

스타일(.css) 파일을 SASS(.scss)로 변경할 경우 다음을 사용합니다.

button {
  background-color: #007700;
  &:disabled {
    background-color: #cccccc;
  }
}

Angular에서는 비활성화 상태를 위해 CSS의 pass 값으로 버튼을 비활성화할 수 있습니다.

html

<button
   [disabled]="true">
</button>

CSS

.button-action.disabled {
  // some css
}

버튼을 동적으로 비활성화하려면 다음을 추가할 수 있습니다.

CSS -

button:disabled, button[disabled]{
  cursor: not-allowed;
}

HTML-

<button [disabled]="true"> Button name </button>

언급URL : https://stackoverflow.com/questions/14750078/style-disabled-button-with-css