随笔分类 -  VUE

上一页 1 2

常见功能
Vue调试神器vue-devtools安装
摘要:vue-devtools是一款基于chrome游览器的插件,用于调试vue应用,可以极大提高调试效率 第一步:找到vue-devtools的github项目,并将其clone到本地. (vue官网生态系统 工具中) git clone https://github.com/vuejs/vue-dev 阅读全文

posted @ 2022-01-24 00:04 一名小学生呀 阅读(542) 评论(0) 推荐(0)

日期时间的获取
摘要:使用moment插件 // 需要先 npm i moment // 再import moment from 'moment' // 1.获取当前年 const curYear = new Date().getFullYear() // 2.获取当前周 const curWeek = moment() 阅读全文

posted @ 2021-11-29 15:14 一名小学生呀 阅读(830) 评论(0) 推荐(0)

Vue项目中,判断路由跳转,离开当前页面进行提示
摘要:vue中main.js文件 ,这个文件夹中进行操作,因为在这个页面注册的所有组件,原型上面的方法也都在这个页面上 var flag; // 首先定义一个开关 router.beforeEach((to, from, next) => { if (to.path == '/game/aaaa' || 阅读全文

posted @ 2021-11-29 15:01 一名小学生呀 阅读(1461) 评论(0) 推荐(0)

浏览器兼容性问题解决方案 · 总结
摘要:俗话说:没有IE就没有伤害。 1.Normalize.css 不同浏览器的默认样式存在差异,可以使用 Normalize.css 抹平这些差异。也可以定制属于自己业务的 reset.css,简单粗暴法设置margin:0;padding:0; <link href="https://cdn.boot 阅读全文

posted @ 2021-11-09 14:25 一名小学生呀 阅读(201) 评论(0) 推荐(0)

js获取数字数组最大值的几种方式
摘要:1.原生Math.max方法 Math.max 方法不能接收数组,可以使用ES6的...将数组打散 const arr = [111, 12, 111, 34, 2, 5, 76]; console.log(Math.max(...arr)); 也可以用apply方法调用 console.log(M 阅读全文

posted @ 2021-11-09 13:53 一名小学生呀 阅读(6734) 评论(0) 推荐(0)

JS延迟加载的几种方式(就是等页面加载完成之后再加载 JS文件,延迟加载有助于提高页面加载速度)
摘要:1. defer 属性 HTML 4.01 为 <script>标签定义了 defer属性。用途:表明脚本在执行时不会影响页面的构造。也就是说,脚本会被延迟到整个页面都解析完毕之后再执行。 在<script> 元素中设置 defer 属性,等于告诉浏览器立即下载,但延迟执行。 说明:虽然<scrip 阅读全文

posted @ 2021-11-09 13:42 一名小学生呀 阅读(2895) 评论(0) 推荐(0)

vue中(input组件)textarea文本提交到后端数据库,前端输出保存换行回车及修改显示
摘要:提交前先正则过滤: (此处content为textarea输入值) var content = this.content.replace(/\r\n/g, '<br/>').replace(/\n/g, '<br/>').replace(/\s/g, '&nbsp;'); 展示的时候用 v-html 阅读全文

posted @ 2021-09-01 09:27 一名小学生呀 阅读(2186) 评论(0) 推荐(0)

vue中分页点击跳转刷新同时可自动跳转页码
摘要:1 //分页组件 2 <div class="page"> 3 <el-pagination 4 small 5 @current-change="handleChange" 6 prev-text="上一页" 7 next-text="下一页" 8 background 9 :page-size= 阅读全文

posted @ 2021-08-23 17:00 一名小学生呀 阅读(510) 评论(0) 推荐(0)

vue中适配,页面使用rem,函数设置rem基础font-size自适应问题
摘要:1 (function(){ //适配设置基础rem 2 function w() { 3 var r = document.documentElement; 4 var a = r.getBoundingClientRect().width;//获取当前设备的宽度 5 console.log(a, 阅读全文

posted @ 2021-08-23 16:33 一名小学生呀 阅读(1092) 评论(0) 推荐(0)

基础函数(普通函数创建、带有参数的函数创建、带有返回值的函数创建;变量作用域、变量提升;递归的用法)
摘要:函数分为系统函数和自定义函数 系统函数(js提供的)例如:Number、parseInt、parseFloat、alert、prompt。。。 聚合函数关键字function:功能体,函数,方法,接收若干个数据,返回处理的结果。==》用于封装多次执行的代码 1. 普通函数的创建 2. 带有参数的函数 阅读全文

posted @ 2021-08-05 10:43 一名小学生呀 阅读(174) 评论(0) 推荐(0)

程序的流程控制、if 分支、if-else 分支、else-if分支、switch-case 判断语句、while循环、do-while循环、for循环、循环嵌套
摘要:程序的流程控制 分支结构 if if-else 》程序可以再运行过程中,在不同的情形下有选择的执行某些语句 1. if 语句的执行逻辑 if 小括号内,如果是一个空字符('')就是false,(' ')引号间有一个空格就表示有值,为true 1-1. 执行语句0 1-2. 判断逻辑表达式的值:若值为 阅读全文

posted @ 2021-08-04 09:38 一名小学生呀 阅读(213) 评论(0) 推荐(0)

变量、常量 和 数据类型、数据类型转换 和 运算符(进制转换)、浏览器端函数、程序的流程控制概述
摘要:变量声明: 1. 使用关键字 var 声明变量 var id=108,title=‘小米air’; 2. 使用 “=” 为变量赋值 3. 没有初始化的变量自动取值为undefined 4. 可以先声明,后赋值 5. 赋值后可以再次变动(是一个可变值) 常量的声明: 1. 使用关键字 const 声明 阅读全文

posted @ 2021-07-28 09:10 一名小学生呀 阅读(94) 评论(0) 推荐(0)

JS 发展史概述 和 服务器端环境搭建(node安装)
摘要:JavaScript(后面简写JS) 是一种运行与JS解释器/引擎中的解释型脚本语言。解释器性语言特点就是编译一行执行一行;而编译型语言是所有代码编译完再去执行。通常变编译型语言比解释型语言运行要快,因为js语言可以在不同的环境中运行,如果要运行时要考虑不同浏览器环境的兼容性。 js特点: 1. 代 阅读全文

posted @ 2021-07-25 14:22 一名小学生呀 阅读(146) 评论(0) 推荐(0)

正则表达式(Regular Expression)字符表达
摘要:用于匹配字符串中字符组合的模式。 在JavaScript 中,正则表达式也是对象。通常用来检索、替换那些符合某个模式(规则)的文本,例如验证表单;用户名表单只能输入英文字母、数字或者下划线...... 1. 创建正则表达式 1-1. 通过调用RegExp 对象的构造函数创建 var 变量名= new 阅读全文

posted @ 2021-07-12 15:56 一名小学生呀 阅读(118) 评论(0) 推荐(0)

判断一个对象是不是数组的几种方法
摘要:typeof: 主要作用就是用来检测数据的类型,一般情况下都是使用它来判断数据类型。 但是,因为 typeof 不能检测到数组类型,typeof 所能识别的类型只有原始类型(Undefined,Null,Boolean,Number,String,Symbol )以及 function 和 obje 阅读全文

posted @ 2021-07-12 15:02 一名小学生呀 阅读(844) 评论(0) 推荐(0)

鼠标经过切换对应显示内容
摘要:<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>鼠标悬浮切换显示</title> <!-- js方法 --> <script type 阅读全文

posted @ 2021-07-03 20:42 一名小学生呀 阅读(165) 评论(0) 推荐(0)

vue中tab栏鼠标经过切换对应内容
摘要:vue 中tab栏鼠标经过切换对应内容 html中给tab标签动态绑定鼠标选中和未选中样式,绑定鼠标经过事件 mouseover ,传参1 表示默认显示区域: script 中创建状态值和方法:(当鼠标经过时传参值等于状态值,判断v-show 是否显示当前内容区域) 阅读全文

posted @ 2021-06-28 15:04 一名小学生呀 阅读(627) 评论(2) 推荐(0)

vue中手动设置刷新当前页面
摘要:vue-router重新路由到当前页面,或者$router.push页面不刷新 方法: 1. window.reload(),或 router.go(0) ,js原生方法,只要停留在本页面就会不停刷新(不建议使用) 2. 全局声明reload方法,控制router-view的显示或隐藏,从而控制页面 阅读全文

posted @ 2021-06-26 17:59 一名小学生呀 阅读(509) 评论(0) 推荐(0)

vue中element组织机构树形组件(页面加载就渲染)
摘要:template: <el-tree :data="TreeMenu" :current-node-key="currentLivingId" :props="{ label: 'orgName', children: 'children' }" ref="popularTree" lazy :lo 阅读全文

posted @ 2021-06-26 17:46 一名小学生呀 阅读(975) 评论(0) 推荐(0)

(node app.js运行)服务器连接数据库报错Error: ER ACCESS DENIED ERROR: Access denied for user 'root'@'localhost' (using password: YES)
摘要:这里运行项目,报错Error: ER_ACCESS_DENIED_ERROR: Access denied for user ‘root’@‘localhost’ (using password: YES) vscode打开的,直接左边文件选择 点default.json,下拉,把密码:root改成 阅读全文

posted @ 2021-06-24 23:12 一名小学生呀 阅读(801) 评论(0) 推荐(1)

上一页 1 2

导航