星期五, 12月 18, 2020

[CSS] backdrop-filter 濾鏡背景效果-

backdrop-filter背景濾鏡與濾鏡屬性具有相同的效果,
只不過濾鏡效果僅應用於背景,
而不應用於元素的內容。
*不支援IE

https://css-tricks.com/almanac/properties/b/backdrop-filter/

[AngularJS] 1.x 表單驗證記錄

 久久要加新的表單都會忘了(可能也沒有人用這麼舊的ng版本Orz),多開一個筆記記錄一下:

表單model


在控制器觸發每一個欄位做驗證

客戶希望都能按按鈕觸發未填寫的欄位驗證,原本都是沒填完整就是無法按按鈕(可能有些用戶無法明確發現哪些欄位沒填)


//submit後觸發驗證
function validateByManual(form) {
logger.debug('validate');
angular.forEach(form, function(control, name) {
// Excludes internal angular properties
if (typeof name === 'string' && name.charAt(0) !== '$') {

logger.debug('field name:' + name);
// To display ngMessages
control.$setTouched();
control.$setDirty();
// Runs each of the registered validators
control.$validate();
}
});
}

$scope.setContactUsEmail = function (contact) {
logger.debug('setContactUsEmail');
// alert($scope.contactUsEmailForm.$invalid);
// $scope.contactUsEmailForm.$setSubmitted();
if ($scope.contactUsEmailForm.$invalid) {
// alert('invalid form');
// $scope.contactUsEmailForm.$setDirty();
// $scope.contactUsEmailForm.$setPristine();
validateByManual($scope.contactUsEmailForm);
}else{
                    //成功的話就送api
}
}


https://steelkiwi.com/blog/validation-error-handling-angularjs-applicatios/

星期三, 12月 16, 2020

[ga] cookie隱私權關掉GA的方法

如果要為了一些cookie歐洲的隱私權政策,可以透過以下方法停用GA

analytics.js 库包含一个 window 属性,您只要将其设为 true,就可以禁止 analytics.js 向 Google Analytics(分析)发送数据。当 Google Analytics(分析)要设置 Cookie 或将数据发回到 Google Analytics(分析)服务器时,会首先检查此属性是否已设置为 true。如果已设置为 true,则不采取任何操作。

要停用衡量功能,请将以下 window 属性设置为 true

window['ga-disable-UA-XXXXX-Y'] = true;




https://developers.google.com/analytics/devguides/collection/analyticsjs/user-opt-out

星期二, 12月 15, 2020

[cloudflare] Service Worker


參考 

https://blog.cloudflare.com/cloudflare-workers-unleashed/

https://github.com/cloudflare/worker-examples

https://github.com/cloudflare/worker-examples/tree/master/examples/edge-cache-html

https://levelup.gitconnected.com/use-cloudflare-javascript-workers-to-deploy-you-static-generated-site-ssg-1c518e078646


星期六, 12月 12, 2020

[mysql] /var/log/mysql/error.log 權限錯誤無法寫入 could not open file

因為vm容量不足清了log,直接把/var/log/下面的東西砍光。

結果vm就炸開了(Apache2/Mysql都壞掉)。

在啟動mysql時會有噴錯誤訊息,如下



依次把權限照以下的指令打一打就正常了

# chown mysql:adm /var/log/mysql/error.log
# chown mysql:adm /var/log/mysql
# chown root:syslog /var/log
# chown root:root /var
# chmod 0640 /var/log/mysql/error.log
# chmod 0750 /var/log/mysql
# chmod 0775 /var/log
# chmod 0755 /var