自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(84)
  • 收藏
  • 关注

原创 关于面试题的总结 之 ES6

let const var 的区别set map weakset weakmapproxypromise 的状态,promise 解决了什么问题,promise拦截诶错误async await模块化开发import export

2021-02-02 16:09:47 104

原创 关于面试题的总结之Js基础篇(一)

小前端关于面试题的总结-----Js篇 缘起Js基础的数据类型相关问题1. Js 的基础数据类型有哪些?数据类型扩展问题1-1. js 的引用数据类型有哪些?1-2. 0.1+0.2 为什么不等于 0.3?1-3. 为什么添加BigInt数据类型?1-4. null 是对象吗?关于js 判断数据类型的方法js 判断数据类型的方法有哪几种?关于 == 和 === 的区别?关于 == 的一些说明关于 === 全等于的一些说明JS 中类型转换有哪些?关于闭包什么是闭包?闭包有哪些作用?闭包有那些表现形式?缘起

2021-01-30 14:12:17 102 1

原创 项目中常用的 ES6 新特性总结

目录1.ES的兼容性2.let 和 const 命令3.类 Class4.函数参数默认值5.箭头函数6.模板字符串7.变量的解构赋值8.扩展运算符(spread)9.模块化Module10.对象属性简写11.Promise1.ES的兼容性一定要明白,即便 ES2015 到 ES2019 已经发布,也不是所有的浏览器都支持新特性。为了 获得更...

2020-01-18 17:57:05 636

原创 小程序顶部标题栏的背景图片设置

实际运行结果为:实现步骤知识点讲解:修改 navigationStyle 字段,关于这个属性,以下是官方解释:在uniapp中使用微信小程序开发工具开发小程序时:官方解释操作:此处我修改的页面是首页index.vue,我需要index的导航部分为图片背景。所以,以下就以index.vue为例。修改导航栏为自定义导航栏样式修改需要配背景图片的页面路由的属性值,此...

2019-12-03 10:08:06 23169 10

原创 【小程序发版提示】小程序发版内容未及时更新的解决方案

小程序发版内容未及时更新的解决方案

2023-03-26 16:01:16 2072 1

原创 小程序踩坑记录,nut-uploader小程序部分机型文件上传失败问题

小程序部分机型上传失败的完美解决方案

2023-03-12 15:05:32 1510 1

原创 使用html2canvas,将页面转换成图片的图片模糊等踩坑记录(Web/Taro h5)

hteml2canvas 采坑记录,涉及到图片空白跨域/截图不完整问题

2023-01-02 16:38:41 5056

原创 Taro+nutui h5使用nut-signature 签名组件的踩坑记录之使用canvas实现一个签名组件

taro兼容h5实现签名功能,以及签名不清晰问题

2023-01-01 17:00:40 1602

原创 小程序页面之间数据传递的四种方法

小程序页面数据传递,怎么从父页面传递数据到子页面,子页面传递数据到父页面

2022-06-03 17:19:28 9422 1

原创 Taro+Nutui-taro 自定义主题配置不生效的解决方案

配置定制化主题官方提供的具体方法如下:推荐方法https://nutui.jd.com/#/theme但是按照官网的配置还是不生效,使用taro版本是3.3.17,@nutui/nutui-taro版本是3.1.8配置// vue/cli 3 以上版本修改 vue.config.js 的配置module.exports = { css: { loaderOptions: { // 给 sass-loader 传递选项 scss

2021-12-28 20:53:28 3664

原创 简单五步就给项目加一个commit 规范强制约束

简单五步就给项目加一个commit 规范强制约束校验成功的运行效果如下:前言项目的提交备注五花八门,以至于后期不好追踪排查问题,强烈推荐大家在项目中加上commit 规范约束,能够防止不规范代码被 commit、push、merge 等等。方便你我他 !实现步骤首先,安装 huskyhusky它可以方便我们在项目中添加 git hooks,针对以下都是以 @6+版本为例npm i -D husky执行 npx husky install 命令,该命令会创建 .husky/ 目录,

2021-11-20 00:00:34 1474

原创 在Vue3项目中使用Element-Ui

安装npm install element-plus --save使用main.js文件移入:Element-Ui 组件的按需引入可以阅读Element的官方文档Vue3中文文档

2021-04-18 15:23:50 3048 2

原创 实战学习 React 第1天 React的基础使用

项目前期准备按照以上文章搭建一个简易的React项目。开发一个简单的页面src/index.js 文件import React from "react";import ReactDOM from "react-dom";import "./index.css";// 渲染页面需要做两件事// 1. 创建虚拟DOM元素对象var vDom = <h1>Hello Word !</h1>; // jsx语法,不是自字符串// 方法2 var vDom = Reac

2021-04-06 23:16:48 98

原创 实战学习 React 前期准备 搭建一个React项目

前言React 是前端三大框架中之一,而且目前大公司基本都用React框架,并且使用的越来越广泛,所以作为一个前端开发人员对于React的学习是必不可少的,所以笔者打算记录自己学习React从入门到进阶的一个过程,会持续输出,敬请期待,哦!!!-.-React 相关介绍React是用于构建用户界面的 JavaScript 库,采用生命是的组件化开发模式。采用虚拟DOM,不总是直接操作DOM,使用DOM Diff 算法,最小化页面重绘。具体描述可以查看官方文档React 官方文档这里就不过多赘述

2021-04-06 23:06:56 260

原创 使用 JSON.Stringify 的缺陷,你知道几个

前言近期在使用 JSON.Stringify 的时候发现一些之前未曾注意到的 JSON.String的问题。在此总结一下。以一个包含大部分数据类型的对象为例:let my_obj = { func: function () { alert(1); }, obj: { a: 1 }, arr: [1, 2, 3], und: undefined, reg: /123/, date: new Date(0), NaN: NaN

2021-04-05 17:07:44 3672

原创 关于 +new Date() 的返回值你知道是什么吗

前言近期偶然看到 +new Date() 语法,奇怪的知识又增加了。控制台输出一下代码+new Date() // 1617352224387 获取到当前的时间戳+ 运算符;会将表达式转换为数字。针对右侧表达式的值进行数字转换,类似于 Number() 的转换规则, ToNumberNumber()的转换规则:String to Number 字符串转为数字空字符串转为 0纯数字的字符串会直接转为数字不是纯数字的字符,转为 NaNArray to Number 数组转为

2021-04-02 17:00:44 9839

原创 项目中的 try catch finally的使用场景描述

前言使用 try - catch 拦截错误,做好项目中的边界处理 。finally 里面的内容,不受try-catch的错误影响。try{ // 可疑的代码段,例如: JSON.parse 等 // 只有当try中出现错误时,立即终止try的执行,跳出try,执行catch // try 里面的throw new error 也会让catch执行} catch(err){ // 当try里面的代码报错时,抛出错误 // err 时try里面的报错原因} finally {

2021-04-02 15:41:40 346

原创 关于CSS3 box-sizing属性的详细案例讲解

关于 CSS3的box-sizing 属性还可以参考W3schoolbox-sizing属性的语法和其他css属性一样,该属性有三个可取的值,具体语法:box-sizing: content-box|border-box|inherit;以下案例都是基于固定宽高的容器为例。content-box(默认)box-sizing 属性的默认值就是 content-box。实例: <ul class="box"> <li class="box-item content-bo

2021-03-21 16:52:11 288

原创 运行项目 npm run start报错: There might be a problem with the project dependency tree.   

运行项目提示错误:There might be a problem with the project dependency tree. 错误如图:按照错误的提示,大致意思就是当前项目中需要 webpack 依赖,并且是4.44.2版本。解决1. 如果安装了webpack,就先卸载当前的webpacknpm uninstall webpack2. 然后安装指定版本的webpack 即可npm i --save-dev [email protected]...

2021-03-21 15:43:03 367

原创 执行 taro init myApp 报错 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\taro.ps1

执行 taro init myApp 报错无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\taro.ps1,因为在此系统上禁止运行脚本。taro : 无法加载文件 C:\Users\小迈\AppData\Roaming\npm\taro.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。所在位置

2021-02-20 22:43:50 1773

原创 git status 出错 interactive rebase in progress; onto 796e78f

今天准备提交代码时,查看分支状态 git status 提示以下错误查看一番发现,由于之前使用过 git pull --rebase origin develop 命令拉取代码,使用过git rebase执行代码覆盖,但是上一次进程还没有完成导致原因:查看git 的提示, 大概意思是 你当前正在编辑的提交将要覆盖在 796e78 commitid 上两种解决方案使用 git commit --amend 命令修订当前的提交使用 git rebase --continue 命令继续代码的提交(

2021-02-20 22:30:36 19258 2

原创 接入react-redux 之后运行出现错误TypeError: Cannot read property ‘getState‘ of undefined     at Provider.js:19

新建的项目中,接入react-redux 之后运行出现错误如下:错误1:TypeError: Cannot read property 'getState' of undefined at Provider.js:19错误2:TypeError: Cannot read property 'mount' of undefined at Object.mount (react.ts:214)原因最后发现是因为粗心,错把 store属性写成了value属性将属性名改为sto

2021-02-19 23:13:33 2162 5

原创 react + antdesign入门(二) 编辑表格数据,将数据回显到表单内

111

2021-02-11 23:27:37 3187 2

原创 react + antdesign入门(一) 渲染数据到表格

前言本文基于了解过jsx 语法以及 React 的基本使用规范的前提编写. 涉及到的相关语法就不过多的解释了哈 =.=渲染表格的 table.js 页面import { Table, Space, Button } from "antd";import { Component } from "react";const tableList = [ { key: "1", name: "胡彦斌", age: 32, s

2021-02-10 10:50:04 1375 1

原创 ES6 Set 和Map,WeakSet和WeakMap据结构的介绍

ES6 Set 和Map,WeakSet和WeakMao数据结构的介绍前言Set定义Set实例的属性和方法WeakSetWeakSet和Set 的区别常见语法WeakSet 结构的方法MapMap结构的存在意义Map实例的属性和方法属性遍历方法Map数据结构和其他数据结构的转换Map转为数组数组转为MapMap转为对象对象转为MapMap转为JsonJson字符串转为MapWeakMap`WeakMap`与`Map`在API上的区别主要是两个前言近期有被问到对 ES6 Set 和Map,WeakSet和

2021-01-24 16:38:51 203

原创 vue 组件v-for 绑定key属性的作用

参考:vue的常见问题关于vue的面试当vue中使用 v-for 更新已经渲染过的元素列表时,默认用"就地复用"策略。如果数据项的顺序被改变,Vue将不是移动DOM元素来匹配数据项的改变,而是简单复用此处每个元素,并且确保它在特定索引下显示已被渲染过的每个元素。key 的作用为了给Vue 一个提示,以便它能跟踪每个节点的身份,进行重用和重新排序现有元素,需要为每项提供一个唯一 key 属性。key 属性主要用于Vue的虚拟算法。在对节点进行diff的过程中,判断新旧nodes是否为相同节点的一

2021-01-24 11:38:21 614 1

原创 正则表达式基础学习之个人学习总结

正则表达式使用介绍简介目录二级目录三级目录简介目录正则表达式(regular expression)描述了一种字符串匹配的模式(pattern),可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等;详细的教程可以参考完整讲解----菜鸟教程二级目录三级目录...

2020-11-23 13:33:02 135

原创 将字符串的首字母大写的方法

// 首字母大写的方法function firstWordUpperCase(value){ return value.slice(0, 1).toUpperCase() + value.slice(1).toLowerCase();}// 使用firstWordUpperCase('jacascript'); // "Jacascript"

2020-09-20 16:33:12 1105

原创 vue 给组件动态绑定不同的事件

场景: 根据用户配置的事件动态绑定。也就是用户可以动态选择配置 click ,change,blur等事件需要根据用户的配置的事件动态绑定 @click、@change或@bulr实际操作代码如下:<template> <div> <el-input v-for="(item,index) in list" :key="index" v-on:[item.event]="item.eventName"></e

2020-09-20 16:23:21 3598

原创 vue 在循环之后 v-model不起作用 输入框不能输入值

问题:开始没有修改绑定值 searchInfo值的时候,没有问题。当我在以下代码中修改之后就出问题了computed:{ searchInfo:{ get:function () { let object=this.searchObject; this.formItemList.forEach(value=>{ this.$set(object,[value.prop],value.data.

2020-09-20 16:03:33 5068

原创 获取html字符串片段的标签内容(使用正则替换)

说到替换字符串内容,正则匹配替换,是最常用,也是最方便的了。前提是,你的正则表达式没写错~~1. 获取标签内容let html_str = "<div class='hahah'>123</div>"// 1.let reg = new RegExp('<[^<>]+>','g');let text = html_str.replace(re ,"");//或 2.let text = html_str.replace(/<[^&lt

2020-09-20 15:08:20 1880

原创 使用vuedraggable 实现拖拽排序以及拖拽渲染 的属性配置详细总结收集

vuedraggable 的属性使用详细介绍vuedraggable 的来源vuedraggable 的来源vuedraggable 插件,实际上是对 sortablejs 的一个整合转换。sortablejs: 是使用纯js 开发的一个功能强大的JavaScript 拖拽库。使用方便没有什么依赖,任何项目都可直接使用。Sortable.js中文网npm安装方式$ npm install sortablejs --saveumd方式<script src="http://ww

2020-09-20 14:51:55 2130

原创 判断数组中是不是有某个值

实现思路: 判断数组中是不是有某个值,可以把数据转成一个字符串,然后用indexOf 判断字符串中是不是包含有当前值实现方法:function IsInArray(arr,val){ let testStr=','+arr.join(",")+","; return testStr.indexOf(","+val+",")!=-1; }使用方法:let arr = [1,2,3,4];isInArray(arr,6) // -1isInArray([1,2

2020-09-20 13:48:50 2282 2

原创 查看本地的npm源并修改npm源 设置

方便日常使用,记录一下。查看npm源npm config get registrynpm源 设置设置源为淘宝镜像npm config set registryhttps://registry.npm.taobao.org

2020-08-23 17:09:23 3255

原创 项目中运行的时候提示: ‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序

PS E:\WebProject\API-cloud\loxia-frontend> npm run serve> [email protected] serve E:\WebProject\API-cloud\loxia-frontend> vue-cli-service serve

2020-08-23 16:26:29 3132

原创 把vue 中 axios改为做同步请求机制

axios 默认都是异步请求,在实际的开发中我们有事需要使用同步请求。怎么办呢?使用 es6 新增的 async await 来解决。异步请求的写法:function getList(){ Vue.axios.get(url).then((response) => { console.log(response.data) })}同步请求的写法:async function getList(){ let response = awai

2020-08-19 23:47:45 7170

原创 JSON.parse报错: Unexpected identifier

追查一番发现,原因是: 需要parse 的 数据不符合规范JSON.parse() 方法用于将一个 JSON 字符串转换为对象。一般是配合JSON.stringify使用我出现这个问题的代码是这样写的JSON.parse(eventConf)变量 eventConf 这个时候是没有JSON.stringify过的对象.数据类型为 Object 而不是 String .因为js 没有获取到该有的数据类型,大致就是obj,没有string化.所以报错.总结: 出现这个问题的话,建议大家

2020-08-16 23:52:36 6597

原创 vue中使用axios 结合element-ui 上传组件,上传文件

vue中使用axios 结合element-ui 山川组件,上传文件最近接到一个需求,需要做一个上传文件和下载文件的功能,主要使用的场景是用户上传文件,和下载样例文件,上传和下载的请求都需要带上 请求头 token,主要使用:axios,element的上传组件进行自定义上传;主要操作代码如下:上传文件 <el-upload class="upload-demo" ref="uploadFilder" :action="up

2020-08-10 00:23:04 2382

原创 使用git 命令 操作频繁要求输入账号和密码

频繁要求输入账号密码的话,操作就不是很方便,准确说就是很麻烦…解决办法:在项目目录下面cd 进入你的项目目录,输入:git config --global credential.helper store这下可好再进行一次git pull/push一次代码之后,再输入一次账号和密码,这下就不用要求输入密码什么的了。nice!参考地址...

2020-06-14 14:31:28 192

原创 Git报错error: could not lock config file C:/Program Files/Git/mingw64/etc/gitconfig: Permission denie

Git 报错error: could not lock config file C:/Program Files/Git/mingw64/etc/gitconfig: Permission denied这个错误大致的意思就是权限不够。,就是文件C:/Program Files/Git/mingw64/etc的权限不够。把这个文件夹下面的操作权限改为全部的权限,window10 系统,可以设置为everyone 所有。然后执行git config --system --unset credent

2020-05-24 22:45:50 20745 4

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除