- 博客(138)
- 收藏
- 关注
RSS订阅原创 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
2588
原创 vue render函数 怎样使用
一般来说，vue提供了template，让我们写页面的时候非常方便但是实际上vue会把template转为render函数，所以我们也可以写render函数（不怎么方便，除非用jsx(react的语法)）而且如果页面中有template选项，那么render函数就会无效有时候可能会需要用jsx写render，所以了解一下也好h是render函数中的一个参数，调用它即可创建并返...
2019-11-26 08:20:00
2575
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
888
原创 怎样用 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
630
原创 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
18353
原创 css设置元素样式隔行变色
通过使用nth-child这个css3的选择器可以很方便的实现隔行变色odd表示选中奇数行even表示选中偶数行<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w...
2019-10-14 08:21:41
5261
原创 uni-app项目设置底部tabbar
找到pages.json进行配置添加tabBar字段，然后设置listlist对应的就是tab菜单选项然后就是要设置tabbar的菜单图片，这个随你，我是直接放一个logo文件的list最少两个，最多五个"tabBar": { "color": "#C0C4CC", //未选中的菜单文字颜色 "selectedColor": "#fa436a", //...
2019-10-14 08:12:01
37724
4
原创 怎样创建一个uni-app项目
安装hbuilderX,然后点击左上角的新建-项目即可弹窗新建项目的弹窗然后选择uni-app项目即可，选择之后可以看到下边有许多模板可以选择，这里我就选择最简单的进行创建当然如果是非常熟悉的也可以去选择复杂的模板进行项目的创建创建简单的模板之后可以点击上边的按钮进行运行第一次运行会自动安装编译插件，然后编译成功之后就会在浏览器打开一个页面这样既可看到项目运行了...
2019-10-13 17:22:41
6702
原创 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
4766
原创 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
1150
原创 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
4108
原创 怎样查看jquery的api 方法
jquery的api很多，为了更方便可以自己打印出来看，更容易查找在页面引入jquery，然后打印一下它对应的prototype属性打开控制台即可看到jquery的api 方法了...
2019-10-11 16:46:38
337
原创 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
684
原创 webpack怎样打包js
首先要在自己电脑安装webpack和webpack-cli然后才可以接着下面的操作。安装之后新建一个js文件，和一个webpack.config.js接下来我们就打包这个新建的js文件（我这里是a.js）webpack.config.js是webpack的配置文件，当执行webpack命令的时候会去读取这个文件里面的配置信息a.js内容很简单，就是一个输出而已we...
2019-10-10 08:17:31
951
原创 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
413
原创 js怎样递归遍历树形菜单数据
递归就是调用自己比如function fn() { fn()}递归一般是用来处理不确定层级的树形数据比如想要获取树形菜单数据里面的每一个id就可以使用递归var data = [{ name: 'a', id: 101, children: [{ name: 'bb', id: 101101, children: [] }, ...
2019-09-29 09:43:04
7608
3
原创 elementui tree怎样设置默认勾选
在树形菜单数据里面设置一个唯一的字段，这里我的就是id字段然后设置node-key为那个唯一字段 然后用default-checked-keys绑定一个数组这个数组里面就是需要勾选的菜单所对应的的id，比如我这里的是9这样运行之后菜单就会把id为9的树形菜单给勾选上了哦。...
2019-09-29 08:16:47
10015
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
8356
原创 怎样自定义elementUI的tree树形组件的图标
首先使用el-tree组件，然后定义好data数据，可以看到里面有自定义设置的icon字段，就是用来存放对应的图标的类名的然后用插槽来把图标插入进去，图标的类可以在data里面获取，如果需要还可以给这个icon绑定事件然后把原来el-tree的图标隐藏掉，注意必须重写element原来的样式，而且要设置为全局样式来覆盖（也就是不加scoped）我这里就加一个自定义的类进行限制，防...
2019-09-19 08:11:20
11992
7
原创 git查看哪些文件被修改
git status 查看哪些文件被修改git diff 查看所有文件具体被修改的地方如果要查看某个文件被修改 git diff 文件所在路径（如./a/a.txt） 查看指定的文件被修改过的地方...
2019-09-18 08:25:54
21156
1
原创 git 怎样查看某个命令的详细用法
git命令很灵活，有许多用法可能我们也不知道，所以有时候就要谷歌或者百度来搜索还有一个比较好的方法就是在命令行输入git 命令 -help来查看详细的参数以及用法比如我要查看branch命令的用法git branch -help即可...
2019-09-18 08:19:29
994
原创 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
21908
1
原创 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
1591
1
原创 elementUI表格 table怎样自定义列单元格的内容 一列放多列的字段
按照elementUI官网的代码看，得出最普通的样式是这样如果想要给列表的内容添加一些自定义内容，那就需要slot-scope了如图所示scope.row就包含了每行的对应字段通过这个row取出里面的值即可更多内容可以去elementUI官网复制粘贴然后修改，多思考，多看文档https://element.eleme.io/#/zh-CN/component/ta...
2019-09-11 08:30:57
11463
原创 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
1409
原创 git命令怎样创建本地分支 怎样查看 切换分支 查看当前分支
没有了可视化工具，只能用命令使用git，顺手记录一下常用的git命令查看本地的当前分支git branch 回车有星号的代表当前分支git branch -r 回车查看远程分支git branch -a 回车查看本地分支和远程分支git branch test 回车创建本地test分支（名称随你起）git switch dev 回车切换到本地的dev...
2019-09-11 08:15:15
1126
原创 git 怎样查看提交历史 怎样退出查看历史
命令行输入git log回车就可以看到提交历史了如果历史记录过多一般只显示部分，可以回车继续查看按下字母q即可退出查看历史状态
2019-09-09 08:08:00
1911
原创 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
4770
原创 css3怎样设置div边框圆角 怎样把div变成圆形
如果没有设置圆角则会显得比较方正通过设置border-radius可以让边角变得圆润如果设置border-radius为50%则可以让宽高相等的div变成圆形当然也可以设置某一部分，比如border-top-left-radius设置左上角...
2019-08-31 14:18:04
31694
原创 flex布局怎样让div居中
用flex布局可以让div或者其他元素居中请看代码可以设置div的display属性为flex，然后设置align-items：center; justify-content:center;即可居中<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...
2019-08-24 17:07:46
9638
原创 HTML css怎样设置文字溢出变省略号
单行文字有时候需要把多余的文字变成省略号注意，此方法只可以设置单行文字溢出省略需要设置文字容器的宽高，然后设置line-height跟高度一样，这样可以更美观接着设置white-space:nowrap，让文字不换行，然后设置溢出隐藏，以及设置文本溢出省略<!DOCTYPE html><html lang="en"><head> &...
2019-08-24 17:06:23
931
原创 使用table-cell让div居中
给父元素设置display:table-cell，并设置vertical-align:middle然后设置子元素的margin-left和margin-right为auto即可<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name...
2019-08-24 16:59:34
985
原创 js 防抖是什么 JavaScript防抖怎么用
JS防抖其实也是用来提升网页性能的一种技术写法防抖就是指当用户触发某个操作时，如果在指定的时间内再次触发该操作，那么就清除前面触发的操作，直到用户操作之后并且在指定的时间内不再操作我们再处理用户的请求常见的场景：如用户在输入框输入内容，我们根据用户输入内容去查数据。当用户输入文字时，监听input事件，那么用户每输入一个字符都会触发查询，这样就会发起很多个请求所以，我们可以考...
2019-08-18 16:19:44
7118
2
原创 css 怎样给div下拉菜单添加过渡动画效果
css transition可以让元素的属性在变化的时候有一些动画效果比如高度从30变成300,这样就会让人机交互更自然，比如鼠标经过下拉菜单显示之类的通过transition可以给指定属性添加动画效果请看代码transition: all 表示所有属性，当然，你可以根据自己需要指定某些属性，比如width500ms表示的是从开始到结束过渡的时间<!DOCTYPE html&...
2019-08-17 13:50:13
7690
原创 html css怎样让div居中
很多时候我们都需要div居中用css3的transform属性即可让div居中如代码所示先设置子元素的margin-top和margin-left为50%接着用transform的translate来移动子元素为-50%translate相对的是元素本身进行移动，这样移动-50%（元素宽度的一半）即可居中了不过因为新特性，所以兼容性不好，如果考虑IE的话，慎重使用<!DO...
2019-08-16 14:28:45
4810
原创 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
885
原创 vue怎样自定义指令
自定义指令可以去官网查看更多内容https://cn.vuejs.org/v2/guide/custom-directive.html指令可以用来操作元素，非常方便在vue单文件组件里面用directives来定义一个指令,这样定义的就是局部指令如图，append表示指令名，指令名随意起的， 它有一些钩子函数给我们调用这里说一下inserted钩子函数，借用vue官网的说法—...
2019-08-07 09:24:52
416
原创 vue项目怎样设置根据路由高亮对应的菜单项
高亮显示菜单是很常见的一个场景首先，在router-link标签上绑定对应的路径然后在css里面设置router-link-active类的样式即可切换路径的时候高亮对应的菜单也可以在router路由数组里面设置meta信息，然后根据这个信息来判断是否高亮（这里可以循环生成菜单，不过我没有写）只是说一下思路这样即可根据路由实现对应的菜单高亮了，我个人认为第二种比较...
2019-08-06 13:15:22
5397
2
原创 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
747
原创 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
1954
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人