js
关注
分享
扫一扫
woshidamimi0
这个作者很懒，什么都没留下…
展开
-
vuecli项目怎样使用jsx
有时候用jsx写页面可能更灵活，当然在vue中写jsx需要插件的支持我用了一些官方给出的，感觉不怎么好用，推荐安装这个安装babel-plugin-transform-vue-jsx插件GitHub地址https://github.com/vuejs/jsx/tree/master/packages/babel-plugin-transform-vue-jsx看文档安装配置吧...原创 2019-11-26 08:25:48 · 2547 阅读 · 0 评论 -
vue render函数 怎样使用
一般来说，vue提供了template，让我们写页面的时候非常方便但是实际上vue会把template转为render函数，所以我们也可以写render函数（不怎么方便，除非用jsx(react的语法)）而且如果页面中有template选项，那么render函数就会无效有时候可能会需要用jsx写render，所以了解一下也好h是render函数中的一个参数，调用它即可创建并返...原创 2019-11-26 08:20:00 · 2506 阅读 · 1 评论 -
js call apply用来干嘛 有什么区别
call 和 apply可以借用别的对象的方法比如obj1没有say方法，通过call和apply之后即可借用say方法，而区别则是call第二个参数是字符串，多个用逗号分隔，比如 call(obj1, 'name', 'sex')而apply多个参数是用一个数组把参数传递进去。比如apply(obj1, ['name','sex']) let obj = { name:...原创 2019-11-25 08:33:47 · 865 阅读 · 0 评论 -
怎样用 create-react-app脚手架编写react组件
首先用create-react-app创建一个项目，然后创建一个js文件，编写代码引入组件引入React来解析jsx语法import React from 'react';定义一个函数，return里面就可以写html css js，当调用这个函数的时候就会渲染成对应的页面这里只是最简单的hello world这里面就是要使用jsx语法来写const He...原创 2019-11-22 16:28:34 · 617 阅读 · 0 评论 -
js怎样获取元素滚动的距离
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compat...原创 2019-10-29 08:29:59 · 18308 阅读 · 0 评论 -
js怎样获取div元素的宽度
有些时候需要获取到div的宽度在线编程地址https://www.w3school.com.cn/tiy/t.asp?f=html_basic<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="...原创 2019-10-13 15:06:16 · 4731 阅读 · 0 评论 -
jquery怎样设置元素的样式 怎样修改元素的样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Co...原创 2019-09-17 08:16:00 · 1579 阅读 · 1 评论 -
js怎样判断数组有没有重复值
说下我的思路，通过比较去重前后的数组长度通过遍历和indexOf判断第一次出现的位置 // 只知道有重复 let arr = [1,3,5,7,9,9,10,10,11,12,34,3,6,92,1] let len = arr.length let setLen = [...new Set(arr)].length console.log(len,setLen) ...原创 2019-08-03 18:49:19 · 1940 阅读 · 0 评论 -
js数组去重
用es6的Set 或者用filterlet arr = [1,2,3,3,6,6,77,9,3,2,1,23,68] let result = [...new Set(arr)] console.log(result) let value = arr.filter((ele,index,arr) => { return arr.indexOf(ele) === in...原创 2019-08-05 09:07:09 · 740 阅读 · 0 评论 -
vue项目怎样设置根据路由高亮对应的菜单项
高亮显示菜单是很常见的一个场景首先，在router-link标签上绑定对应的路径然后在css里面设置router-link-active类的样式即可切换路径的时候高亮对应的菜单也可以在router路由数组里面设置meta信息，然后根据这个信息来判断是否高亮（这里可以循环生成菜单，不过我没有写）只是说一下思路这样即可根据路由实现对应的菜单高亮了，我个人认为第二种比较...原创 2019-08-06 13:15:22 · 5348 阅读 · 2 评论 -
js 防抖是什么 JavaScript防抖怎么用
JS防抖其实也是用来提升网页性能的一种技术写法防抖就是指当用户触发某个操作时，如果在指定的时间内再次触发该操作，那么就清除前面触发的操作，直到用户操作之后并且在指定的时间内不再操作我们再处理用户的请求常见的场景：如用户在输入框输入内容，我们根据用户输入内容去查数据。当用户输入文字时，监听input事件，那么用户每输入一个字符都会触发查询，这样就会发起很多个请求所以，我们可以考...原创 2019-08-18 16:19:44 · 7047 阅读 · 2 评论 -
localStorage怎样存取数据 怎样清除localStorage存储的数据
localStorage很多时候用来存储数据非常好，方便在页面中使用某些数据的时候调用首先，通过setItem(key,value)即可存储数据然后用getItem(key)的方式即可取得数据可以看到，设置之后在浏览器的localStorage中看到存储的数据使用localStoage存储的数据除非用户手动清空浏览器的信息，否则不会被删除当然我们也可以通过r...原创 2019-08-03 16:02:01 · 11090 阅读 · 0 评论 -
vue父子组件之间怎样通信 怎样传递数据
首先，新建一个子组件MyChild ,然后在子组件的props属性里设置一个属性来接收外部传来的值，我这里叫outData,然后设置接收的数据类型是String,并且用default设置默认数据然后再父组件中的data中定义数据，并且引入子组件，然后把数据绑定到子组件的outData属性上即可这样子组件即可拿到父组件的数据了如果不传默认就会用子组件props中outData...原创 2019-08-03 15:09:49 · 444 阅读 · 0 评论 -
es6 模板字符串怎样使用
es6新增的模板字符串让我们在拼接字符操作上省时省力在此之前，拼接一般都是用加号之类的，现在可以用反引号来包裹所有字符串，其中的变量则用${变量名}来书写，这样即可被浏览器解析 let name = 'abc' document.write('<h1>' + name + '</h1>') document.write(`<h1>${name...原创 2019-07-20 17:30:58 · 424 阅读 · 0 评论 -
vue项目怎样使用elementUI的树形组件 tree组件
在模板中使用el-tree标签 给data属性绑定树形结构数据即可 <el-tree :data="treeData"></el-tree>接着在data中编写数据 treeData: [ { label: "java", children: [] }, { ...原创 2019-07-20 15:13:45 · 15201 阅读 · 3 评论 -
js new一个对象的时候做了哪些事情
做了三件事1 创建一个空对象 2 把this指向创建的空对象 ，并且把this的constructor指向构造函数 3 执行构造函数如代码所示 构造函数就是Person this.constructor指向的就是Person打印this可以看到this是一个空对象<script> function Perosn(name) { console.l...原创 2019-07-24 19:06:59 · 1419 阅读 · 0 评论 -
js怎样判断一个对象是不是数组
通过instanceof 或者是对象的构造函数constructor即可判断<script> let tempArray = [ null, undefined, '', 123, '123', false, true, [1, 2, 3], { temp: 'temp' } ] tempArray.forEach(ele => { conso...原创 2019-07-24 18:44:55 · 158 阅读 · 0 评论 -
js怎样把日期转换为时间戳 js时间格式转换
后端接口很多时候都是要时间戳的，而转换时间戳也是比较简单的getTime() , + 加号， valueOf()都可以把日期转换为时间戳原创 2019-07-06 16:05:21 · 2108 阅读 · 0 评论 -
js怎样判断是不是整数
es6提供了一个新的方法用于判断某个变量是否是整数就是Number.isInteger()方法，用它就可以判断是否是整数了，注意ie是不支持的原创 2019-07-06 15:32:03 · 2790 阅读 · 0 评论 -
vue怎样自定义指令
自定义指令可以去官网查看更多内容https://cn.vuejs.org/v2/guide/custom-directive.html指令可以用来操作元素，非常方便在vue单文件组件里面用directives来定义一个指令,这样定义的就是局部指令如图，append表示指令名，指令名随意起的， 它有一些钩子函数给我们调用这里说一下inserted钩子函数，借用vue官网的说法—...原创 2019-08-07 09:24:52 · 411 阅读 · 0 评论 -
js this指向哪里 JavaScript this指向
非箭头函数中的this指向一般都是调用者在非箭头函数中谁调用了函数，那么函数的this指向就是谁比如 let obj1 = { name:'obj1', say:function(){ console.log('非箭头函数',this.name) } }obj1.say() 调用之后this指向就...原创 2019-08-15 14:56:37 · 862 阅读 · 0 评论 -
jquery怎样移除所选节点下的所有子节点
<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Co...原创 2019-10-11 17:13:22 · 1131 阅读 · 0 评论 -
js怎样获取元素节点 怎样获取某个元素下的第一个节点 获取相邻的兄弟节点
有时候不需要使用jquery，而如果需要用原生js获取节点就比较麻烦了以下是一些比较常用的api，记录一下。不一定兼容ie<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=...原创 2019-10-11 17:08:25 · 4095 阅读 · 0 评论 -
怎样查看jquery的api 方法
jquery的api很多，为了更方便可以自己打印出来看，更容易查找在页面引入jquery，然后打印一下它对应的prototype属性打开控制台即可看到jquery的api 方法了...原创 2019-10-11 16:46:38 · 328 阅读 · 0 评论 -
jquery怎样遍历数组
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compat...原创 2019-10-11 16:38:55 · 661 阅读 · 0 评论 -
vue .sync怎样让数据双向绑定
https://cn.vuejs.org/v2/guide/components-custom-events.html#sync-%E4%BF%AE%E9%A5%B0%E7%AC%A6子组件中用props接收外部传来的值 此处是isShow然后在父组件中引入并使用.sync，这样既可被外部也可以被内部修改然后子组件中向外触发事件 this.$emit("update:isShow"...原创 2019-09-29 09:51:08 · 402 阅读 · 0 评论 -
js怎样递归遍历树形菜单数据
递归就是调用自己比如function fn() { fn()}递归一般是用来处理不确定层级的树形数据比如想要获取树形菜单数据里面的每一个id就可以使用递归var data = [{ name: 'a', id: 101, children: [{ name: 'bb', id: 101101, children: [] }, ...原创 2019-09-29 09:43:04 · 7564 阅读 · 3 评论 -
Access to XMLHttpRequest at 'xxx' from origin 'xxx' has been blocked by CORS policy: No 'Access-Cont
出现这个就说明有发生跨域请求了假设项目是在本地的8003端口但是调用了8006的接口，那么就会出现跨域了<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script><script> $.ajax({ url: 'http://127.0.0.1:...原创 2019-09-26 08:16:02 · 8182 阅读 · 0 评论 -
怎样自定义elementUI的tree树形组件的图标
首先使用el-tree组件，然后定义好data数据，可以看到里面有自定义设置的icon字段，就是用来存放对应的图标的类名的然后用插槽来把图标插入进去，图标的类可以在data里面获取，如果需要还可以给这个icon绑定事件然后把原来el-tree的图标隐藏掉，注意必须重写element原来的样式，而且要设置为全局样式来覆盖（也就是不加scoped）我这里就加一个自定义的类进行限制，防...原创 2019-09-19 08:11:20 · 11942 阅读 · 7 评论 -
js怎样获取元素有哪些类 class 原生js获取元素的类名
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compat...原创 2019-09-18 08:14:08 · 21553 阅读 · 0 评论 -
js prototype是什么 怎么用 用来干嘛 js 原型
先打印一下Array的prototype看看console.log(Array.prototype)打印之后可以看到一堆函数然后定义一个数组并调用方法let arr = [11, 22, 33];console.log(arr.toString())可以看到数组可以调用Array.prototype的方法然后自己写一个函数并且定义它的prototypevar MyClass...原创 2019-09-11 08:24:56 · 1390 阅读 · 0 评论 -
jquery怎样给元素添加类class 怎样移除元素的类名 class呢
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2019-09-05 08:06:27 · 4740 阅读 · 0 评论 -
js怎样获取鼠标在页面点击时的位置信息 坐标信息
获取鼠标在页面点击时的坐标信息有时候也有它的用户首先，监听页面的点击事件，然后打印其中的事件中的一些属性clientX 和clientY即可得到坐标信息了然后随便在页面点击即可在控制台看到点击的坐标信息了注意clientX,clientY是从浏览器的页面顶部算起的，不包括顶部的工具栏如果想要从电脑屏幕顶部算起那就就要使用screenX和screenY来获取了。...原创 2019-07-06 15:17:13 · 6547 阅读 · 2 评论 -
vue怎样操作元素 怎样获取元素节点
vue中建议我们操作节点的时候使用ref来获取节点，所以虽然可以用document.getElement之类的语句来操作，不过代码还是有点长，所以我们可以使用vue提供的api来进行操作先用ref在元素上面做一个标记，然后用this.$refs.标记名来获取元素<!DOCTYPE html><html><head> <meta char...原创 2019-07-14 16:51:39 · 6641 阅读 · 2 评论 -
js 怎样自定义事件
js自定义事件还是非常有用的，可以用来模拟一些点击操作之类的,或者用来实现组件之间的通信new Event即可得到一个事件对象，注意需要传入参数，这个参数就是你的事件名称，然后在某个元素上面监听自定义的事件，比如我的事件名就叫做myCustom ,而且我绑定的是document，因为它是比较顶层的全局对象，然后再用dispatchEvent把事件派发出去即可，这样加载这段脚本的时候就会立刻...原创 2019-07-20 16:42:18 · 212 阅读 · 0 评论 -
js过滤空格
过滤空格很简单先获取文本字符串，然后用replace方法，js内置的。g表示过滤全部空格let tempKeyWord = document.getElementById('#box').innerHTML;let keyword = tempKeyWord.replace(/ /g,'');...原创 2018-09-20 16:54:19 · 3700 阅读 · 0 评论 -
vue项目模拟假数据
开发vue项目的时候需要用到一些假数据，这里我就分享一下用json-server这个包来托管数据。首先就是npm install -g json-server来全局安装。之后新建一个json文件，格式大概是这样的。{ "items":[ { "id": 103, "name": "daming" }, { "id": 1...原创 2018-09-25 14:39:17 · 8204 阅读 · 2 评论 -
原生JS获取含有自定义属性的元素节点
jQuery有data()方法可以获取到自定义的元素节点，而原生JS获取则要用到querySelector以及querySelectorAll这两个方法。用代码写一下。 <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport"原创 2018-08-06 15:12:59 · 11224 阅读 · 1 评论 -
原生JS给元素添加类 移除类
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>原生J原创 2018-08-06 14:30:38 · 8008 阅读 · 0 评论 -
JS向数组添加元素，插入数据
js中对于数组的操作很常见，下面记录一下js向数组添加元素的方法。 let myArray=[11,22,33]; console.log('原数组：',myArray); myArray.push(44,55); console.log('用push在数组后面插入元素：',myArray); myArray.unshift(66,77); co...原创 2018-07-22 15:00:10 · 404132 阅读 · 40 评论