在vue中实现修改子组件的数据，父组件的数据也跟着变化-爱代码爱编程
在vue中如果在不使用vuex的情况下，实现子组件给父组件传参方法如下： html代码： <div id="app"> {{num}} <v-header :a='num'></v-header> <!-- <button type="button" @click="change()"&
tab栏-爱代码爱编程
在vue中实现tab栏的功能 如图 代码如下（css样式我并没有去细细布置，重点在于功能的实现）： <body> <div id="app"> <ul> <!-- v-bind:属性 可以直接省略为:属性 --> <li v-for="(item,index) in l
2021-01-26-爱代码爱编程
vue实现微博发布功能 主要就是要操控数据，vue的想要改变任何东西，首先第一点要记住我们改变的永远是变量，而不是去操作标签。 代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title&
es6小结-爱代码爱编程
let和const let块级作用域:{就是代码块}向上寻找距离该变量最近的开始的函数的{作用范围就是该{}之内 { let a=10; } console.log(a);会报错 let作用域是代码块以内的区域 let不能重复声明 会报错'm' has already been declared let m=100; let m=1;
js高级小结-爱代码爱编程
01基本对象 var stu={ name:'zsh', age:12, eat:function(){ console.log(this); // 在基本对象内部this指的是当
前端模块化发展史-爱代码爱编程
这是个人在网络上收集的一些信息，也许不够全面。 COMMONJS 大概 09 年 – 10 年期间，CommonJS 社区大牛云集。CommonJS 原来叫 ServerJS，推出 Modules/1.0 规范后，在Node.js 环境下取得了很不错的实践。09年下半年这帮牛逼爱折腾的大神们想把 ServerJS 的成功经验进一步推广到浏览器端，于是将
bootstrap-爱代码爱编程
bootstrap简介 1）bootstrap由@mdo 和 @fat 在Twitter工作时创建，Bootstrap使用 LESS CSS 并用 Node 编译，托管在 GitHub 上，方便大家使用这一框架构建更好的web应用。 2）Bootstrap不光为了看起来好看，而且在现代的桌面浏览器上有极佳的表现(包括IE7！)。在平板电脑和智能手机上面
前端面试典型例题（包括一些自己的小练习）-爱代码爱编程
1、下面程序的执行结果是什么？请分析原因? function f({ x = 10 } = {}, { y } = { y: 10 }) { console.log( x + " " + y +"\n"); } 根据es6提供的参数值默认原理，undefined就是空。得到以下值。 f(); // 10 10 f( undefined, un
前端典型例题-爱代码爱编程
1、var和let区别？ let向上寻找距离变量最近的开始的函数的{} let没有变量提升 let不能重复声明 let具有暂时性死区的情况 2、分析代码执行结果？ var a=123; if(true){ a='zsh'; let a; } 报错 let的暂时性死区 3、补全代码 var person={ name:'z
前端人员学习postman-爱代码爱编程
前端人员使用postman postman介绍下载安装posman的基本操作主要进的是如何新建一个文件夹，然后新建请求postman发送不同请求讲的是如何发送不同类型的请求发送get请求发送post请求body里面数据类型的说明 什么时候选择什么类型文件上传怎么设置以上就是对postman工具的一个人介绍，之后掌握新的用法，会及时更新 post
我在做layuiAdmin std 通用后台管理模板系统（iframe标准版）的动态侧边栏渲染-爱代码爱编程
1.layuiAdmin的根据请求获取数据 动态生成侧边栏 注意:请求地址一样 但携带的token不一样 会返回不一样的侧边栏 就是权限问题 在views/index.html页面上改造的前后 改造侧边栏的渲染代码前 <!-- 侧边菜单 --> <div class="layui-side layui-side-me
做后台或其他项目时的 桌面消息提示功能-爱代码爱编程
在页面上开启消息提示功能 1.通过js调用显示系统通知 function showNotification(title, msg, imgUrl) { var Notification = window.Notification || window.mozNotification || window.webkitNotif
前端用js实现粘贴图片实现上传图片功能-爱代码爱编程
前端实现粘贴复制图片 引入实现粘贴复制功能的外部js文件设置放置图片的盒子监听粘贴事件 实现上传功能 粘贴即上传实现效果截图 引入实现粘贴复制功能的外部js文件 // 引入复制的外部js文件 <script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.
原生ajax请求数据的过程都是哪几步？-爱代码爱编程
ajax使用： 1. 创建`XMLHttpRequest`对象,也就是创建一个异步调用对象； 2. 创建一个新的`HTTP`请求,并指定该`HTTP`请求的方法、`URL`及验证信息； 3. 设置响应`HTTP`请求状态变化的函数； 4. 发送`HTTP`请求； 5. 获取异步调用返回的数据； 6. 使用JavaScript和DOM实现局部刷新
echarts 自定义toolbox_黑白配_的博客-爱代码爱编程_echarts toolbox 自定义
toolbox: { show: true, right: '80px', feature: { mark: {show: true}, dataView: { show: true, title: 'data view', readOnly: true, lang: ['data
vue - echarts demo_黑白配_的博客-爱代码爱编程
<template> <div> <Breadcrumb style="margin:10px 10px 10px 15px;"> <BreadcrumbItem>Management</BreadcrumbItem> <BreadcrumbItem>
router：meta元信息_黑白配_的博客-爱代码爱编程
为什么会有路由元信息这个东西？可用于作为标记进行逻辑处理 我们在做网站登录验证的时候，可以使用到beforeEach 钩子函数进行验证操作，如下面代码 ，如果页面path为’/goodsList’，那么就让它跳转到登录页面，实现了验证登录。 router.beforeEach((to, from, next) => { if (to.path
vue.js 父子组件相互传递数据_黑白配_的博客-爱代码爱编程
父组件向子组件传递消息 父亲组件中的代码如下： <template> <CheckCart :allNum="productsnum"//向子组件传递的数据productsnum， ></CheckCart> </template>