05 2022 档案

摘要:<el-form-item> <el-button type="primary" @click="submitForm('ruleForm')">登录</el-button> <el-button @click="$router.push('/register')">注册</el-button> < 阅读全文
posted @ 2022-05-31 10:08 JackieDYH 阅读(25) 评论(0) 推荐(0) 编辑
摘要:响应式布局的实现 响应式布局指的是同一页面在不同屏幕尺寸或者在不同的设备下有不同的布局,能够在大屏设备以及小屏设备获得更好的浏览体验,简单来说就是页面适应终端而无需为每个终端制作单独的页面。 媒体查询 通过使用CSS媒体查询来实现响应式布局,针对不同的媒体类型设置不同的样式规则,可以根据视窗、设备高 阅读全文
posted @ 2022-05-31 10:00 JackieDYH 阅读(9) 评论(0) 推荐(0) 编辑
摘要:捕获axios中返回的Status Code404这类的状态码 使用axios和后端进行交互的时候,有时候,后端返回的异常就需要在响应拦截器中去处理 axios.interceptors.request.use(config=>{},err=>{})service.interceptors.resp 阅读全文
posted @ 2022-05-30 10:00 JackieDYH 阅读(96) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #wrap{ position: relative; width: 600px; height: 400px; b 阅读全文
posted @ 2022-05-29 15:05 JackieDYH 阅读(4) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>统计考试科目的成绩</title> </head> <body> <input name="btn" type="button" value="统计考试成绩" 阅读全文
posted @ 2022-05-27 09:15 JackieDYH 阅读(32) 评论(0) 推荐(0) 编辑
摘要:使用方式见GitHub /*! touchjs.min v0.2.14 2014-08-05 */ "use strict";!function(a,b){"function"==typeof define&&(define.amd||define.cmd)?define(b):a.touch=b( 阅读全文
posted @ 2022-05-25 17:57 JackieDYH 阅读(9) 评论(0) 推荐(0) 编辑
摘要:效果图 实现页面滚动,背景图穿过的效果 注意:内部图片地址,自己替换成自己的图片 示例代码 css样式代码 * { margin: 0; padding: 0; } body, html { height: 100%; } body { font-size: 100%; font-family: R 阅读全文
posted @ 2022-05-24 10:23 JackieDYH 阅读(32) 评论(0) 推荐(0) 编辑
摘要:util.format()方法是util模块的内置应用程序编程接口,类似于printf格式字符串,并使用第一个参数返回格式化的字符串。格式化的字符串包含零个或多个格式说明符,其中转换并替换了相应的参数值。它用作调试工具是一种同步方法,因此,它可能会占用可观的性能开销,从而可能阻塞事件循环。 用法 u 阅读全文
posted @ 2022-05-23 10:14 JackieDYH 阅读(39) 评论(0) 推荐(0) 编辑
摘要:添加类名 element.classList.add(class1, class2, ...); 删除类名 element.classList.remove(class1, class2, ...); 兼容IE8 function addClass(el, className) { var oldC 阅读全文
posted @ 2022-05-19 10:19 JackieDYH 阅读(44) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload = function() { var pt = document.ge 阅读全文
posted @ 2022-05-18 16:47 JackieDYH 阅读(10) 评论(0) 推荐(0) 编辑
摘要:module.exports、exports和export、export default 总体上区分两大规范 CommonJS模块规范和ES6模块规范 require: node 和 es6 都支持的引入 export / import : 只有es6 支持的导出引入 module.exports 阅读全文
posted @ 2022-05-17 09:58 JackieDYH 阅读(42) 评论(0) 推荐(0) 编辑
摘要:特性: (1)形成BFC的元素,会在垂直方向叠加margin (说明不形成BFC的话,父子元素和同级元素都会在垂直方向重叠margin) (2)形成BFC的元素,不会与浮动元素重叠 (3)形成BFC的元素,不会影响外面的布局;外面的布局也不会影响BFC内部布局 (4)形成BFC的元素的高度会将浮动元 阅读全文
posted @ 2022-05-16 20:06 JackieDYH 阅读(4) 评论(0) 推荐(0) 编辑
摘要:总体上区分两大规范 CommonJS模块规范和ES6模块规范 require: node 和 es6 都支持的引入 export / import : 只有es6 支持的导出引入 module.exports / exports: 只有 node 支持的导出 Node里面的模块系统遵循的是Commo 阅读全文
posted @ 2022-05-16 09:59 JackieDYH 阅读(43) 评论(0) 推荐(0) 编辑
摘要:var subS=""; var subLen=0; var s1="dlajadoueowfljlj0000123456ldjfl1111111111111alfj"; var s2="lfjaldjuaoewnn0000123456jdfjsiol1111111111111alf"; for(l 阅读全文
posted @ 2022-05-13 10:54 JackieDYH 阅读(4) 评论(0) 推荐(0) 编辑
摘要:效果 Login页面 <!-- * @Author: Jackie * @Date: 2022-05-07 14:34:06 * @LastEditTime: 2022-05-09 15:57:44 * @LastEditors: Jackie * @Description: 登录页 用户名-密码- 阅读全文
posted @ 2022-05-10 09:58 JackieDYH 阅读(345) 评论(0) 推荐(0) 编辑
摘要:项目核心完整代码-下载 演示 安装 npm install qrcodejs2 --save npm install html2canvas --save 核心代码-具体页面结构请看完整代码 //项目中使用 - 需要的地方直接引入使用即可 import QRCode from "qrcodejs2" 阅读全文
posted @ 2022-05-09 08:00 JackieDYH 阅读(71) 评论(0) 推荐(0) 编辑
摘要:JSONP封装 function jsonp(url,success,data){ // 1.处理默认参数 data = data || {}; // 2.解析数据 var str = ""; for(var i in data){ str += `${i}=${data[i]}&`; } // 3 阅读全文
posted @ 2022-05-06 21:56 JackieDYH 阅读(4) 评论(0) 推荐(0) 编辑
摘要:一、charAt() 返回在指定位置的字符。 var str="abc"console.log(str.charAt(0))//a 二、charCodeAt() 返回在指定的位置的字符的 Unicode 编码。 var str="abc" console.log(str.charCodeAt(1)) 阅读全文
posted @ 2022-05-03 12:00 JackieDYH 阅读(15) 评论(0) 推荐(0) 编辑
摘要:基础题 01 const promise = new Promise((resolve, reject) => { console.log(1) resolve() console.log(2) }) promise.then(() => { console.log(3) }) console.lo 阅读全文
posted @ 2022-05-02 08:00 JackieDYH 阅读(5) 评论(0) 推荐(0) 编辑
摘要:效果 在app.vue中设置 方式一 <template> <div id="app"> <router-view /> </div> </template> <script> export default { name: "App", components: {}, data() { return 阅读全文
posted @ 2022-05-01 21:35 JackieDYH 阅读(72) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示