JulyYu


[Demo](https://codepen.io/yuhaocan/pen/NWPBENM) ```CSS .container-grid { display: grid; grid-auto-flow: column; grid-template-rows: 1fr 1fr; grid-row-gap: 10px; grid-column-gap: 10px; } .grid-item-first { grid-row-start: 1; grid-row-end: 3; } .grid-item-first img { width: 100%; height: 100%;...

[Demo](https://codepen.io/yuhaocan/pen/WNNBwdG) ```JS let inputObject = document.querySelector("#input"); let listObject = document.querySelectorAll("#list li"); var seletedItem = -1; ``` * 第一题 ```JS listObject.forEach((item, index) => { item.addEventListener("click", () => { if (seletedItem !=...

[Demo](https://codepen.io/yuhaocan/pen/ZEzvJeG) 第一题 ```JS var bankCode = "6222081812002934027"; bankCode = bankCode.replace(/(\d{4})(?=\d)/g, "$1 "); console.log(bankCode); ``` 第二题 ```JS var numberCode = '5702375'; numberCode = parseInt(numberCode).toLocaleString(); console.log(numberCode); ``` 第三题 ```JS var fileSize =...

[Demo](https://codepen.io/yuhaocan/pen/ymLLze) ```html 这是一个新的故事这是一个新的故事这是一个新的这是一个新的故事这是一个新的故事这是一个新的这是一个新的故事这是一个新的故事这是一个新的这是一个新的故事这是一个新的故事这是一个新的 都市 连载中 58.82万字 ...... 这是一个新的故事这是一个新的故事这是一个新的这是一个新的故事这是一个新的故事这是一个新的这是一个新的故事这是一个新的故事这是一个新的这是一个新的故事这是一个新的故事这是一个新的 都市 连载中 58.82万字 ...... ``` 使用flex为标题label设置flex参数，通过设置direction: rtl;让标题前部内容以省略号显示。 ```css li{ list-style-type:none; margin: 10px 5px; } .book-item { display: flex; flex-direction: column；; } .text-ellipsis...

第一题 ```JavaScript let form = loginForm; console.log(form); ``` 第二题&第三题 ```JavaScript loginForm.addEventListener('submit', function(ev) { ev.preventDefault(); //取消默认表单提交 var formObject = {}; for (let item of loginForm) { //遍历表单数据 if (item.name != "submit")...

[DEMO](https://codepen.io/yuhaocan/pen/bXMNrp) HTML ```html 布局 Flex布局 Grid布局 Shapes布局 Columns布局 组件 按钮 输入框 下拉列表 单复选框 ``` CSS ```css .togglebox { width: 200px; margin: 0 auto; box-shadow: 0 1px 1px rgba(0, 0, 0,...

* 第一题 ```JS var newStr = str.replace('/fill="[^(none)]*?"/g', "") console.log(newStr); ``` * 第二题 ```JS console.log(window.btoa(newStr)); ``` * 第三题 ```JS console.log(newStr.replace(/["%#{}]/g, encodeURI)); ```

- 使用Node result: console.log(0.6.toFixed(0)) => 1 console.log(1.6.toFixed(0)) => 2 console.log(0.035.toFixed(2)) => 0.04 console.log(0.045.toFixed(2)) => 0.04 - chrome浏览器 result: console.log(0.6.toFixed(0)) => 1 console.log(1.6.toFixed(0)) => 2 console.log(0.035.toFixed(2)) => 0.04 console.log(0.045.toFixed(2)) => 0.04...

* 方法一 ```JS function createVerifyCode() { return Math.random().toString(36).substring(2).substring(0, 4).toUpperCase(); } ``` * 方法二 ```JS function getRandom() { var verifyCode = "" var num = parseInt(Math.random() * 90, 10) + 48;...