AAA建材批发-优快云博客

原创 vue 路由的嵌套

vue 路由的嵌套实现目标：将商品添加的组件add，嵌套在商品列表products中。1.外层组件商品列表const products = { template: "#productsTemplate", methods: { editData: function(val) { this.$router.push({ name: 'edit',

2021-06-02 22:10:40 177

原创子组件调用父组件的方法

子组件调用父组件的方法1.注册子组件，在按钮中绑定点击事件。2.子组件中写方法test，test中this.$emit(‘aa’)，自定义事件aa3.将aa事件和父组件的方法绑定const login = { template: `<div> <h3>用户登录</h3> <button @click="test">点击触发事件</button> <

2021-05-25 22:02:06 312

一、利用indexOf（）方法去重indexOf(value) 如果value不存在，返回-1去重思路：1.创建一个新的空数组，2.遍历原数组，如果元素组的元素没有在在新数组，将其添加到新数组中。function unique(arr) { var newArr = []; for (var i = 0; i < arr.length; i++) { if (newArr.indexOf(arr[i])

2021-05-06 21:15:43 144

原创 Promise then方法的链式调用读取文件

引入fsconst fs = require('fs');用promise读取第一个文件用resolve返回文件内容，用then方法时，value是文件的内容。const p = new Promise(function(resolve, reject) { fs.readFile('第一个.md', (err, data) => { if (err) reject(err); resolve(data); })});链式调用then方法

2021-04-27 22:43:27 377

原创 Bootstrap响应式布局

一、布局容器二、栅栏格三、列嵌套四、列偏移五、列排序六、响应式工具一、布局容器bootstrap需要为页面内容和栅栏格系统包裹一个.container容器添加了container类，不用写媒体查询。.container已经划分好了档位二、栅栏格1.将页面划分成12列2.col-lg-n n是当前盒子占的份数总数加起来大于12会溢出到下一行不到12会空出来不同的屏幕添加不同的前缀三、列嵌套列嵌套加上行row 可以取消父元素的padding值<div class="c

2021-04-26 21:19:24 1112

原创 iconfont字体图标的引入

1.下载图标在iconfont官网下载图标，在资源管理中下载到本地。2.引入字体图标1.下载文件中的引入css<link href="/font3/iconfont.css " rel="stylesheet" type="text/css ">2.url路径写下载到本地的font文件@font-face { font-family: 'iconfont'; src: url('/font3/iconfont.eot');

2021-04-25 20:58:24 521

原创小程序列表渲染 wx:for

列表渲染语法wx:for="{{arr}}"wx:key="{{唯一值}}"<view wx:for="{{listObj}}" wx:key="index"> <text>{{item.name}}</text> - <text>{{item.author}}</text></view>{{}}中放置data中的数据注意1.index索引号 item数组元素2. 自定义个体变量名称: wx:for-item=

2021-04-21 20:43:02 168

原创 Ajax服务端响应json数据

一、搭建服务端引入expressconst express = require('express');创建应用对象const app = express();创建路由规则app.all('/json-server', (request, response) => { //设置响应头设置允许跨域 response.setHeader('Access-Control-Allow-Origin', '*'); //响应头 response.se

2021-04-15 22:16:35 169

原创同步API异步API

同步API只有当前代码执行完才会执行下一个API。异步API当前API不会阻挡下面的API执行。同步API和异步API的区别同步可以直接从返回值得到执行结果，异步不行，需要回调函数才能得到执行结果。function getMsg() { setTimeout(function() { return { msg: 'hello' } }, 2000);}const msg = getMsg();结果是undefined。getMsg函数没有返回值，默认是u

2021-04-12 23:38:04 719

原创 Gulp模块的使用

Gulp基于node平台开发的前端构建工具，完成一些机械化的操作比如合并压缩html css js文件Gulp的使用 1.npm install gulp下载库文件2. 创建filegulp.js文件名字不能随便改3. 创建文件及src放源代码文件夹dist放重建后的代码4. 在filegulp.js写任务5. 命令行执行任务使用glup压缩文件6. 下载gulp7. 将文档放在src中8. 在filegulp中编写命令Gulp提供的命令gulp.src（）: 获取任务要处理

2021-04-08 22:58:15 148

原创 Node.js操作MongoDB查询文档

一、连接数据库const mongoose = require('mongoose');mongoose.connect('mongodb://localhost/zx', { useNewUrlParser: true }) .then(() => console.log('成功')) .catch(err => console.log(err, '失败'));命令行执行，返回成功则成功连接到数据库。二、创建集合创建users集合const userSchema

2021-04-07 21:47:04 360

原创 node.js连接MongoDB 在mongodb添加文档

一、安装第三方模块mongoose1.启动服务命令行窗口要用管理员身份运行，负责会被拒绝访问。2.安装mongoosenpm install mongoose同样也要写在以管理员身份运行的命令行窗口二、连接数据库//引入第三方模块mongooseconst mongoose = require('mongoose')mongoose.connect('mongodb://localhost/hhh') .then(() => console.log('成功'))

2021-04-06 21:50:45 189

原创 ES6 箭头函数

ES6 箭头函数普通函数声明let fn = function() { }箭头函数声明let fun = (a, b) => { return a + b; } console.log(fun(1, 2));1.箭头函数中this指向它所在作用域的this指向 call不能改变this的指向window.name = 'hhh'; let getName = () => { console.log(this

2021-03-31 22:10:16 151

原创 JS 递归、浅拷贝和深拷贝

递归递归可以看做函数内部又将这个函数调用来一次利用递归求1~n的和function getSum(n) { if (n == 1) { return 1; } var temp = getSum(n - 1); return n + temp; } console.log(getSum(5));递归的原理：输入的参数为3浅拷贝k 是

2021-03-30 21:38:11 194

原创 ES6 Let关键字

let关键字let可以声明一个块级作用域的变量。1.下面代码中{}就是一个块级作用域，let关键字声明的a只在{}内有效，在作用域外部打印a结果是a is not defined。if (true) { let a = 10; var b = 20; } console.log(a);//a is not defined console.log(b);//202.let可以防止循环变量变成全局变量。用var声明时i是一个全局变量，在循环体

2021-03-30 20:24:21 182

原创 JS面向对象创建tab切换栏

JS面向对象创建tab切换栏添加增加、删除、切换、修改的方法点击加号新增tab栏和内容框，点击叉号删除对应的tab栏，点击选中的tab栏样式变化，双击tab栏、内容框文字可修改内容。创建inti方法，绑定事件写在inti方法里面。增加一个新的tab栏会增加相关的元素，新增加的元素没有获取到设置的方法。创建 updatenode方法，init调用updatenode方法，初始化后重新获取元素保证元素可以及时更新先获取元素再绑定事件。 constructor(id) { that

2021-03-23 23:12:56 391

原创 jquery购物车

html构建主题页面<body> <div class="head"> <ul> <li><input type="checkbox" class="all"> 全选</li> <li class="good">商品</li> <li>单价</li> <li&gt

2021-03-15 21:52:37 125

weixin_54973904的博客