25
4
CFSDN nhấn mạnh vào việc tạo ra giá trị thông qua mã nguồn mở. Chúng tôi cam kết xây dựng một nền tảng chia sẻ tài nguyên để mọi người làm CNTT có thể tìm thấy thế giới tuyệt vời của riêng mình tại đây.
Bài đăng trên blog CFSDN này Vue triển khai mã mẫu để vô hiệu hóa trình duyệt khỏi việc ghi nhớ mật khẩu, được tác giả thu thập và biên soạn. Nếu bạn quan tâm đến bài viết này, vui lòng thích nó.
Một số phương pháp tìm thấy trên Internet:
Các trường được sử dụng.
|
1
2
3
4
5
6
|
dữ liệu() {
trở lại
{
tên người dùng:
''
,
mật khẩu:
''
,
}
}
|
Vì autocomplete="off" không còn được các trình duyệt hiện đại hỗ trợ nữa, tôi đã từ bỏ việc thiết lập hộp mật khẩu và sử dụng autocomplete="new-password" trực tiếp. Tôi đã thử nghiệm rằng Chrome (v88.0.4324.104), Edge (v88.0.705.56) và Firefox (v67) có thể sử dụng nó, nhưng Firefox (v85) vẫn nhắc tôi nhớ mật khẩu.
|
1
2
3
|
"tên người dùng"
loại=
"chữ"
tên=
"chữ"
chỗ giữ chỗ=
"tài khoản"
tự động hoàn thành=
"tắt"
>
"tiền tố"
lớp=
"el-input_icon el-icon-người dùng"
>
"mật khẩu"
loại=
"mật khẩu"
tên=
"mã số"
định danh=
"mã số"
chỗ giữ chỗ=
"mật khẩu"
tự động hoàn thành=
"mật khẩu mới"
>
|
tham khảo:
https://developer.mozilla.org/zh-CN/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion .
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#browser_compatibility .
Trong quá trình giải quyết lời nhắc của Firefox phiên bản cao, tôi đã thử các phương pháp 3/4/5, nhưng kết quả không khả quan. Tuy nhiên, tôi thấy rằng miễn là giá trị trong ô mật khẩu cuối cùng là dấu sao "*" hoặc dấu chấm nhỏ "●", Firefox sẽ không nhắc nhớ mật khẩu (tôi không biết có đúng không, bạn có thể tự kiểm tra), vì vậy tôi đã thêm một trường mới pwdCover để liên kết với ô nhập liệu và giá trị thực tế được truyền bằng mật khẩu.
ngôi đền.
|
1
2
3
|
"tên người dùng"
loại=
"chữ"
tên=
"chữ"
chỗ giữ chỗ=
"tài khoản"
tự động hoàn thành=
"tắt"
>
"tiền tố"
lớp=
"el-input_icon el-icon-người dùng"
>
"pwdCover"
loại=
"mật khẩu"
tên=
"mã số"
định danh=
"mã số"
chỗ giữ chỗ=
"mật khẩu"
tự động hoàn thành=
"mật khẩu mới"
@đầu vào=
"đặt mật khẩu"
>
|
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
kịch bản
dữ liệu() {
trở lại
{
tên người dùng:
''
,
mật khẩu:
''
,
pwdCover:
''
,
}
},
phương pháp:
đăng nhập() {
cái này
.pwdCover =
cái này
.pwdCover.replace(/\S/g,
'●'
);
// Yêu cầu đăng nhập, khôi phục pwdCover nếu không thành công
cái này
.pwdCover =
cái này
.mật khẩu;
},
thiết lập mật khẩu(val) {
cái này
.password = val;
}
}
|
Tôi đã gửi nó cho các đồng nghiệp của tôi trong dự án với sự tự tin hoàn toàn, nhưng hóa ra nó lại là một thất bại. Môi trường tại chỗ như sau:
Sau khi tôi cài đặt cùng phiên bản Google Chrome, tôi thấy vấn đề vẫn không xảy ra. Hệ điều hành của tôi là Windows 10. Tôi không biết vấn đề nằm ở đâu, vì vậy cuối cùng tôi đã chọn phương pháp 6.
ngôi đền.
|
1
2
3
4
5
6
|
"tên người dùng"
loại=
"chữ"
tên=
"chữ"
chỗ giữ chỗ=
"tài khoản"
tự động hoàn thành=
"tắt"
>
"tiền tố"
lớp=
"el-input_icon el-icon-người dùng"
>
"pwdCover"
loại=
"chữ"
tên=
"mã số"
định danh=
"mã số"
chỗ giữ chỗ=
"mật khẩu"
tự động hoàn thành=
"tắt"
@đầu vào=
"đặt mật khẩu"
>
"tiền tố"
lớp=
"el-icon-khóa"
>
|
kịch bản .
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
hai mươi mốt
hai mươi hai
hai mươi ba
hai mươi bốn
25
26
27
28
29
30
31
32
33
34
35
36
37
|
thiết lập mật khẩu(val) {
hãy để reg = /[0-9a-zA-Z]/g;
// Chỉ được phép sử dụng chữ cái và số
cho nDot = /[^●]/g;
// Các ký tự không phải dấu chấm
cho chỉ số = -1;
// Vị trí ký tự đầu vào mới
để lastChar = void 0;
// Ký tự mới nhập
hãy để realArr =
cái này
.mật khẩu.chia tách(
''
);
// Mảng mật khẩu thực
hãy để coverArr = val.split(
''
);
// Hộp văn bản hiển thị mảng mật khẩu
hãy để coverLen = val.length;
// Độ dài chuỗi hộp văn bản
hãy để realLen =
cái này
.password.length;
// Độ dài mật khẩu thực tế
// Tìm ký tự và vị trí mới nhập
coverArr.forEach((el, idx) => {
nếu như
(nDot.test(el)) {
chỉ số = idx;
lastChar = el;
}
});
// Kiểm tra xem ký tự đầu vào có đáp ứng thông số kỹ thuật không. Nếu không, hãy xóa ký tự đó.
nếu như
(LastChar && !reg.test(LastChar)) {
coverArr.splice(chỉ số, 1);
cái này
.pwdCover = coverArr.join(
''
);
trở lại
;
}
nếu như
(RealLen < CoverLen) {
// Thêm ký tự mới
realArr.splice(chỉ số, 0, lastChar);
}
khác
nếu như
(coverLen <= realLen && chỉ số !== -1) {
// Thay thế ký tự (chọn một hoặc nhiều ký tự để thay thế trực tiếp)
realArr.splice(chỉ số, realLen - (coverLen - 1), lastChar);
}
khác
{
// Xóa ký tự. Vì val là tất cả ●, nên không có cách nào để khớp. Tôi không biết liệu các ký tự bị xóa ở cuối hay ở giữa. Tôi đã xóa một số ký tự. Thật khó để xử lý mật khẩu. Vì vậy, tôi có thể đánh giá theo vị trí con trỏ và độ dài của val.
hãy để pos = document.getElementById(
'mật khẩu'
).selectionKết thúc;
// Lấy vị trí con trỏ
realArr.splice(pos, realLen - coverLen);
}
// Thay thế pwdCover bằng
cái này
.pwdCover = val.replace(/\S/g,
'●'
);
cái này
.mật khẩu = realArr.join(
''
);
},
|
Đây là phần cuối của bài viết này về mã mẫu để Vue thực hiện chức năng cấm trình duyệt ghi nhớ mật khẩu. Để biết thêm nội dung liên quan về Vue cấm trình duyệt ghi nhớ mật khẩu, vui lòng tìm kiếm các bài viết trước của tôi hoặc tiếp tục duyệt các bài viết liên quan sau. Tôi hy vọng bạn sẽ ủng hộ tôi trong tương lai! .
Liên kết gốc: https://juejin.cn/post/6924872565672706062 .
Cuối cùng, bài viết này về đoạn code mẫu của Vue để thực hiện chức năng cấm trình duyệt ghi nhớ mật khẩu đã kết thúc. Nếu bạn muốn biết thêm về đoạn code mẫu của Vue để thực hiện chức năng cấm trình duyệt ghi nhớ mật khẩu, vui lòng tìm kiếm các bài viết của CFSDN hoặc tiếp tục duyệt các bài viết liên quan. Tôi hy vọng bạn sẽ ủng hộ blog của tôi trong tương lai! .
25
4
0
Tôi đã quan sát thấy một số ít kỹ sư đảo ngược có thể chuyển đổi thập phân sang thập lục phân nhanh như vậy. Điều này thực sự tuyệt vời. Tôi chưa bao giờ có cơ hội hỏi họ. Cá nhân tôi thực sự ghét cách chuyển đổi này và tôi luôn sử dụng máy tính để thực hiện. Tôi muốn biết liệu sự chuyển đổi này có bằng cách nào đó
Tôi có một chương trình sử dụng ba trường JTextField làm trường nhập dữ liệu chính. Tôi muốn khi người dùng thoát khỏi chương trình và mở lại thì mục nhập cuối cùng của họ vẫn còn trong trường đó. Tôi có thể làm điều này bằng cách nào? Tôi có cần một loại cơ sở dữ liệu nào đó không hay có cách nào đơn giản hơn?
Tôi có đoạn mã sau đây để thay đổi màu của đối tượng được tạo bằng jquery thành màu xanh lam: $(".objects_list").live('click', function(event) { $(this).css("co
Câu hỏi này đã có câu trả lời tại đây: Có nên ghi nhớ tất cả các thành phần phản ứng của tôi không? (2 câu trả lời) Đã đóng vào năm ngoái. Tôi biết sử dụng React.m
Tôi đã viết một hàm đệ quy trong R và sử dụng memoise để tăng tốc. Tôi đã cố gắng tăng tốc hơn nữa bằng cách viết bằng Rcpp rồi ghi nhớ hàm Rcpp, nhưng hàm R nhanh hơn. Tại sao điều này lại xảy ra? Có cách nào để tăng tốc độ sử dụng của tôi không?
Ứng dụng của tôi bao gồm một số Chế độ xem và tôi muốn hiển thị một thiết lập nhỏ khi ứng dụng khởi động và người dùng vẫn chưa hoàn tất trình hướng dẫn. Tôi biết tôi có thể đạt được điều này bằng cách sử dụng NSUserDefaults nhưng tôi không chắc làm thế nào để làm cho nó hoạt động dựa trên NSUserDefaults
Tôi đang phát triển ứng dụng trên một máy (cùng phiên bản Delphi). Phiên bản gốc của ứng dụng sử dụng thành phần TMoneyEdit từ gói TMS. Khi di chuyển một dự án, tôi muốn loại bỏ sự phụ thuộc vào sản phẩm này. Vì vậy, trong mã nguồn, tôi đã xóa TMoneyEd
Tôi có một trình kích hoạt muốn chèn cùng một giá trị ngẫu nhiên vào hai bảng. Tôi có thể làm điều này bằng cách nào? Tạo lệnh kích hoạt insertTrigger sau khi chèn vào TableAB Bắt đầu chèn vào TableA (id, num) VALUES (RANDOM(), 1)
Tôi có đoạn mã sau đây sao chép IP máy chủ vào bảng tạm của máy khách thông qua giải pháp .swf. Như bạn có thể thấy, nút "Sao chép IP" đã được thay thế bằng thông báo "Đã sao chép" thành công. Làm thế nào để nút "Sao chép IP" quay trở lại sau 5 giây hiển thị thông báo thành công?
Tôi đang sử dụng tính năng định vị GPS và vấn đề là cửa sổ bật lên yêu cầu cấp quyền xuất hiện liên tục (mỗi lần làm mới URL/nhấn phím F5). Làm thế nào tôi có thể nhớ trạng thái (Đã chấp thuận hoặc Đã từ chối) mà người dùng đã chọn trong trình duyệt. nếu (navigator.geoloc
Có một nút (thực ra là nhiều nút) có trình xử lý sự kiện: el.onclick = function(){ if(this.className.indexOf("minimized") != -1)
Tôi đang tạo một trình chiếu thuần html+javascript. Trình chiếu nằm trong thanh bên trên trang web tải php cho mọi trang có thanh bên trình chiếu. Trang duy nhất không có thanh bên là trang chủ. Trình chiếu hoạt động tốt. Tuy nhiên, điều đó có thể hiểu được
Tôi muốn tạo một tiện ích mở rộng cho Chrome có thể lưu trữ các đoạn mã có dung lượng lớn từ người dùng (cùng với tên của các đoạn mã) và sử dụng chúng. Tôi muốn người dùng có thể tải lên tệp chứa các đoạn trích này (hoặc tốt hơn là sao chép và dán các đoạn trích vào trang tùy chọn của tiện ích mở rộng).
Tôi có một phương thức là một hàm thuần túy và mất một thời gian để chạy. Tôi muốn ghi nhớ phương pháp này để các lần gọi sau diễn ra nhanh hơn. Tôi có thể thấy trong tài liệu Groovy rằng bạn có thể ghi nhớ các closure thông qua: foo = {…}.memoi
[jQuery][1] luôn ghi nhớ thao tác chuột của bạn, cho dù là nhấp chuột hay di chuột qua. Vì vậy, nếu bạn nhấp chuột vào và thoát chuột bốn lần, sự kiện sẽ được thực hiện bốn lần. Tôi có thể làm thế nào để nó "quên" lệnh kích hoạt để nó chỉ thực hiện một lần khi tôi vào và ra lệnh kích hoạt bằng chuột? Biên tập
Đối với công việc lập trình viên, tôi làm việc trong môi trường shell *nix gần như cả ngày, nhưng dường như vẫn không thể nhớ tên và thông tin chi tiết về tham số của các chương trình mà tôi không sử dụng hàng ngày. Tôi tự hỏi những người "mất trí nhớ tạm thời" khác sẽ giải quyết vấn đề này như thế nào. Bạn có tài liệu hướng dẫn nào không?
Tôi có một biểu mẫu và sau khi khách hàng điền vào nhiều biểu mẫu khác nhau, tôi muốn có thể điều hướng qua trang web, quay lại biểu mẫu và tiếp tục điền vào. Tôi đã nghĩ đến việc lưu trữ cookie ở phía máy khách của trình duyệt, bạn có thể đề xuất cách tiếp cận nào khác không? Về mã, đây là đoạn mã javascript mà tôi đã nghĩ ra
Được rồi, tôi đã triển khai nút đăng nhập Facebook: loginButton.readPermissions = ["public_profile", "email", "user_friends"]
Tôi đang sử dụng AngularJS trong ứng dụng di động của mình. Người dùng có thể thêm sản phẩm vào đơn hàng của mình. Nhưng tôi đã sử dụng các tab khác nhau để người dùng có thể chuyển đổi giữa các danh mục và đối với mỗi danh mục, các sản phẩm thuộc danh mục đó sẽ được hiển thị. Những sản phẩm này có thể được thêm vào đơn hàng của anh ấy/cô ấy
Tôi có một ListView (chứa văn bản và hộp kiểm) sử dụng bộ điều hợp, bố cục và lớp mô hình tùy chỉnh. Tôi muốn lưu các hộp kiểm đã chọn trong cơ sở dữ liệu sqlite để khi tôi điều hướng đến một Hoạt động khác rồi quay lại, các hộp kiểm đã chọn vẫn giữ nguyên
Trung tâm cá nhân
Bài viết phát hành
từ bỏ
Tôi là một lập trình viên xuất sắc, rất giỏi!