- 博客(16)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 vue中使用v-for循环出来的数据,如何单独控制显示隐藏（超级简单）
自己搜了点,又进行了改进html部分 <div v-for="(item, index) in data" :key="index"> <div @click="isShow"> <h5>{{item.name}}</h5> </div> </div>js部分 isShow(event) { let _el = event.currentTarg
2020-08-21 11:18:27
10218
3
原创 JavaScript基础知识点（重点）
数组去重一、双重for循环，然后splice去重（ES5中最常用）二、利用indexOf去重三、利用ES6 Set去重（ES6中最常用）四、利用sort()五、利用对象的属性不能相同的特点进行去重（这种数组去重的方法有问题，不建议用，有待改进）六、利用includes七、利用hasOwnProperty八、利用filter九、利用递归去重十、利用Map数据结构去重一、双重for循环，然后splice去重（ES5中最常用）function unique(arr){
2020-08-12 16:20:44
1853
4
原创 html移动端控制台
一、引入js<script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script>二、初始化控制台<script> //初始化一下就可以了， let vConsole = new VConsole();</script>
2022-05-06 17:45:05
387
原创 git本地仓库与远程仓库建立连接。
简介：在本地使用git init建立了一个仓库A。现在需要把本地的A和远程仓库建立连接，并且保持同步。第一步：git init：初始化一个本地仓库mkdir workcd workgit init git add .git commit -m 'add files'然后开始在这里写自己的代码。第二步：在github新建一个仓库第三步：让本地仓库和远程仓库建立连接git remote add origin + //远程仓库地址这时如果出现意思是远程仓库已经存在，可以用git
2020-11-09 10:47:50
1285
原创 js实现流式布局
1. CSS样式 /*使用通配符将内外边距都设置为零, 这样看着好看*/ * { margin: 0px; padding: 0px; } /*将主容器的布局方式设置为相对布局，一下方式可设置container为水平居中，详见：[https://blog.csdn.net/weixin_49074984/article/details/109128659] */
2020-10-17 11:40:39
927
原创 css样式垂直水平居中
一、悠悠哉哉说点什么本来我有个很好的计划，就是本文用漫画来写，把话痨的火影漫画的文字重新抹掉，然后填本文相关的技术文字 。哈，是不是很好啊！但是，想到了一个残酷的现实——流量，我一个月只有30G流量，几乎月月爆棚，要是这里全部用火影的图片要实现，页面没个1M搞不下来哈，文章要是3000访问，就差不多3G，天哪，我表示压力很大。于是，我决定还是中规中矩用文字加一两小截图表示下吧二、绝对定位元素的居中实现如果要问如何CSS实现绝对定位元素的居中效果，很多人心里已经有答案了。兼容性不错的主流用法是：
2020-10-17 09:29:08
149
1
原创 node 使用 import 引入文件 需要下载的插件
entry.js文件内容require('@babel/register')({ plugins: ['@babel/plugin-transform-modules-commonjs'],});require('./app.js');package.json文件-D的插件 "@babel/cli": "^7.11.6", "@babel/core": "^7.11.6", "@babel/plugin-transform-modules-commonjs": "^7.10
2020-10-12 17:04:19
500
原创 vsCode配置,超好看,附带背景图调试
配置{ "workbench.colorTheme": "One Dark Pro", "workbench.iconTheme": "vscode-icons", // 配置文件关联，以便启用对应的智能提示，比如wxss使用css "files.associations": { "*.vue": "vue", "*.wxss": "css" }, // git显示推送提示 "git.showPushSuccessNotification": true, /
2020-08-26 21:12:01
1853
2
原创 css实现瀑布流
CSS实现瀑布流上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box
2020-08-26 16:07:40
155
原创 js隐藏浏览器默认滚动条
点击出弹窗时需要隐藏滚动条,并且禁止滑动直接上代码 document.documentElement.style.overflowY = 'scroll'; //显示 document.documentElement.style.overflowY = 'hidden'; //隐藏
2020-08-21 17:16:14
1707
原创 vue传获取event
当我们不传参数时可以直接获取html代码<template> <div @click="chenbushui"> 不传参数 </div></template>js代码<style> methods:{ chenbushui(event){ console.log(event) // 此时我们可以直接拿到event } }</style>当我们需要传入参数时,使用…argumentshtm
2020-08-21 11:03:24
426
原创 vue路由跳转自己时报错
在router.js中加上import VueRouter from 'vue-router'const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err)}
2020-08-20 09:55:37
1552
1
原创 vue滚动屏幕使其菜单栏隐藏和显示
vue滚动屏幕使其菜单栏隐藏和显示<template> <div> <div v-show="isShow">我是导航栏</div> </div></template><script>export default { name: 'DetailHeader', props :{ sightName:String }, data () { return {
2020-08-19 10:43:15
1433
原创 React简单知识点梳理(超级详细,超级全)
react梳理一、创建一个react包安装脚手架npm i create-react-app -g创建一个react项目create-react-app XXXX (项目名称)cd进入项目进行释放(可以不进行)npm run eject原理基于虚拟DOM1.通过js创建虚拟dom虚拟dom转换真实dom，并挂载到页面2.react创建虚拟dom react.createElement遇到<>遇到{}解析成虚拟dom
2020-08-12 17:53:41
1467
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人