- 博客(30)
- 收藏
- 关注
转载 数组循环的方法
forEach会遍历数组, 没有返回值, 不允许在循环体内写return, 不会改变原来数组的内容.forEach()也可以循环对象。every遍历数组, 每一项都是true, 则返回true, 只要有一个是false, 就返回false。filter 会过滤掉数组中不满足条件的元素, 把满足条件的元素放到一个新数组中, 不改变原数组。map 遍历数组, 会返回一个新数组, 不会改变原来数组里的内容。y 是数组中的每个元素, 第一次循环的时候是数组的第2个元素。map、filter返回一个新数组。
2023-02-07 18:18:46
316
原创 下载文件案例
传参数下载文件 url= `/api/systemConfig/systemconfig-stationEquipment/expEquipmentListByStationIdAndIsgrp?id=${id}` var down = document.createElement('a'); down.href = url; down.download = ''; down.click();不传参数下载文件 window.open(`/api/systemConfig/system
2021-03-23 17:29:39
96
原创 hooks
第一次初始化渲染 显示Dom元素渲染 然后从上向下触发副作用执行函数getProductName触发name effect 触发getProductName触发price effect 触发getProductName触发当点击价钱 每次先触发Dom元素渲染再执行 副作用getProductName触发price effect 触发当点击修改名字getProductName触发name effect 触发getProductName触发使用useMemo 初次
2021-03-09 14:26:14
152
原创 async 和 Promise的区别
js 的异步回调async await 是基于 Promise 实现的 他不能用于普通的回调函数async 和 Promise 一样是非阻塞的async 使异步代码看起来更像同步makeRequest()console.log('up')function MakeRequest (){ test().then((d)=>{ console.log(d.data) })}console.log('down')显示的顺序是 up down
2020-06-30 23:40:33
1195
原创 nginx反向代理的使用
1、启动nginx进程start nginx2.、退出nginx进程nginx -s quit3、重新加载配置文件nginx -s reload4、停止nginx进程nginx -s stop5、查看nginx 进程rasklist /fi “imagename eq nginx.exe”6、杀死相应nginx进程taskkill /f pid 52356 /pid 32327、杀死所以的nginx进程taskkill /fi “imagename eq ngi
2020-06-30 23:06:05
147
原创 数组
数组的基本方法 不改变原数组 var arr=[1,2,3] 填充空格 console.log(arr.join(":"),arr) //1:2:3 [1,2,3] console.log(new Array(3).join("嗨")) //嗨嗨 new Array() 是三个空的长度 两个间隔 console.log(Array(3),[]) [undefined * 3] [] 长度为3 为0
2020-06-10 09:46:58
110
原创 Commonjs和Es6的导入导出
js模块化的两种规范js模块Commonjs和Es6导入导出的区别?node 是基于Commonjs的 CommonJS 导入require 导出module.exports={} module.exports和exports 的区别? exports 是module.exports 的别名 exports 是指向module.exports 的应用 相同点 :通过exports 和 module.exports 对外公开的方法都可以访
2020-05-27 06:51:59
1294
原创 watch和computed的区别
计算属性:computedcomputed:计算属性是依赖的值改变会重新执行函数,计算属性是取返回值作为最新结果,所以里面不能异步的返回结果。不能写异步逻辑。## 每点击一次依赖的值就会发生改变,计算属性就会实时的发生改变,在页面展示<template> <div class="ceshi"> <h1>{{ reserve}}</h1> <button @click="add">点击</button>
2020-05-24 22:21:55
7039
原创 自定义拖拽指令
Vue 添加自定义指令自定义指令<div class="active" v-for='item in 10' v-drag style="width: 100px;height: 100px;background: red;position: absolute;left: 0;top: 0;"></div>directives: { drag: {...
2020-04-07 23:37:55
440
原创 Props 接收参数子组件改变父组件传参
<div class="con"> <button type="button" @click="title=!title">父点击</button> <child :title="title"></child></div>new Vue({ data:{ title:true }, comp...
2020-04-07 22:12:57
389
原创 Vue的双向数据绑定的原理
VUE实现双向数据绑定的原理就是利用了 Object.defineProperty() 这个方法重新定义了对象获取属性值(get)和设置属性值(set)的操作来实现的Object.defineProperty可以传递三个参数:defineProperty的用法var obj = { };var name;//第一个参数:定义属性的对象。//第二个参数:要定义或修改的属性的名称。//第三个参数:将...
2020-03-20 17:10:50
108
原创 Vue-router 路由的相关使用
1.动态路由参数匹配<!-- 这两个路由跳转的是相同页面 :id 就是二级传递的参数 --><!-- 这两个组件跳转 是复用同一个组件效率更高当时生命周期不会重新执行 --><router-link to="/router1/user">Router一级传参</router-link><router-link to="/route...
2020-03-18 18:57:55
191
原创 Vuex的简单操作
Vuex 的优点数据仓库: 集中式存储组件通信: 便于在各个组件之间进行数据共享、传递单项数据流: 遵循特定的规则,特定的入口改变数据,特定的出口输出数据,同时可监测到数据的变化过程作者:FFIVE链接:https://www.imooc.com/article/70624来源:慕课网...
2020-03-18 10:05:34
131
原创 Vue 组间传值
父子传值父组件<template> <div> 这是父级页面 <child :child='string' v-bind='object' :arr='arr' :Function='Function' :number='number' /> </div></template>...
2020-03-14 11:12:46
107
原创 Vue 引入图片的几种方式
引入背景图片错误分析:使用vue添加背景图片时,刚开始是加在css样式上,然后路径也没错,但是浏览器上会把图片路径转成base64,但是图片大小超过阈值就不转了,直接引入背景图片用在浏览器上时,由于路径解析的问题,图片并不能够正确的显示出来。可以使用以下几种方式 <div style="width:100px;height:100px; backgroundImage:url('../...
2020-03-11 12:58:11
5012
原创 Vue 样式的动态绑定 style class 的相关应用
<template> <div class="style"> <p>通过(对象)布尔值绑定一个或多个</p> <p :class="{'bg_red':true,'color_green':0==0,'bg_red':bool}"> class 样式通过布尔值设置 key 值做类名,布尔值实现类名的增删...
2020-03-08 10:53:17
200
原创 微信小程序的简单介绍
作者:张小龙 微信之父定义:轻量级应用诞生的事件 2016年 下半年 开发者才可以使用特点:无需下载 随时可用 减少桌面app应用微信小程序 和微信公众号微信公众号:订阅号:服务号:个人和企业开发者工具:WeChat 开发工具模拟器:不在用浏览器 模拟器内核 x5 uc浏览器微信小程序的应用场景?业务逻辑不复杂 使用频度不高...
2020-02-19 11:55:36
718
原创 HTML 的基础知识学习
一、前端数据存储? Cookie,sessionStorage,localStorage 的介绍? 1. Cookie:Cookie在HTTP请求发送Set-Cookie 的时候作为HTTP头响应`的一部分,通过name=value的形式存储。 2. sessionStorage:针对一个 session 的数据存储,当用户关闭浏...
2020-02-18 09:44:38
94
原创 geoserver 服务配置
一、jdk是什么?jdk 就是java开发的工具。可以这样理解Jdk就是java,我们要写Java首先得要有java这个东西对吧?所以我们要做的第一步就是从官网下载jdk安装到自己的电脑。[jdk下载地址](https://zhuanlan.zhihu.com/p/46562903)[geoserver搭建](https://www.cnblogs.com/kkyyhh96/p/637951...
2020-02-17 13:03:10
415
原创 微信公众测试号基础开发
前情回顾总结:个人开发的订阅号权限太少,一般都直接使用自定义菜单来设置功能,在企业中一般都是使用服务号进行开发,如果我们自己的订阅号使用服务器进行开发的话,他的自定义菜单和自动回复都将失效,需要自己再重新开启。一、.微信测试号的简单步骤:在开发者工具里面找到测试账号,他的权限有许多可以使用。直接查看开发工具的开发文档开始开发按步骤进行1.填写服务器配置,2.验证消息的确来自微信服务器...
2020-02-13 20:35:24
356
原创 SAE服务器的简单使用
一、注册新浪云服务器二、使用步骤: 1.在控制台SAE应用里面创建应用 二级域名 应用名称随便写2.在运行环境管理里面==》找到代码管理==》创建版本 ,一般版本1就行在这里我们一般常用在线编辑,和上传代码包,一般上传压缩包Zip 服务器会自动解压,然后找到相应的HTML url打开就是在服务器上跑起了项目,其他人就可以看到你的项目。在...
2020-02-12 20:15:05
446
原创 微信公众号与SAE服务器结合开发
一、微信公众号要与服务器配合使用微信公众号开发模式一定要设置微信服务号的开发配置1.设置开发的基本配置URL :设置的是SAE服务器地址。Token:按要求随便输入的一个接口标识。一般情况都是在安全模式下进行开发...
2020-02-12 19:36:14
1424
1
原创 Sublimit 的简单使用
1.http://www.sublimetext.com/3,下载最新版的sublime32,sublimit 的一些方法’步骤。3, 版本3可以自动设置汉文,不需要补丁包https://jingyan.baidu.com/article/59703552bc354d8fc007400e.html一、sublime菜单简介【常用功能及快捷键】【Edit菜单】1、line行操作快捷键...
2020-02-12 11:47:42
2540
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人