自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

张小程博客

专注前端技术领域

  • 博客(25)
  • 收藏
  • 关注

原创 vscode中git push代码时报错PresentationCore, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364

电脑系统为win10,之前推远程时没有报错,最近报错:未能加载文件或程序集“PresentationCore, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35”或它的某 一个依赖项,系统找不到指定的文件。首先猜测可能是系统的某个系统软件版本过低导致,百度到需要更新.NET Framework 4及以上版本,去官网下载后提示无法安装,提示信息为:系统已安装了某个版本,搜索后原因是需要安装开发者版本,见图:下载安装后,.

2020-10-25 20:15:01 2530

原创 HTML-超文本标记语言

作为WEB前端的基础编程语言,HTML其实是一门标记语言,设计的目的是为了通过HTTP协议进行文档内容传输。最初主要展示的文档内容是表格信息,因而table元素是HTML中比较特殊的元素。HTML中出现的标记被称为元素或标签,比如 a元素或者a标签用于超链接。1. HTML文档结构首先需要了解的是HTML文档结构,一个完整的HTML文档包括DTD文档类型声明,必须在第一行。HTML元素,H...

2019-11-19 08:41:37 468

原创 前端三剑客-前端开发的三大基础语言

如今前端的技术更新速度越来越快,与其说更新速度不如说前端领域的边界不断被拓宽。从最初的PC端浏览器,然后是移动端,再然后是各种终端。WEB前端已经从最初的信息展示,发展成为与用户关系日益密切的应用形式,而且与用户的关系会越来越密切。如今前端的火爆程度超出开发人员的想象,明明简单的开发个页面而已,并没有市面上说的那样。其实隔行如隔山,很多时候我们站在门外根本无法理解门内的实际情况。前端之所以变...

2019-11-19 08:35:42 5603

原创 如何定义前端

自互联网诞生以来,相关技术不断发展,互联网的生态也越加庞大。前端实际上是从WEB应用开发中剥离出来的一个开发职能。互联网伊始不存在前后端之分,其发展的过程中WEB应用的功能日益丰富,页面交互愈加复杂,导致WEB应用的界面需要单独进行开发和维护,因此才产生了前端这一职业。1. 前端的定义前端(Front-End)的定义实际是指直接面向用户的接口,并与用户行为发生交互,这点从计算机的发展过程中...

2019-11-19 08:27:53 1007

原创 javascript实现LeetCode两数的和

/* 给定 nums = [2, 7, 11, 15], target = 9 因为 nums[0] + nums[1] = 2 + 7 = 9 所以返回 [0, 1] */ /** * @param {number[]} nums * @param {number} target * @return {number[]} */var twoSum = function...

2019-09-30 14:42:33 105

转载 vue + elementui表单重置 resetFields 问题(无法重置表单)

问题:elementui在重置表单时,无法使用this.$refs[‘formRefVal’].resetFields()清空表单数据;elementui 设置rules后没有效果解决方法:1、表单加ref属性<el-form ref="refname"></el-form>2、form的每个item加prop属性(踩了好久的坑这个,需要和绑定数据的最后名...

2019-07-31 16:23:11 1078

原创 React 报错 Objects are not valid as a React child (found: object with keys {})

React目中使用Redux声明多个Reducer,并且使用Redux的connect组件链接 Reducer和Action。由于项目中声明多个Reducer需要合并来优化代码,固采用Redux的combineReducers组件完成该需求,代码完成后报错,具体信息如下:报错原文Objects are not valid as a React child (found: object wi...

2019-07-29 16:24:54 10857

原创 Git 常用基本命令汇总

文章目录创建git仓库创建目录初始化Git仓库将文件添加到Git仓库修改及撤销查看修改版本回退撤销修改删除文件rebase远程仓库创建ssh key添加远程库从远程库克隆查看远程库信息推送远程分支抓取分支关联多个远程库分支管理创建分支查看当前分支合并分支删除分支解决冲突储存工作区标签管理查看标签创建标签删除标签推送标签到远程库自定义Git自定义配置忽略特殊文件(.gitignore)配置别名配置文...

2019-07-08 16:23:55 131 1

原创 mac版本 sequel 报错 unrecognized selector sent to instance 0x60000023d040

mac安装 sequel后,又安装了 mysql,然后使用 sequel 链接本地 mysql数据库报错(如标题)。问题表现:sequel可以链接mysql数据,可以新建数据库,表,设计表字段,插入数据等,但是关闭后,无法再次链接已创建的数据库,报错如题。解决过程搜索很多结果都是 OS 软件报错信息解读,意思是 sequel 软件崩溃了,原因可能是软件的编码出了问题,无果。朋友支招说...

2019-06-03 20:24:56 661

原创 react项目报错Conflict: Multiple assets emit to the same filename

react项目本地启动报错,由于使用yarn的方式安装,首先考虑yarn-lock.json文件问题,git回滚到不报错版本,发现可以运行。然后回退到最新版本,用旧版本yarn-lock.json文件内容覆盖最新版本的内容,安装依赖包运行继续报错。最后排查后是package.json文件依赖版本变动导致,修改依赖包版本号后问题解决。具体报错信息如下图:package.json文件修改的内...

2019-05-08 10:36:22 13484 2

原创 react组件中设置state中对象的的某个属性

使用react开发项目过程中,遇到需要设置组件state中某个对象的某个属性,尝试多种方式不得要领,查找资料最后找到解决方式组件中的state如下结构: this.state = { detail: { key: value } }需要通过this.setState()方法设置,尝试过程如下(错误的方式) this.setState({ detail: { ...

2019-05-08 09:28:37 4460 2

原创 element-ui报错TypeError: _self.$scopedSlots.default is not a function

开发后台管理项目的时候,采用Vue+element-ui搭建,遇到根据切换tab显示不同Table数据。开始使用的Tabs组件,后来根据视觉稿自定义了tab切换,并且采用v-if的判断,然后就遇到了这个报错。个人尝试更换判断条件,以及判断数据是否未正常获取到,均无法解决。无奈采用v-show的方式意外解决,查找了该报错的相关信息,找到如下资料,解决方案也是使用v-show的方式,虽然不是很符合我...

2019-04-11 17:42:54 664

原创 背景图全屏水平垂直居中的方法

在开发登录页面或者其他全屏背景图的页面,需要背景图全屏并且水平垂直居中,根据浏览器窗口大小自适应。尝试多种方法后,使用了最简单的两行代码搞定。/* 要想实现全屏高度需要单独设置 html 和 body 的高度 */html, body { height: 100%;}.box { width: 100%; /* block 元素 width 自动100%,可省略 */ h...

2019-04-08 10:31:19 1450

原创 CSS使用自定义属性显示提示文字

实际开发场景中需要自定义鼠标悬停显示提示文字效果,使用操作DOM虽然能实现需求,但不是最优方案。其实,可以使用CSS的attr属性来实现,不需要额外的DOM操作代码例如页面HTML结构如下: <div class="text-container"> <p class="article" data-tip="提示内容:CSS实现效果">CSS自定义提示信息...

2019-04-02 16:28:44 4759

原创 Javascript中的&&操作符和三元表达式问题小结

最近使用操作符的过程中,发现逻辑判断的时候使用 || 和 &amp;&amp; 操作符进行判断时,逻辑的严谨程度有问题,&amp;&amp; 操作符的 “短路”特性真是让人头疼,遇到这种情况我会先尝试使用括号的形式进行逻辑收缩控制,效果不是很理想,我最后都使用三元表达式来解决这个问题,不知道有没有对 &amp;&amp; 操作符熟悉的小伙伴,请多多指点。下面我列举几个例子来演示一下我平时的判...

2019-01-20 08:58:00 1190

原创 git本地分支强制覆盖远程分支报错

有时工作场景中需要使用本地分支强制覆盖远程分支,通常是在某同事将错误代码提交到远程仓库的时候。但是使用以下命令强制覆盖远程分支报错# 操作命令git push -u origin master -f# 报错信息GitLab: You are not allowed to force push code to a protected branch on this project.原因...

2019-01-20 08:54:47 3730 1

原创 Vue自定义组件Props中接收数组或对象

自定义弹框组件时,需要在弹框内展示商品list,所以需要组件中的对应字段接收一个Array数组,默认返回空数组[],直接定义空数组报错,如下所示。 props: { content: { type: Array, default: [] },}报错信息[Vue warn]: Invalid default value for prop &quot;con...

2019-01-20 08:40:50 45121 3

原创 前端发展简史

前端的发展进程本质上是互联网发展进程的具体表现,从最初的局域网到现在的全球互联,每次的技术变革和演化都是所见即所得。前端是从web应用开发分离出来的用户层,也就是用户接口,直接与每一个用户进行交互,通信技术的发展促进了很多前端技术的变革。作为一名准备或者已经从事前端开发的编程人员,知其然更要知其所以然,招式固然重要,内功心法才能让功力大增。互联网的初期,围绕着如何能构建更好的页面展开互...

2019-01-13 00:12:45 1167

原创 盒子模型和弹性布局实现自适应布局

在常规的项目开发中,很多时候不使用响应式框架的前提下,都需要开发人员手动实现自适应,这个时候盒子模型的优势就体现了出来。盒子结构的合理嵌套,以及CSS样式的使用,就能实现简单的自适应布局。常见的实现方式有2种:使用简单的盒子模型的特性, 子盒子使用{ width:百分比; }实现比例缩放。使用CSS的属性{ display:flex; },注意要定义在父盒子上,子盒子使用{ flex:...

2019-01-12 17:23:59 5671

原创 圣杯布局和双飞翼布局

两个布局的异同首先我们先来看一下两个布局实现的页面效果相同点相同点是两者的表现形式(视觉效果)上都是三栏布局,左右两栏宽度固定,中间部分自适应,也就是常说的固比固布局,需要注意的点如下:中间的盒子优先渲染(要放在前面),宽度100%,两边的盒子宽度固定不变。页面的宽度不能小于中间container的盒子宽度,所以body需要一个min-width最小宽度。不同点不同点在于是通过...

2019-01-12 17:21:36 431

原创 闭包的原理小结

在理解闭包原理之前,首先要来回顾一下作用域的相关知识点。作用域和闭包全局作用域和局部作用域的特点全局作用域有命名冲突,声明多个同名变量,会互相覆盖。函数内部的变量在函数被调用后,会被垃圾回收机制销毁,第二次调用函数变量值可能不同。函数级别作用域(局部作用域)不存在命名冲突,即使多个函数内部声明同一个变量,也不会互相覆盖。闭包的原理使用局部作用域(函数内部声明变量),防止命...

2019-01-12 17:18:53 234

原创 面向过程和面向对象编程思想

坦率的讲编程和烹饪本质上没有什么区别,编程的代码和烹饪食谱里的说明文字,仅仅目的不同,一个为了编写软件程序,另一个是为了烹饪美味。只要将需求分解成可具体执行的代码或者烹饪步骤说明,就能实现各自的需求。1. 面向过程和面向对象的思想在实际的编程中有两种应用比较广泛的思想,面向过程和面向对象。虽然都是编程的一种思想,但是面向过程注重的是通过代码一步步实现业务逻辑(食谱里的说明文字),面向对象更...

2019-01-12 17:14:12 529

原创 互联网发展简史

未来的种子深埋在过去当中,当回顾历史时会发现,很多现实中的问题过去就有雏形和解决方案,拨开迷雾才能看见光明。1. 科研计算机时代提到计算机的历史首先要提到艾伦·麦席森·图灵,他参与了世界上最早的电子计算机的研制工作,并成功破解了战时密码通讯。图灵后期提出的自动计算机与约翰·冯·诺伊曼的离散变量自动电子计算机都采用了二进制,以“内存储存程序以运行计算机”打破了时代的禁锢。超大型计算...

2019-01-12 17:12:04 38856 1

原创 Web前端状态管理

前端状态管理是很多流行框架统一在做的事,翻开官方文档都有相关的介绍。React框架有Redux,Vue框架有Vuex。但是官方文档并不是万能的解药,依旧没有从本质上解决大家理解这个东西的疑惑。我习惯将一些复杂的知识点结合Web发展过程总结一些自己的看法,以下是我理解的所谓状态管理,如有偏颇仅代表我个人见解,欢迎吐槽。我们先假设一个背景,就是以下所有的故事背景都发生在没有电子设备和即时聊天...

2018-11-09 14:43:42 793

原创 状态管理的前世今生

目录1. 账房世家2. 东窗事发3. 友人献计4. 渐入佳境5. 徒生事故峰回路转创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入1. 账房世家我祖父是账房先生德高望重,远近的富商都乐意重金请他帮忙核对账目,并且从来没有出过错。我父...

2018-11-08 22:34:06 139

空空如也

空空如也

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

TA关注的人

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