- 博客(47)
- 收藏
- 关注
RSS订阅原创 git 常用命令
在当前分支：git pull origin master --rebase。强制推送当前分支：git push origin [分支名] -f。git push -u origin 分支名 --force。git reset --hard 目标版本id号。有的话从远程获取一下（要在有更新的分支获取）git push origin 当前分支名。git checkout -b 分支名。git push origin 分支名。git 分支处理：基于master之上。git checkout 分支名。
2023-06-04 23:07:54
990
原创 使用rem实现pc、移动端自适应布局
可以根据设计稿宽度设置，获取到当前屏幕font-size大小，设置到蓝湖上，直接转换为rem进行布局即可。1rem的大小是通过html下的根字体大小（font-size）这个css属性告诉浏览器的。比如 ： 设置html当前font-size = 10px；那么1rem = 10px;（假如设计稿宽度是750），有一个预设的rem和px的比例。（假如是425px），那么他此时1rem的尺寸。2.获取用户浏览器的可视区域的宽度。（假如是1rem = 10px）
2022-11-18 15:26:29
5935
2
原创 前端笔记（原文链接）
js实现深浅拷贝json.stringify()的妙用，json.stringify()与json.parse()的区别ES6 Promise 用法讲解keepAlive使用方法30 道 Vue 前端面试题，内含详细讲解
2021-09-27 14:05:52
191
2
原创 前端遇到的业务实现（原文链接）
Element UI && antd Cascader级联选择器 中国省市区三级、二级联动option数据2.H5页面唤起指定app或跳转到应用市场3.使用vue-i18n切换多语言
2021-09-27 13:56:41
183
原创 el-form表单重置resetForm()不生效问题
字段不清空 或者完全没效果检查：el-form 是否绑定model,带有ref,并且绑定的是同一数组。 <el-form :rules="rules" ref="form" :model="form">el-form-item绑定prop <el-form-item label="商品状态" prop="enabled"> <el-radio-group v-model="form.enabled"> <el
2021-09-27 12:38:35
7770
1
原创 element,i18n表单校验切换实时更新
1.定义setFormRules方法，组件mounted时调用setFormRules方法，实时侦听语言切换。2.将校验规则和自定义校验都写在计算属性中，依赖缓存切换。校验规则需要return两种方法都可以实现，暂时不知道去区别在哪。...
2021-08-12 22:00:14
753
原创 vue项目配置i18n
安装依赖包npm install vue-i18n使用**1.在 main.js 中引入 vue-i18n **2.把 i18n 挂载到 vue 根实例上3.创建文件en.js、zh.js是自定义的语言包。可以参照官网引入自己需要的语言包效果：-----------111111111111111111111111111111111111111111111111111111-----------参考：https://www.cnblogs.com/rogerwu/p/7
2021-08-12 21:46:39
411
原创 computed和watch
computed它是一个属性-使用起来像使用属性一样,你可以像使用data中定义的属性一样来使用计算属性。只要计算属性中所依赖的数据发生了变化 ，就会自动的触发计算属性(依赖：就是基于data中声明过或者父组件传递的props中的数据通过计算得到的值）使用场景当我们需要根据数据的变化执行操作的时候当我们执行复杂运算的时候，同时结果需要进行复用watch它监听指定的属性值的变化 ，只要属性值发生了变化，就会自动的触发相应的侦听器函数名称必须和你想侦听的属性名称完全一致两者差异
2021-08-12 21:10:15
96
原创 逻辑&& || 和 三目运算符的使用
1.&& 与运算符count && getTotal = bindCount(count)如果是 true && getTotal = bindCount(count)，返回 右边。如果是 false && getTotal = bindCount(count)，返回 false。2.三目运算符condition ? true : false...
2021-07-28 14:31:11
587
原创 uniapp出现错误：app.js类型错误
typeError: cannot read property ‘mark’ of undefined勾选 小程序的 增强编译是使用uniapp的话 不能直接修改 编译后的文件 project.config.json修改uniapp项目中的 manifest.json打开增强编译"enhance": true "mp-weixin": { /* 微信小程序特有相关 */ "appid": "wxfb52f2d7b2f6123a", "setting": { "url
2021-05-26 17:02:25
4730
原创 路由vue-router的实现原理hash和history
前端路由的核心：改变URL，但是页面不进行整体的刷新。原理：1.url的hash:锚点(#), 本质上是改变window.location的href属性.假设location.href：https://www.runoob.comlocation.hash = '/ ’location.href = ‘https://www.runoob.com/ #/’location.hash = '/haha ’location.href = 'https://www.runoob.com/#/haha
2021-05-20 18:34:57
277
原创 vue使用js-xlsx插件导出Excel文件
在 js-xlsx的基础上封装了Export2Excel.js来方便导出数据。1.安装依赖npm install xlsx file-saver -Snpm install script-loader -S -D2.按需加载由于js-xlsx体积还是很大的，导出功能也不是一个非常常用的功能，所以使用的时候建议使用懒加载。在导出事件中加载import('@/vendor/Export2Excel').then(excel => { excel.export_json_to_exce
2021-05-08 11:07:08
1311
1
原创 远程推送git失败,不允许推送到此存储库
you do not permission push to this repository打开控制面板=> 用户账户=>凭据管理器，找到自己的账户修改正确的远程仓库密码就可以推送了。
2021-05-02 14:55:05
423
原创 js高阶函数（filter/map/reduce）
filter(过滤） : 用于把Array的某些元素过滤掉，然后返回剩下的元素filter中的回调函数有一个要求: 必须返回一个boolean值true: 当返回true时, 函数内部会自动将这次回调的n加入到新的数组中false: 当返回false时, 函数内部会过滤掉这次的nmap(映射) : 返回一个新的数组，数组中的元素为原始数组调用函数处理后的值不会对空数组进行检测不会改变原数组function(currentValue, index, arr)：为一个函数，数组中的每个
2021-04-23 22:39:53
194
原创 uniapp小程序使用getUserProfile()获取用户信息的方法，解决小程序异步请求的问题。
<button class="user_btn" open-type="getUserProfile" @tap="getUserProfile">去登录</button>在获取用户信息成功的回调函数中调用下一个函数，下一个函数使用拿到的数据发送请求获取token，实现登录。获取用户信息： async getUserProfile() { await wx.getUserProfile({ desc: "用于完善用户资料", //异步请求：回调函数
2021-04-09 14:12:58
3607
原创 uniapp开发小程序，v-for 列表渲染内部，index 异常 或 item 异常问题
以商品大图预览为例：index 异常 的时候，传递 item.id ，需要时内部配合 findIndex() 查找索引。item 异常的时候，传递 index，内部通过 数组[index] 获取 item 的数据。
2021-04-02 15:56:46
1018
原创 js函数、arguments关键字**
函数是一种结构，使用function关键字声明函数不会自动运行函数定义后，需要主动调用才会触发语法：//1.声明函数：将代码存入结构中function 函数名(){ 函数体：一段代码}//2.调用函数：执行函数体代码函数名();语法误区：函数语法就两个（声明与调用）1.声明函数： function 函数名(){ 函数体代码 }2.调用函数： 函数名()3.变量取值： 函数名 (不会执行函数体代码，只是以字符串形式将变量中存储的东西打印出来而已)<sc
2021-03-09 18:43:31
421
原创 js数组语法**
数组介绍数组：多个数据的组合，在一起但是又拥有数据的独立性声明数组：let 数组名 = [元素1，元素2，元素3…………]获取数组中某一个数据:数组名[下标]获取数组中元素的数量:数组名.length //1.声明数组 语法： let 数组名 = [元素1，元素2，元素3] let array = [25,98,100,89,99,5]; console.log ( array ); //2.下标：记录元素的位置 注意：数据中元素的下标是从0开始 //
2021-03-09 02:06:58
296
原创 js数据类型转换
为什么要有数据类型转换？有时候想要进行某种计算的时候，由于数据类型不同往往会产生一些错误的结果，为了避免这种结果，我们需要将某种数据类型转化为其他数据类型例如：prompt()输入框得到的数据的类型是string，如果想要进行数学计算则需要转成number类型，否则会计算出错.显式数据类型转换使用关键字来转换1-其他类型转换成number类型第一种方式：parseInt()作用：转换整数从左往右解析，遇到非数字结束（停止解析），将解析好的整数返回如果第一个字符不是数字或者符
2021-03-09 01:48:13
282
原创 数据类型比较(null与undefined、NaN与isNaN、字符串）
null与undefined比较null == undefined：成立，他们的值都是空null === undefined：不成立，他们的值相等但是数据类型不同简单理解就是：undefined 是没有定义的，null 是定义了但是为空。NaN与isNaN1.NaN：Not a Number 不是一个数字（1）NaN是number数据类型中一个特殊的数值，是数学计算错误得到的一个结果例如： ‘张三’ - 100,在数学上这是一种错误的计算，它的结果就是NaN（2）NaN与任何数字
2021-03-09 01:26:34
820
原创 Math高级数学计算
详见MDN官网： https://developer.mozilla.org/zh-CN/常用a. Math.ceil(数字) ：向上取整b. Math.floor(数字) ：向下取整c. Math.max(数字1,数字2,…) ：求最大值d. Math.min(数字1,数字2,…) ：求最小值e. Math.random() ：返回 (0,1) 之间的小数<script> //1.圆周率 let pi = Math.PI; console.log (
2021-03-09 00:31:32
205
原创 模板字符串【ES6】
ES6提供了一种新的写描述字符串的方式：反引号（数字键1旁边的英文状态下的符号）作用和引号标记字符串的效果一样可以解决引号字符串过长不能换行的问题可以解决字符串连接需要使用+号的问题`${数据}`<script> //1.引号字符串，不方便换行（保留结构） //写在一行太长，且没有结构感，所以一般使用+号连接字符串 let str = '<div class="goods">'; str += '<a href="#"&g.
2021-03-09 00:27:57
202
原创 js运算符与表达式**
1.运算符只是一种运算的符号，单独使用无意义，通常与需要计算的数据在一起组成表达式2.表达式一定有结果，要么直接打印要么存入变量中
2021-03-08 13:13:49
586
1
原创 js 变量let var 和常量const
声明变量 let 和 var 的区别：// 定义变量 let name1 = '张飞'; // IE8及以前不支持ES6语法 // let语法是ES6语法：javascript最新版本的变量语法 // 老版定义变量的关键字为var ：variable（变量） var name2 = '安琪拉'; // console.log(name1, name2); // 上述主要是版本区别
2021-03-08 13:12:17
150
原创 js数据类型与字面量**
数据类型与字面量介绍 1.字面量 : 可以直接使用的数据 （能够被编译器识别的数据） * 哪些数据可以被识别 ： 必须要符合js的数据类型 2.数据类型 : js代码在运行时会产生不同的数据，不同的数据存储与处理方式不一样，所以要对数据进行分类,称之为数据类型。 * JS数据类型一起有6种，分为两大类 a. 基本数据类型(5种) b. 复杂数据类型(1种)注意：js代码报错原因(
2021-03-08 01:49:01
349
原创 js变量**
变量声明/赋值/取值1.实际开发因为数据是动态变化，不可能写死数据，因此需要使用变量来进行保存2.变量（variable）：内存中用来保存数据的一块空间3.变量作用：在内存中存储数据4.语法:声明变量: let 变量名变量赋值：变量名 = 值变量取值：直接写变量名即可<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Ti
2021-03-08 01:04:24
142
原创 js组成、js三种写法
JavaScript语言的组成ECMAScript - JavaScript的核心ECMAScript定义了JavaScript的语言规范JavaScript的核心：描述了语言的基本语法和数据类型，ECMAScript是一套标准，定义了一种语言的标准与具体实现无关DOM - 文档对象模型(WebAPI)一套操作页面元素的API（别人提供好的一套方法）DOM可以把HTML看做是文档树，通过DOM提供的API可以对树上的节点进行操作BOM - 浏览器对象模型(WebAPI)
2021-03-08 00:50:10
235
1
原创 node里获取参数和响应的几种方式
获取参数1-原生js方式get：处理req.url，get参数都拼接在url中，如http://127.0.0.1:3003/getinfo?id=7&name=jackvar itcast = { getParameter: function (str) { // ?id=7&name=jack // 删除? str = str.replace('?', '') // id=7&name=jack // 分割字符串
2021-02-25 20:54:55
405
原创 js中的.splice()
splice(index,len,[item])它可以用来替换/删除/添加数组内某一个或者几个值（该方法会改变原始数组）index:数组开始下标len: 替换/删除的长度item:替换的值，删除操作的话 item为空删除：删除起始下标为1，长度为1的一个值(len设置1，如果为0，则数组不变)var arr = ['a','b','c','d'];arr.splice(1,1);console.log(arr); //['a','c','d']; 删除起始下标为1，长度为2的
2020-12-14 23:22:40
256
原创 本地存储、JSON
模板字符串解决平时字符串不能换行书写的问题。语法：ES6 新增的语法。var str = `反引号内部可换行，可敲空格，都可识别`;反引号内部挖坑： - 拼接变量数据var str = ` ${变量名} `;反引号处理字符串，${} 挖坑填充替换数据。本地存储设置本地存储 - 如果本地没有数据，就是添加，如果有就是修改数据的值。localStorage.setItem("键名称", 数据);键名称需要写成字符串格式。坑：数据在保存到本地存储的时候，会自动转换成字符串进行存
2020-12-04 22:58:25
269
原创 jQuery第四天（隐式迭代【三种遍历方式】，链式编程，插件使用）
jQuery补充知识点1.隐式迭代1.1基本概念隐式迭代：jQuery在设置属性时会自动的遍历，因此我们不需要再遍历jQuery在执行设置性操作时，会给所有的元素都设置上相同的值。jQuery在执行获取性操作时，只会返回第一个元素对应的值。如果想要给每一个元素都设置不同的值，需要手动进行遍历jQuery对象。1.2几种遍历方式1.2.1 each方法遍历jQuery对象集合，为每个匹配的元素执行一个函数each可以用于遍历数组–数组是jq对象–列表语法：$(selecto
2020-12-04 22:46:06
676
原创 node进阶第二天（express）
express框架Express 框架核心特性：可以设置中间件来响应 HTTP 请求。定义了路由表用于执行不同的 HTTP 请求动作。可以通过向模板传递参数来动态渲染 HTML 页面。1-Express的基本使用(重点)安装npm install express -S;// 先下载安装express框架使用 (搭建一个最基本的web服务器)// 1. 引入框架模块const express = require('express')// 2. 创建服务器--创建一个应用cons
2020-12-04 18:13:26
385
原创 node进阶第一天 （模块化，npm）
node进阶目标什么是nodejs的模块化npm的使用 – 重点使用第三方模块 – 重点node中的自定义模块 – 重点模块查找规则模块化开发–最晕的地方–封装1-程序开发中的模块及好处什么是程序开发中的模块化：把一些功能类似的代码，封装到一个单独的文件中去，这些单独抽离出来的代码文件，就能够提供各种各样好用的功能；这种通过代码功能分割文件的方式，叫做程序中的模块化；好处：保证了每个文件的功能（职能）单一；需要什么特定的功能，直接调用某一个特定的模块；对将来程序开发和维护都有好处！
2020-12-04 18:11:49
203
原创 node进阶第三天（Sql数据库基本使用，node操作数据库）
1.为什么要使用数据库存储数据？因为以文本文件的方式存储数据有3个明显的缺点1.之前存储在文本文件data.json的方式不安全,直接存储在文本文件中,无法进行加密操作,安全性低2.数据存取不方便,维护和拓展麻烦3.存储分散,管理不便4.数据库相比文本文件支持 结构化查询语言（Sql）的数据库，叫做 Sql数据库Sql是一种查询语言，能够很方便的对数据进行CRUD（增删改查）2-安装配置mysql、navicat安装单独的mysql服务navicat傻瓜式安装、一键激活（建议安装n
2020-12-04 17:29:25
986
原创 formidable的基本使用
1.下载包npm i formidable2.传入形式传递options给函数/构造函数，而不要将其分配给实例form四种人选一种即可const formidable = require('formidable');const form = formidable(options); // orconst { formidable } = require('formidable');const form = formidable(options); // orconst {
2020-12-04 00:41:34
5623
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人