- 博客(26)
- 问答 (2)
- 收藏
- 关注
原创 js监听元素属性变化
//监听元素var targetNode = $("#div")[0]var targetNodechange = {attributes: true};function callback(mutationsList,observer){//目标元素发生变化时执行的代码}var mutationObserver = new MutationObserver(callback);mutationObserver.observe(targetNode,targetNodechange);//停止
2021-12-03 12:12:29 1850
原创 树形控件tree
expand-on-click-node=“false” 只有点击前面的图标才会展开或关闭highlight-current 高亮显示
2021-08-18 11:53:39 92
转载 2021-07-08
let getDate = new Date(‘2018-9-10’) //年、月、日或者 let getDate = new Date(1551187357000) //时间戳let newDatas =getDate.getFullYear() +‘年’ +(getDate.getMonth() + 1) +‘月’ +getDate.getDate() +‘日’console.log(this.newDatas) //输出结果:2018年9月10日————————————————版权
2021-07-08 17:15:34 51
原创 密码框不被浏览器记住密码
<input id="pass" name="text" type="text" onblur="this.type='password'" onfocus="this.type='text'" />
2021-06-28 10:22:10 134
转载 原生js获取cookie
function getCookie(name){ var strcookie = document.cookie;//获取cookie字符串 var arrcookie = strcookie.split("; ");//通过;分割 //遍历匹配 for ( var i = 0; i < arrcookie.length; i++) { var arr = arrcookie[i].split("="); if (arr[0] == n
2021-05-28 15:36:21 374
原创 vue路由守卫示例
router.beforeEach((to, from, next) => { if(条件满足) next() // 放行 else if (to.name !== 'Login') next({ name: 'Login' }) //返回登录页 else next() //放行})放在export default router上面。to是要去的路由from是当前的路由next()是通过next()中写路由会跳转到该路由...
2021-05-28 15:31:27 77
原创 vue.config.js基本内容
vue项目上线前需要项目中存在一个vue.config.js文件(没有vue.config.js文件自己在项目根目录下创建一个,图中红圈)。复制以下代码到vue项目中vue.config.js文件下。module.exports = { publicPath: './', outputDir: 'dist', lintOnSave: true, chainWebpack: () => {}, configureWebpack: () => {}, productionSourceMap:
2021-05-26 11:19:46 198
原创 vue.config.js中的内容
module.exports = {// 基本路径 baseURL已经过时publicPath: ‘./’,// 输出文件目录outputDir: ‘dist’,// eslint-loader 是否在保存的时候检查lintOnSave: true,// use the full build with in-browser compiler?// https://vuejs.org/v2/guide/installation.html#Runtime-Compiler-vs-Runtime-
2021-05-26 10:59:01 232
原创 用sort对数组中的对象中的某个值进行排序
var arr = [{name:aa,value:34},{name:bb,value:51},{name:cc,value:2},]arr.sort(function(a, b){return a.value - b.value}); //a-b为升序,b-a为降序。console.log(arr);结果为[{name:cc,value:2},{name:aa,value:34},{name:bb,value:51},]
2021-05-07 14:56:31 245
转载 重复点击路由报错
在Vue.use(VueRouter)下加入下面代码const VueRouterPush = VueRouter.prototype.pushVueRouter.prototype.push = function push (to) {return VueRouterPush.call(this, to).catch(err => err)}————————————————版权声明:本文为CSDN博主「qq_36437172」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原
2021-04-14 12:04:04 165 1
原创 vue中watch监听页面窗口高度
1.首先需要在data里面定义页面的高度data (){return {fullHeight: document.documentElement.clientHeight}}2.把window.onresize事件挂在到mountedmounted() {const that = thiswindow.onresize = () => {return (() => {window.fullHeight = document.documentElement.clientHei
2021-04-11 18:19:48 2809
原创 npm环境变量配置及vue-cli脚手架安装
修改NPM全局安装的默认路径(不要轻易操作)查看当前的全局安装路径npm config ls安装指定的目录安装node.js,例如: c:\nodejs。node.js安装完成之后,需要在 c:\node.js 目录下创建两个文件夹:c:\nodejs\node_globalc:\nodejs\node_cache文件夹创建成功后,执行命令:# 配置默认的全局安装路径npm config set prefix "c:\nodejs\node_global"npm config set
2021-04-08 19:30:12 606
原创 js动态添加多个元素
js动态添加多个元素:for(var i = 0; i < memberobj.data.length; i ++ ) {var dom=document.createElement(‘tr’);var tbody = document.getElementsByTagName(‘tbody’)[1];tbody.appendChild(dom);dom.innerHTML =<tr> <td>${memberobj.data[i].username}</td
2021-01-05 14:52:42 1356
原创 js去掉空格
去除字符串中的所有空格:str.replace(/\s/g,"");去掉字符串中的首尾空格:str.trim();注:1.”\s”是转移符号用以匹配任何空白字符,包括空格、制表符、换页符等2.”g”表示全局匹配将替换所有匹配的子串...
2020-12-31 14:27:09 98
转载 原型与原型链的概念
一、原型1、所有引用类型都有一个__proto__(隐式原型)属性,属性值是一个普通的对象2、所有函数都有一个prototype(原型)属性,属性值是一个普通的对象3、所有引用类型的__proto__属性指向它构造函数的prototype二、原型链当访问一个对象的某个属性时,会先在这个对象本身属性上查找,如果没有找到,则会去它的__proto__隐式原型上查找,即它的构造函数的prototype,如果还没有找到就会再在构造函数的prototype的__proto__中查找,这样一层一层向上查找就会
2020-11-27 14:02:09 344
原创 Vue基础面试题
Vue面试题(内附答案)1.如何理解 Vue 是异步执行 DOM 更新的 ?Vue 是异步执行 DOM 更新。只要观察到数据变化,Vue 将开启一个队列,并缓冲在同一事件循环中发生的所有数据改变。如果同一个 watcher 被多次触发,只会被推入到队列中一次。这种在缓冲时去除重复数据对于避免不必要的计算和 DOM 操作上非常重要。然后,在下一个的事件循环 tick 中,Vue 刷新队列并执行实际 (已去重的) 工作。Vue 在内部尝试对异步队列使用原生的 Promise.then 和 MessageCh
2020-11-14 20:11:53 873
原创 todolist代码
初学者自己写的,不是完美版本<template> <div> <div> <input type="text" v-model.trim="value" @keydown.enter="add"> </div> <h2>正在进行:{{no}}</h2> <ul> <li v-for="(item,index) in list" :key="in
2020-11-05 09:25:30 288
原创 mvc和mvvm的区别
MVC和MVM的区别用JavaScript在浏览器中操作HTML,经历了若干发展阶段:第一阶段,直接用JavaScript操作DOM节点,使用浏览器提供的原生API:第二阶段,由于原生API不好用,还要考虑浏览器兼容性,jQuery横空出世,以简洁的API迅速俘获了前端开发者的芳心:第三阶段,MVC模式,需要服务器端配合,JavaScript可以在前端修改服务器渲染后的数据。现在,随着前端页面越来越复杂,用户对于交互性要求也越来越高,想要写出Gmail这样的页面,仅仅用jQuery是远远不够的。M
2020-11-04 17:06:40 278
原创 markdown语法简述
MarkDown语法总结Markdown是一种轻量标记语言,通过简单的语法,使普通文本具有一定的格式。一、优点1、纯文本,所以只要支持Markdown的地方都能获得一样的编辑效果。2、操作简单。比如编辑标题,Markdown只需要在标题内容前加#即可。二、缺点1、需要记一些语法2、有些平台不支持Markdown。三、基本语法1.标题在想要设置为标题的文字前面加#来表示一个#是一级标题,二个#是二级标题,以此类推。支持六级标题。2.字体2.1 . 加粗要加粗的文字左右分别用两个*号
2020-11-02 12:33:09 94
空空如也
函数写在外部js上,应该怎么样才能在点击的时候调用到这个函数?
2021-04-08
函数写在外部js上,应该怎么样才能在点击的时候调用到这个函数?
2021-04-08
TA创建的收藏夹 TA关注的收藏夹
TA关注的人