- 博客(69)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 VSCode终端Git正常运行时，VSCode源代码管理不起作用
参考：https://www.nuomiphp.com/eplan/594933.html。
2023-11-15 14:40:29
373
原创 实习心得~
本周我们主要的任务也就是电子工艺实习。五天过去后，一周的实习终于圆满的画上了句号。（可是也不免内心的吐槽，这真的是在实习吗？） 周一老师把每个实验大致介绍了一下，便让我们一直开始行动了。但是我和我的小伙伴一直纠结于到底在做哪一个实验，实验一、实验十五每一个都研究好久，但最后都被我们pass了，总觉得这俩很难。实验十五各个器件没有数据，不好调试，并且最后焊接出来的板子可能会报废；实验一的小车...
2022-05-03 17:06:39
2857
原创 Mac报错:Error: The following directories are not writable by your user: /usr/local/lib/pkgcongig 解决方案
参考： https://blog.csdn.net/bbcv55/article/details/82930010当我们用Homebrew安装应用时，会出现此问题，显示Homebrew无法访问这些位置并添加在OS X上为您安装软件所需的文件对于上面问题，我们应尝试回收权限sudo chown -R `whoami`:admin /usr/local/lib...
2021-08-02 21:12:26
830
原创 Linux基本命令 目录与文件
当前目录和上层目录： ./ ../主目录： ~/切换目录： cdpwd — 打印出当前工作目录名cd — 更改目录ls — 列出目录内容使用命令type – 说明怎样解释一个命令名. 显示命令的类型which – 显示会执行哪个可执行程序. 显示一个可执行程序的位置help – 得到 shell 内建命令的帮助文档--help - 显示用法信息man – 显示命令手册页. 显示程序手册页apropos – 显示一系列适合的命令. 显示适当的命令info – 显
2021-07-15 14:52:06
142
原创 浅谈前端工程化介绍--模块化、组件化、规范化、自动化
首先我们要明白工程化是一种思想而不是某种技术, 其主要目的为了提高效率和降低成本，即提高开发过程中的开发效率，减少不必要的重复工作时间等，注重基本的开发效率、运行效率的同时，思考维护效率。 再用一句通俗的话来概括前端工程化：前端工程化就是用做工程的思维看待和开发自己的项目,而不再是直接撸起袖子一个页面一个页面开写，所以，一切以提升前端开发效率，降低前端开发成本，提高前端应用质量为目标的工作都是“前端工程化”。什么是前端工程化所谓工程化即系统化、模块化、规范化的一个过程。传统的软件开发过程是一
2021-02-24 17:21:34
2080
原创 ElementUI源码阅读——前言: 准备工作
最近看到一句话 我觉得说的非常正确：“感觉现在的业务开发，如果不是很特殊的需求，基本都能在对应的组件库内找到组件使用，这样编写代码就成了调用组件，但是却隐藏了组件内的思想，因此弱化了编程能力，所以我想写这么个分析系列来鞭策自己深入分析组件的原理，提高代码阅读理解能力，我觉得一定要记下点什么来，如果只是看不动笔感觉很快就忘了，因此准备持续写这么个分析。”所以看了这篇博主超级索尼对Element源码的系列分析【还没有看完，理解了Layout(布局)和Button(按钮)】插入：element-pro
2021-02-20 14:27:58
576
1
原创 Vue中使用TypeScript： vue-property-decorator使用
安装使用@Componentvue-property-decorators仓库GitHub地址：https://github.com/kaorun343/vue-property-decoratorVue中使用TypeScript时，用到了一个非常好用的库：vue-property-decorators ，它使用装饰器来简化书写, 这个组件完全依赖于vue-class-component它具备以下几个属性：@Component (完全继承于vue-class-component)@Emi.
2021-02-19 17:12:51
443
原创 Git 提交规范 Git常用命令
commit描述： 代码的提交应该清晰明了，说明本次修改的主要内容commit类型：feat：新功能（feature）fix：修补bugdocs：文档（documentation）style： 格式（不影响代码运行的变动）refactor：重构（即不是新增功能，也不是修改bug的代码变动）test：增加测试perf: 性能优化chore：构建过程或辅助工具的变动commit提交注事项：单个功能开发尽量开发一个完成功能后在进行commit多功能同时开发，切换分支，可以使用git s
2021-01-21 17:06:04
630
原创 JS电话号码中间星号表示
let tellphone = '电话号码';正则表达式/* 方法一： */const regPhone = tellphone.replace(/^(\d{3})\d{4}(\d+)/, "$1****$2");console.log(regPhone); // 183****0256字符串拼接/* 方法二： */const phone = tellphone.substr(0, 3) + "****" + tellphone.substr(7);console.log(p
2021-01-05 17:59:14
911
原创 Element-UI多选框默认禁选
实现表格多选框https://element.eleme.cn/#/zh-CN/component/table#duo-xuan实现多选非常简单: 手动添加一个el-table-column，设type属性为selection即可；默认情况下若内容过多会折行显示，若需要单行显示可以使用show-overflow-tooltip属性，它接受一个Boolean，为true时多余的内容会在 hover 时以 tooltip 的形式显示出来。<el-table v-loading="fetchLoa
2020-12-30 13:31:05
331
原创 基于element的表单渲染器 (el-form-renderer)
GitHub地址： @femessage/el-form-renderer基于 element-ui 封装的表单渲染器，完整继承了 element 的属性定义，并进行了简单扩展，从而用户能够通过使用一段预设的数据渲染出一个完整的 element 表单。但它不仅仅是 element-ui ，甚至不仅仅是表单。Element-UI 表单链接地址： https://element.eleme.cn/#/zh-CN/component/formElement-UI 的Form Attributes、Met
2020-12-02 17:51:55
774
原创 JS判断字符串长度（区分中英文）
function strlen(str) { let temp = 0; for (let i = 0; i < str.length; i++) { if (str.charCodeAt(i) > 127 || str.charCodeAt(i) == 94) { temp += 2; } else { temp++; } } return temp ; };function strle
2020-11-16 13:37:21
366
原创 elementUi【 下拉框】样式修改无效或者无法修改？
先提前做个demo<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>Vue 下拉框</title> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css" /> <script src="https://unpkg
2020-11-16 11:10:16
1565
原创 CSS超全总结(超多干货)
CSS三大特性—— 继承、 优先级和层叠继承：即子类元素继承父类的样式;优先级：是指不同类别样式的权重比较;层叠：是说当数量相同时，通过层叠(后者覆盖前者)的样式。链接：https://segmentfault.com/a/1190000014833437?utm_source=sf-related选择器与优先级###一、元素选择符通配选择符(*):选择所有元素类型选择符(E)：以文档对象类型作为选择符id选择符(E#id):以唯一标识符id属性等于id的E对象作为选择符cla
2020-08-15 23:08:12
355
原创 JavaScript原型链以及Object，Function之间的关系 后附两题
JavaScript里任何东西都是对象，任何一个对象内部都有另一个对象叫__proto__，即原型，它可以包含任何东西让对象继承。当然__proto__本身也是一个对象，它自己也有自己的__proto__，这样一级一级向上，就构成了一个__proto__链，即原型链。当然原型链不会无限向上，它有个终点，可以称为原型链的顶端，或者root，它是一个特殊的对象，它的__proto__为null。obj.__proto__.__proto__......__proto__ === null; 但是对象
2020-08-15 01:00:11
222
原创 类的封装继承多态
先思考一个问题： 什么是面向对象（OOP）类的继承封装多态封装： 高内聚低耦合 把实现功能的函数写成方法多态： 重载和重写重载：方法名相同，形参个数/类型不一样（JS不存在真正意义上的重载）重写：在类的继承中， 子类可以重写父类中的方法继承： 子类继承父类上的属性和方法（目的是让子类的实例享有父类的属性和方法）为什么要继承？方法一：原型链继承父类中的属性和方法在子类实例的原型链上关键： 子类型的原型为父类型的一个实例对象children.prototype = new pa
2020-08-09 13:20:19
85
原创 vue常用的修饰符
1. 事件修饰符.stop 阻止点击事件冒泡 等同于JavaScript中的event.stopPropagation().prevent 防止执行预设的行为（如果事件可取消，则取消该事件，而不停止事件的进一步传播），等同于JavaScript中的event.preventDefault()，.prevent 用于取消默认事件 等同于JavaScript的event.preventDefault()。.capture 与事件冒泡的方向相反，事件捕获由外到内,捕获事件.self 只会触发自己范围内
2020-08-05 00:26:15
152
原创 vue实现数据双向绑定MVVM原理
vue实现数据双向绑定主要是：采用 数据劫持 结合 发布者-订阅者模式 的方式，数据和视图同步，数据发生变化，视图跟着变化，视图变化，数据也随之发生改变核心( Vue2.0 )：通过Object.defineProperty（）来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应监听回调。为什么Vue3.0不再使用defineProperty实现数据监听Object.defineProperty 真的无法监测数组下标的变化吗？ Object.definePro
2020-08-05 00:23:46
410
原创 安全防范知识点 XSS CSRF
1. 能不能说一说XSS攻击？XSS 攻击是指浏览器中执行恶意脚本, 然后拿到用户的信息进行操作。XSS 简单点来说，就是攻击者想尽一切办法将可以执行的代码注入到网页中。窃取Cookie。监听用户行为，比如输入账号密码后直接发送到黑客服务器。修改 DOM 伪造登录表单。在页面中生成浮窗广告主要分为存储型、反射型和文档型。存储型，顾名思义就是将恶意脚本存储了起来，确实，存储型的...
2020-04-29 11:49:36
173
原创 get请求和post请求的理解与区别
HTTP协议中常见的两种发送请求的方法是：get 和 postGET: 从指定的资源请求数据，用于获取数据。POST: 向指定的资源提交要被处理的数据，用于将数据发送给服务器。Eg: GET的语义会被用在「看看我的Timeline上最新的20条微博」这样的场景，而POST的语义会被用在「发微博、评论、点赞」这样的场景中HTTP的底层是TCP/IP。所以GET和POST的底层也是TCP/...
2020-04-25 23:26:25
208
1
原创 浅谈CSS重绘和回流（重排）—— 如何减少重绘和回流（重排）
浏览器的渲染过程解析HTML，构建DOM树解析CSS，生成CSS规则树合并DOM树和CSS规则，生成render树布局render树（Layout/reflow），负责各元素尺寸、位置的计算绘制render树（paint），绘制页面像素信息浏览器会将各层的信息发送给GPU，GPU会将各层合成（composite），显示在屏幕上基本概念重绘：当页面...
2020-04-10 14:23:31
4149
2
原创 J关于JS事件冒泡与JS事件委托（事件代理）
什么叫事件委托呢即事件代理：对“事件处理程序过多”问题的解决方案就是事件委托。例如， click 事件会一直冒泡到 document 层次。也就是说，我们可以为整个页面指定一个 onclick 事件处理程序，而不必给每个可单击的元素分别添加事件处理程序。1. 基本概念： JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事...
2020-04-09 17:09:37
279
原创 HTTP常见知识点之——最常见的请求头及Http缓存（浏览器缓存）和应用程序缓存
应用程序缓存应用程序缓存是 HTML5 的重要特性之一，提供了离线使用的功能，让应用程序可以获取本地的网站内容，例如 HTML 、 CSS 、图片以及 JavaScript 。这个特性可以提高网站性能，它的实现借助于 manifest 文件，如下：<!doctype html><html manifest=”example.appcache”></htm...
2020-03-12 21:23:31
1378
原创 svg与canvas画布的区别
什么是SVG？SVG可缩放矢量图形是基于可扩展标记语言（ XML ），用于描述二维矢量图形的一种图形格式。SVG 是 W3C（即 国际互联网标准组织）制定的一种新的二维矢量图形格式，也是规范中的网络矢量图形标准。SVG 严格遵从 XML 语法，这也就是说 SVG DOM 中的每个元素都是可用的，并用文本格式的描述性语言来描述图像内容，因此是一种和图像分辨率无关的矢量图形格式。在 SVG ...
2020-03-08 13:07:03
183
原创 WEB标准以及W3C的理解与认识
WEB标准 不是某一个标准，而是一系列标准的集合。这些标准大部分由 万维网联盟 （外语缩写： W3C ）起草和发布，也有一些是其他标准组织制订的标准。 W3C：万维网联盟，是一个web开发的国际性联盟网页主要由三部分组成：结构、表现、和行为对应的标准也分三方面结构化标准语言主要包括XHTML和XML表现标准语言主要包括CSS行为标准主要有包括对象模型（如W3C DOM）、EC...
2020-03-05 16:35:03
705
原创 对HTML5的认识及优缺点
网络标准 HTML5本身是由W3C推荐出来的多设备跨平台 用HTML5的优点主要在于，这个技术可以进行跨平台的使用自适应网页设计即时更新 游戏客户端每次都要更新，很麻烦。可是更新HTML5游戏就好像更新页面一样，是马上的、即时的更新。总结概括HTML5有以下优点：提高可用性和改进用户的友好体验;有几个新的标签，这将有助于开发人员定义重要的内容;可以给站点带来更多的多...
2020-03-05 13:59:54
527
原创 webstorage本地存储及localStorage、sessionStorage用法以及session和cookie简单理解及区别
一、webstorage本地存储webstorage是本地存储，存储在客户端，包括localStorage和sessionStoragelocalStorage生命周期是永久，这意味着除非用户手动在浏览器提清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信sessionStorage仅在当前会话下有...
2020-03-03 15:47:47
695
原创 HTML5新增的表单元素
HTML5 新的 Input 类型HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。emailurlnumberrangeDate pickers (date, month, week, time, datetime, datetime-local)searchcolorEg:Input 类型 - email email 类型用于应该包含 e-m...
2020-02-29 22:59:28
465
原创 事件的三个阶段：捕获阶段 目标阶段 冒泡阶段及防止冒泡和捕获
最恰当的比喻：可以想象画在一张纸上的一组同心圆，如果你把手指放在圆心上，那么你的手指指向的其实不是一个圆，而是纸上所有的圆。放到实际页面中就是，你点击一个按钮，事实上你还同时点击了按钮所有的父元素。事件流阶段是捕获阶段 (从根节点开始顺着目标节点构建一条事件路径，即事件由页面元素接收，逐级向下，到具体的元素)目标阶段 (到达目标节点，即元素本身)冒泡阶段 (从目标节点顺着捕获阶段构建...
2020-02-29 22:29:47
5949
2
原创 常见HTTP状态码参考
HTTP 状态码（是用以表示网页服务器超文本传输协议响应状态的 3 位数字代码，由 RFC 2616 规范定义的，所有状态码的第一个数字代表了响应的五种状态之一。HTTP状态码总的分为五类：1XX. 信息状态码 服务器收到请求，需要请求者继续执行操作2XX. 成功状态码 操作被服务器成功接收并处理3XX. 重定向状态码 需要进一步的操作以完成请求4XX. 客户端错误状态码...
2020-02-25 21:12:36
226
原创 获取百度地图api密钥SDK 最简单的获取PackageName，获取发布版SHA1
进入百度地图api首页http://lbsyun.baidu.com/拉到页面最下方会看到申请密钥，点击立即注册点击申请密钥后跳转到填写个人信息页面，注册成为开发者，填写写完后提交，等待邮件确认点击邮件里的链接，跳转页面 （之前注册过的就不会有这些步骤啦）填写信息 因为我的应用类型的Android SDK 下面获取发布版SHA1、PackageName，刚开始的时候一脸懵，最后慢慢摸索也...
2020-02-23 15:12:03
1151
原创 vue刷新页面（不出现空白）
本文所介绍的方式是用provide / inject 组合的方法第一步，修改app.vue文件，如下面的方式<template> <div id="app"> <router-view v-if="isAlive"></router-view> </div></template> <script...
2020-01-28 15:59:25
385
原创 13个需要知道的方法：使用 JavaScript 来操作 DOM
文章目录HTML DOM createElement() 方法HTML DOM querySelector / querySelectorAll() 方法HTML DOM appendChild() 方法HTML DOM removeChild() 方法HTML DOM replaceChild() 方法HTML DOM cloneNode 方法HTML DOM insertBefore() 方法...
2019-12-11 21:30:22
110
原创 CSS清除浮动的几种方法
清除浮动主要是为了解决，父元素因为子级元素浮动引起的内部高度塌陷的问题1.额外标签法：使用clear:both清除浮动 在浮动元素后面使用一个空的自身清除浮动的元素，即在最后一个浮动标签后，新加一个标签，给其设置clear：both；<!--清除浮动样式--><div style="clear: both"></div> 其优点是简单，方便兼...
2019-12-07 17:07:19
171
1
原创 CSS选择器及其优先级
文章目录css选择器种类css样式优先级规则css优先级不同级别同一级别css选择器种类通用选择器：*id选择器：#header{}class选择器：.header{}元素选择器：body,div,p,ul,li子选择器：ul > li{}后代选择器：div p{}群组选择器： div,span{color:red} 即具有相同样式的标签分组显示伪类选择器：:hover...
2019-12-07 15:21:08
211
原创 元素垂直&水平居中
元素居中是一个老生常谈的问题了，这一次就好好的做一个总结吧：行内元素、块级元素、定宽定高不定宽不定高元素之间等等，其垂直水平居中 先从简单的入手吧~~如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。<style> .txtCenter { text-align: center; }...
2019-12-07 11:09:21
209
2
原创 谈谈你对MVVM 的理解？
MVVM 由 Model,View,ViewModel 三部分构成：Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象，负责监听Model中数据的改变并且控制视图的更新，处理用户交互操作；+在MVVM架构下，View 和 Model 之间...
2019-12-04 19:51:56
215
原创 常见的使用 JS 来动态操作 css方法，你应该了解这些
直接在.style对象上设置样式属性将需要使用驼峰式命名作为属性键，而不使用短横线命名；如果需要设置更多的内联样式属性，则可以通过设置.style.cssText属性，以更加高效的方式进行设置 。const el = document.createElement('div')el.style.backgroundColor = 'red'// 或者 el.style.cssText ...
2019-12-04 19:45:44
114
原创 webpack 版本过高引起 初试npx create-react-app hello-react报错
创建项目并启动npm install -g create-react-app，create-react-app hello-react，cd hello-react，cnpm start然后成功报错：BYs-MacBook-Pro:hello-react wangbing$ cnpm start> [email protected] start /Users/wangbing...
2019-10-30 10:35:37
373
空空如也
Mac升级Big Sur后 Vscode 主题失效 求解决
2021-08-16
TA创建的收藏夹 TA关注的收藏夹
TA关注的人