- 博客(54)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 POST http://127.0.0.1:3000/login net::ERR_CONNECTION_RESE
解决vue项目报错POST http://127.0.0.1:3000/login net::ERR_CONNECTION_RESET通过报错可得知，发送post请求时，服务器端的接口/login拒绝连接我的错：在发送请求时，服务器端连接断开了因为服务器端报错 throw err; // Rethrow non-MySQL errors显示错误是,results未定义检查了我的代码，发现app.psot('/login',(req,res)=>{ let uname=req.bod
2021-03-17 14:46:39
22528
原创 vue项目中遇到的问题总结
webpack版本冲突，通过度娘，了解到是webpack的版本冲突~解决：取消安装webpacknpm uninstall webpack安装原来版本的webpacknpm install webpack@^4.0.0 --save-dev
2021-03-15 02:00:32
509
原创 在vue项目中写轮播图
用的是dom的方法，但是有一点bug还没解决<template> <div id="demo" class="carousel" :style="{width:innerWidth+'px'}" @mouseenter="stop" @mouseleave="start"> <!-- 轮播图片 --> <div class="carousel-inner" :class="ulClass" :style="ulStyle
2021-03-13 20:33:01
492
原创 解决在vue中v-for循环遍历图片不显示错误
<template> <div class="demo" :style="{width:innerWidth} + 'px' "> <div class="carousel-inner"> <div v-for="(img,i) of imgs" :key="i" class="carousel-item" :style="{width:innerWidth} + 'px' "> <img :src="img.src" :style=
2021-03-12 23:47:49
478
原创 我终于想到了vscode中的代码前移快捷键
vscode中的代码前移快捷键一开始用vscode的时候，就好奇，tab可以让代码整体后移，怎么回去呢？今天终于在机缘巧合下试到了 开森代码后退：选中代码tab代码前移：选中代码shift+tab超级好用！！...
2021-03-10 00:45:29
5452
7
原创 Git代码版本控制工具
Git是一款软件, 提供了代码版本控制功能解决了开发中的一些问题 例如：代码书写完成后无法回退代码的分支操作代码的远程保存Git安装指路(百度一下，你就知道~)初始化配置git在使用之前，必须配置用户名和邮箱(2个命令，最好是英文名)git config --global user.name "用户名"git config --global user.email "邮箱"检查配置是否成功git config -l暂存功能概念：代码已经完成一小部分，可以保存起来，类似ctr
2021-03-09 13:09:00
198
原创 node : 无法将“node”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。 请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。
node : 无法将“node”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。今天运行vue项目时出现这样一个问题问题显示无法识别node，解决这个问题第一、先检查一下node.js是否安装 在cmd下node -v我的node检查结果显示node不是内部命令，不可执行…第二、若安装了node.js仍显示无法识别node，检查环境变量的配置出现第一步的问题后，多半是环境变量中没有node的路径，所以找不到no
2021-03-08 14:52:37
40926
2
转载 小程序获取不到云数据库的数据怎么解决？求大佬指导
// pages/select/select.js// wx.cloud.init();Page({ /** * 页面的初始数据 */ data: { result:[] }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { let db = wx.cloud.database({ env:'mini02-9g0b4ks45de4a8e2b' });
2021-03-06 12:20:35
416
2
原创 class集中保存一个类型的构造函数和原型对象
Class 集中保存一个类型的构造函数和原型对象的程序结构class语法结构在class中保护对象 (开关 / 访问器)两种类型之间的继承class语法结构：class 类型名{ constructor(属性1,属性2,...){ this.属性1=属性1; this.属性2=属性2; ... = ... } 方法名(){ ... ... }}//创建该类型的子对象var 子对象 = new 类型名(属性值列表)子对象自动继承该类型的原型对象
2021-03-05 14:53:36
194
原创 JavaScript ES5 对象方法
ES5严格模式概念：比普通js运行机制要求更严格的新运行机制启用严格模式：在当前作用域的顶部："use strict"新要求：(1)禁止给为声明过的变量赋值(2)静默失败升级为错误：旧js中，执行不成功但不报错，在严格模式下，会报错(3)普通函数调用中的this不再指向window，而是指向undefined若函数调用时，前边既没有.也没有new，则函数中的this改为指向undefined(4)禁用了arguments.callee概念：arguments.callee：
2021-03-04 20:56:36
268
1
原创 ES6新特性
关于ES6新特性块级作用域(let声明)let声明的变量不存在提升，不允许反复声明在块级作用域下使用let声明的变量是局部变量，不能被其他作用域访问到注意：if,else,while,for…所有大括号中都是块级作用域函数增强可以给形参设置默认值，如果函数调用时，不提供实参，则使用默认值function add(a,b,c=1){ console.log(a+b+c);}add(4,6);//结果：11箭头函数简化了匿名函数的写法，但不等价于匿名函数//普通函数
2021-03-04 12:41:27
207
1
原创 作用域链，原型链
作用域和作用域链作用域：全局作用域；函数作用域全局作用域：window保存全局变量函数作用域：保存局部变量(形参和函数内var声明)全局作用域可重用，但极易容易被污染；局部作用域不可重用，仅保存在函数内部使用，不会被污染函数作用域对象原理：1）函数作用域对象仅在函数被调用时临时创建，用来保存函数内的局部变量2）当函数调用完毕后，函数作用域对象和局部变量开始释放作用域链(scope chain/scopes): 保存一个函数可用的所有作用域对象的链式结果(好友列表)学名就叫作用域链。作用域链
2021-03-04 12:25:22
192
1
原创 闭包**
闭包：外层函数调用时，内层函数引用着外层函数的作用域，导致外层函数作用域无法释放，形成闭包。function parent(){ var total = 1000; return function(money){ total -= money; console.log("花了${money},剩余${total}"); }}//保护了变量不被篡改，当变量total在全局时，容易被篡改var pay=parent();//可写可不写pay(100);pay(100);
2021-03-04 11:40:20
115
1
原创 WeChat applet 微信小程序(10)云开发
云开发一、步骤：创建一个项目将不需要的component，wxss，cloudfunction下的文件目录清除index.wxml 清除 index.wxss清除 index.js 清除后page 回车app.js中添加云环境，env:"云环境id"云环境找到云开发按钮进入云开发控制台 点击设置配置云环境在app.js中填写环境id云数据库云开发 – 云数据库 – 集合 – 给集合添加字段**注意：**修改数据权限，改为所有用户可读，仅创建者可读写...
2021-03-03 12:47:14
2627
原创 web前端--重要知识点
web前端面试常考：vue的生命周期作用域链，原型链闭包，防抖，节流以及应用场景双向数据绑定原理组件间通讯路由传参移动端适配vuex跨域请求兼容性问题模块化开发操作token普通函数与箭头函数的区别路由守卫深拷贝，浅拷贝解构promise webpack数组重建vue全家桶vue5个核心属性简述vue的响应式原理vue-router有哪几种钩子函数get和post区别json paxios如何同步执行promise allES6新特性promise具
2021-03-02 01:15:36
252
原创 CSS Core & CSS hack & CSS优化
web前端2021–小白进阶之路CSS3(2)CSS Core复杂选择器兄弟选择器属性选择器伪类选择器伪元素内容生成内容生成解决的问题弹性布局弹性布局概念弹性布局内容弹性布局语法容器的样式属性项目的样式属性CSS hack转换概念转换属性2D转换3D转换过渡概念语法动画概念使用关键帧来控制动画的每一个状态动画的使用步骤动画的其他属性动画的兼容性动画的第三方包使用CSS优化CSS优化的目的CSS优化的原则CSS代码的优化
2021-03-01 11:45:28
214
原创 WeChat applet 微信小程序(9) 页面相关事件处理函数
微信小程序 页面相关事件处理函数https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html监听用户下拉用作Page({ onPullDownRefresh(){ //... }})页面上拉触底事件的处理函数Page({ onReachBottom(){ //... }})用户点击右上角分享 – 转发Page({ onShareAppMessage(){ //...
2021-02-28 11:46:47
306
原创 WeChat applet 微信小程序(7)navigator组件跳转方式
微信小程序 —— 页面路由在小程序中页面路由的实现方式：A. 通过<navigator>组件实现 – page.wxmlB.通过路由API实现 – page.js<navigator>组件<navigator> 组件是页面链接组件<navigator url="当前小程序内的页面路径" open-type="跳转方式"> ... </navigator>**跳转方式有：**都不能跳转到tabBar页面 – 有底部选项卡的
2021-02-28 11:15:26
374
2
原创 WeChat applet 微信小程序(6) 生命周期
小程序的生命周期微信小程序开发基础知识及信息查询网址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html小程序生命周期查询网址：https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page-life-cycle.html微信小程序的生命周期(由以下2部分组成)：小程序的生命周期小程序的生命周期只能写在app.
2021-02-27 19:03:19
334
1
原创 WeChat applet 微信小程序(5)双向绑定实例
小程序实现双向绑定实例创建基础页面给页面上的组件添加样式实现数据双向绑定创建一个数组todoList，用于保存表单输出的数据创建一个新变量todoItem，用于保存表单输出的每个内容给表单添加事件进行双向绑定，将用户输出的内容放在todoItem中保存给按钮添加事件进行双向绑定，用户输出内容时，todoItem值直接放在todoList中保存用户输出内容时，需要判断，输出内容是否为空，若为空，则不添加内容，用到短消息提示框给删除信息的图片添加事件进行双向绑定，并
2021-02-27 19:01:50
1055
原创 WeChat applet 微信小程序(4) WXML&双向绑定
双向数据绑定双向：逻辑层 — 视图层 ：通过双花括号的语法视图层 — 逻辑层 ：通过setData()方法 – 是page方法Page.prototype.setData(object.data[,callback])不能把data中的任何一项value设为undefined，否则这一项将不被设置并可能遗留一些潜在问题，因为微信小程序的双向绑定仅支持JSON化的数据，JSON的本质是字符串，JSON支持空字符串为null，但不支持undefined代码实例1:视图
2021-02-27 17:13:51
565
2
原创 WeChat applet 微信小程序(3) 事件绑定
WeChat applet 事件绑定概述事件是视图层到逻辑层的通讯方式，事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定到组件，当用户在视图层触发该组件的事件时，就会执行逻辑层中对应的事件处理函数。事件列表事件绑定事件处理函数书写在page.js中，可以带有event参数(代表事件对象)<componentName bind事件名称="事件处理函数名称"></componentName>//原生组件不支持下边这两个事件绑定方式<comp
2021-02-26 20:00:37
712
1
原创 什么是程序？如何构成？
什么是程序？简单来说，程序=数据+算法计算机程序是一组计算机能识别和执行的指令，运行于电子计算机上，满足人们某种需求的信息化工具。它基于某种开发语言，实现了一些功能需求，这些功能通过算法来实现。举例：一个移动端项目的制作过程有以下几个步骤：创建一个项目的数据库，用于存储我们需要的信息构建基础的HTML页面，并使用CSS3完成页面的渲染实现交互功能，需要通过异步操作来完成，需要创建服务器，写接口通过接口和异步操作完成信息的交互在这整个过程中，实现功能的部分，如下：以用户注册举
2021-02-25 23:39:46
3275
2
原创 web前端2021--小白进阶之路CSS3(1)
web前端2021–小白进阶之路CSS3(1)CSS：Cascading Style Sheets 层叠样式表，级联样式表，简称样式表CSS作用HTML和CSS的关系HTML属性和CSS样式使用CSS样式CSS特性选择器尺寸和边框溢出的处理框模型–盒子模型背景渐变文本格式化表格样式定位浮动...
2021-02-25 00:58:33
25828
原创 weChat applet 微信小程序(2) WXSS 小程序组件
WXSS概述: WXSS(WeiXin Style Sheets)是一套样式语言，用于描述WXML组件的样式WXSS具有CSS的大部分特性，但对其进行了扩展：尺寸单位rpx(Resonsive Pixel)，响应式像素，其可以根据屏幕宽度进行自适应。规则屏幕宽度为750rpx例如：IPhone 6/7/8 375px 表示为 750rpx 代表1px ==> 2rpx样式导入@import "wxss文件的路径及名称"app.wxssapp.wxss作为小程序
2021-02-24 21:18:33
933
原创 WeChat applet 微信小程序(1)
微信小程序 Wechat applet一、微信公众平台概述：微信公众平台，是指由腾讯提供的，为个人，企业或组织进行业务服务和用户管理的服务平台。提供3种不同的服务：服务号：为企业或组织提供的业务服务和用户管理的能力，侧重于服务类交互(不会为个人开发)订阅号：为企业/媒体/个人，提供的一种新的资讯传播方式，侧重于资讯传播，如：CSDN …小程序：为企业/媒体/个人提供的一种不需要下载即可使用的服务，达到“用完即走”的目的官网地址：https://mp.weixin.qq.com/微信小程序
2021-02-24 12:03:09
3329
原创 ECharts ——数据可视化
ECharts —— 使用JavaScript开发的图表库ECharts开源：百度ECharts概述：百度开源的，使用JavaScript开发的图表库，既可以运行pc端，也可以运行在移动端npm安装npm install --save echarts浏览器<script src="echarts.min.js文件位置"></script>使用步骤1、在网页中通过 <script> 标签引入 ECharts 脚本文件2、在网页中创建元素(
2021-02-24 11:04:17
378
原创 SVG —— 基于XML语法的可缩放矢量图形
SVG & EChartsSVG Scalable Vector Graphics可缩放的额矢量图形，基于XML语法的可缩放矢量图形JPG PNG的图片都是位图，放大后会出现锯齿状比如，百度地图就类似于矢量图，放大后不失真SVG的应用场景地图图表SVG的使用方式标记<img src="SVG文件的URL地址">CSS中的background-image属性seletor{ background-image:url(SVG文件URL地址)}案例(1
2021-02-23 11:51:35
1006
原创 Vuex中的辅助函数
Vuex中的辅助函数mapState()用来为组件创建计算属性以返回store中的statemapState(array|object)示例代码：<script>//导入mapState方法import { mapState } from "vuex";export default { computed:{ //数组形式，通过这个函数将vuex中的state ...mapState(["username","age","sex","products"]),
2021-02-22 21:53:48
231
原创 Vuex(1)实例的详细代码及步骤
Vuex(1)实例的详细代码及步骤使用脚手架，自己创建或者使用现成的，我使用的是现成的脚手架若创建脚手架，在cmd命令行中操作npm create 新建项目名[详细安装脚手架步骤指路->](https://blog.csdn.net/Janner668/article/details/113932309)store中的index.js是用来保存数据(应用程序)的，在store存储数据store - index.jsexport default new Vuex.Store(
2021-02-22 16:47:44
225
原创 脚手架的安装及配置过程
脚手架的安装及配置过程脚手架：已经拥有标准文件夹结构和核心功能的半成品项目脚手架的优点：标准化;避免重复编码安装专门生成脚手架项目副本的命令行工具/cli —— 准备工作npm是随同node.js一起安装的包管理工具，能解决node.js代码部署上的很多问题由于npm的默认仓库是国外的，慢且不稳定，所以，改变npm的默认仓库：设置npm的默认仓库为国内的淘宝镜像2种(选一种即可)： (1）npm config set registry http://registry.npm.taoba
2021-02-22 11:45:25
658
原创 Vuex概念及实例(1)
Vuex概念Vuex专门为vue.js应用程序开发的状态管理模式——实现各个组件间的数据的共享Vuex采用集中式存储来管理应用中所有组件的状态。常见的应用状态：用户登录状态购物车信息社交平台中的通知vuex本质上就是vue的一个插件安装第一种：在通过vue create命令创建脚手架，选取vuex第二种：通过npm npm install --save vuex状态管理建议存储在src store/index.js中store仓库仓库中 — 物品 state— 库管员 ge
2021-02-21 23:29:09
152
原创 Ajax基础&项目
Ajax同步Synchronous在一个任务进行的过程中，不能开启其他的任务同步访问：浏览器在向服务器发送请求时，浏览器只能等待服务器响应，不能做其他事例如：form表单，浏览器地址栏输入url访问，a标签跳转异步Asynchronous在一个任务开启时，可以执行其他任务异步访问：浏览器在服务器发送请求时，用户可以进行在页面上进行其他操作例如：用户重复验证，股票软件，百度搜索什么是AjaxAsynchronous JavaScript and XML异步的js xml载体 xml
2021-02-21 02:58:34
145
原创 简单的DOM操作
简单的DOM操作完整的JavaScriptjs核心 + DOM + BOM(1)js核心：ECMA Script(2)DOM：文档对象模型 使用js获取标签对象，修改标签的属性值和样式(3)BOM：浏览器对象模型 使用js操作浏览器DOM(1)为什么学ajax之前要学DOM使用DOM，手写代码收集数据ajax 不需要name属性，使用id但是使用单选按钮和多选按钮还需要name为了分组(2)使用DOM2个步骤：获取要操作的元素对象；使用对象，调用方法和属性举例：使用DOM操
2021-02-21 02:10:11
225
1
原创 HTTP协议 WEB请求原理及方法
web前端2021–小白进阶之路AjaxAjax前瞻知识HTTP协议(1)url结构：协议+服务器主机+目录结构+文件名称(2)url完整结构：<scheme>://<user>:<pwd>@<host>:<port>/<path>;<params>?<query>#<flag>DNS：域名解析HTTP：超文本输出HTTPS：加密传输的HTTPS<scheme> 方案
2021-02-21 01:33:42
845
5
原创 关于DragEvent接口与事件 复盘拖放&上传完整过程
复盘 ：拖放&上传 文件的过程完整过程(简述)：实现交互过程使用express框架–脚手架(基础代码见底部)①开始拖动文件触发DragEvent(5种事件)②将文件放到页面内指定区域(松开鼠标左键，2种事件)，触发dropover事件和drop事件③文件保存在FileList中④通过FromData传输文件到服务器⑤服务器根据自定义存储规则保存文件详细过程(举例)：拖放过程指定区域：id为region的div整个过程必要的两个事件dragover和drop当文件拖动到页面指定区
2021-02-20 19:31:25
513
原创 webStorage
webStoragewebStorage提供了一种比cookie更加直观的存储数据的方式，以名值对形式呈现。webStoraged的2种机制：(1) sessionStorage，为每个数据源提供独立存储区域，该区域内的数据，只在当前标签页有效(2) localStorage，为每个数据源提供独立存储区域，该区域内的数据将一直存在sessionStorage可通过window.sessionStorage进行访问；localStorage可通过window.localStorage进行访问
2021-02-19 14:57:45
196
原创 webworker 主线程和worker线程的应用
编程更重要的是思想，而不是API的应用javascript采用单线程模式，所有任务只在一个线程上完成，一次只做一件事。webworker用来为JavaScript创建多线程环境，当主线程创建worker线程后，可以将一些复杂的运算任务交由worker线程完成，此时主线程与worker线程同时运行，而且当worker运算完成之后，只需要将运行结果返回给主线程即可。1. webworker使用时的限制· 同源限制，主线程文件必须与worker线程文件保持同源同源：两个文件 域名，端口号，请求协议一样
2021-02-19 12:14:19
746
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人