- 博客(58)
- 收藏
- 关注
原创 Vue入门:看这一篇就够了
@[这是目录]话不多说,直接开干。先来个官网实栗吧。官网实栗<body> <!--第一个vue实栗--> <div id="app"> {{message}} </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> //注意这里构造Vue
2020-07-31 16:43:19 1212
原创 HTML引入CSS和JavaScript的方式
引入CSS之内联式css代码直接写在要设置样式的HTML开始标签中,如果有多条css样式代码中间用英文分号隔开。如下代码:<p style= "color:red; font-size:12px">设置文本颜色和大小</p>引入CSS之嵌入式内联式css代码虽然简单,但是一旦需要设置的样式复杂起来,HTML代码看起来就会显得很混乱。使用嵌入式CSS样式就可以解决这个问题。把css代码写在<style></style>标签之间。如下代码:&.
2020-07-20 15:30:01 2772
原创 LeetCode-989 数组形式的整数加法
首先很容易想到类型转换硬解,但是 parseInt API 对于特别大的数转换会出现不准确的情况。还是老老实实参考官解吧。var addToArrayForm = function (num, k) { const res = []; let sum = 0; for (let i = num.length - 1; i >= 0; i--) { sum = num[i] + (k % 10); k = Math.floor(k / 10); if (sum
2021-10-10 11:42:34 113
原创 Rename
很久没登 CSDN 了,看到之前写的文章能帮到大家很开心。顺便改了个马甲,搭了个个人博客,有兴趣的同学可以来踩踩。https://www.xunlu.xyz这段时间也很懒,毕竟我们都是人。
2021-09-08 10:16:21 128 1
原创 怎样删除数组中重复元素
有序数组题目来源LeetCode#26删除排序数组中的重复项暴力解var removeDuplicates = function(nums) { for(let i = 0;i < nums.length; i++){ if(nums[i] == nums[i+1]){ nums.splice(i,1) i-- } } return nums.length}思路很简单,循环找到重复元素删除就好了。注意删除后index要减一。双指针解v
2020-09-15 23:07:25 3583 1
原创 无法加载文件 \vue.ps1 系统禁止运行脚本
以管理员身份运行PowerShell执行:get-ExecutionPolicy,回复Restricted,表示状态是禁止的执行:set-ExecutionPolicy RemoteSigned输入Y
2020-09-01 23:07:12 298
原创 Vue源码
学到哪写哪,过程就像人类祖先走出非洲/*! * Vue.js v2.6.11 * (c) 2014-2019 Evan You * Released under the MIT License. */初始化Vue实例当使用Vue时,首先需要new Vue来创建Vue实例,这背后是怎样的逻辑呢? function Vue(options) { if (!(this instanceof Vue) ) { warn('Vue is a constructor a
2020-08-28 13:23:47 258
原创 你了解哪些HTTP状态码
HTTP状态码响应的状态码可以描述请求的处理结果。用户发送请求,通过服务器返回的不同状态码可以分析服务器是正常处理请求还是出现错误。类别由3位数字和原因组成的短语,第一位数字指定了响应类别。1XX Informational 接收的请求正在处理2XX Success 请求正常处理完毕3XX Redirection 需要进行附加操作以完成请求4XX Client Error 服务器无法处理请求5XX Server Error 服务器处理请求出错14个代表
2020-08-27 17:30:25 208
原创 如何使用JavaScript继承机制
看注释就够原型链继承prototype属性直接继承空对象作为中介构造函数绑定~~组合继承~~拷贝继承原型链继承<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title
2020-08-25 12:18:11 102
转载 href和src引入资源的区别
他山之石href 和 src 区别link 和 @import点个赞吧href 和 src 区别href 标识超文本引用,用在 link 和 a 等元素上,href 是引用和页面关联,是在当前元素和引用资源之间建立联系。src 表示引用资源,表示替换当前元素,用在img,script,iframe 上,src 是页面内容不可缺少的一部分。src 是 source 的缩写,是指向外部资源的位置,指向的内部会迁入到文档中当前标签所在的位置;在请求 src 资源时会将其指向的资源下载并应用到当前文档中,例
2020-08-23 13:12:25 685
原创 Vue组件通信(呕心沥血)
Vue中组件间的通信方式父子组件传值子父组件传值非父子组件传值兄弟组件传值父子组件传值复制是没有用的,最好跟着敲一遍,注意看看看注释,就能理解其中的逻辑了,大家加油<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2020-08-22 00:55:56 141
转载 说说Get请求和Post请求的异同
他山之石君子和而不同关于参数回退缓存请求包一图以蔽之义务君子和而不同从本质上讲,get和post都是http请求,都是tcp连接,是无区别的。不同点关于参数考虑参数的位置:get请求的参数位于url中,而post请求的参数位于request body中。这导致了三个问题,一是get请求的安全性不如post请求;二是get的参数有长度限制,而post没有;三是get的参数只允许ASCII字符,post没有限制。回退点击回退或刷新时,post请求会再次提交表单,而get请求不会。所以po
2020-08-14 17:30:44 940
原创 vue-devtools与yarn的填坑之路
地底之海我好像是一个在海边玩耍的孩子,不时为发现一个个坑和它们之间相互联结的坑而欢欣鼓舞,而展现在我面前的是完全未探明的地底深坑,宛若大海一般深邃。——牛顿相比FireFox,在Edge/Chrome上安装Vue.js devtools插件真是折腾,又是填坑之路。...
2020-08-13 03:18:11 9103 6
原创 cmd简单操作概记
打开cmd: Win+R切换指定盘:d:+Enter进入指定文件夹:cd 指定文件夹名+Enter返回上一级:cd..+Enter很久不用,总是忘。简单的做个记录,方便复盘。大家加油 ????
2020-08-12 11:27:54 613
原创 webpack-dev-server删除dist目录,图片不显示
不是问题的问题哇擦本质参考感谢点赞哇擦配置 webpack-dev-server 不就是为了提高开发效率(懒),然后图片在火狐浏览器竟然显示不出来。一看我滴个亲娘勒,好家伙把我打包后生成的 dist 目录删了就不重新打包了(因为之前配置了clean-webpack-plugin插件,它的作用就是在打包之前把 dist 目录删除掉)?本质好吧,在浏览器上搜了一圈,也没得到解决办法????。最后用 Chrome 找到 segmentfault社区才发现 使用webpack-dev-server是不会生成
2020-08-11 11:15:20 580
原创 复盘前端面试题题题题
士兵突击HTML问题HTML的含义是什么?什么是XHTML?CSS问题什么是盒模型?什么是CSS预处理器?JavaScript问题相等`==`和全等`===`运算符有哪些区别?split()与join()方法有哪些区别?两个运算符typeof与instanceof有哪些区别?网络问题什么是互联网?请简单介绍一下HTTP。感谢点赞HTML问题HTML的含义是什么?HTML(HyperText Markup Language)即超文本标记语言,是一种用于创建网页的标记语言。HTML经历过多个版本,包括H
2020-08-11 02:10:58 344
原创 使用git命令上传本地项目到gitee远程仓库
少就是多今天说说怎么通过git基本命令把本地项目成功上传到Gitee远端仓库(GitHub类似)。主要是防止遗忘,方便复盘,默认已经配置好公钥私钥。首先在个人Gitee账户创建一个用来存放项目的仓库,然后点击克隆/下载按钮选择地址复制,个人喜欢SSH地址。在本地项目文件夹下打开Git Bash,...
2020-08-08 20:02:55 1255
原创 VS Code下载与使用
热爱可抵岁月漫长风继续吹to beno to be风再起时安装使用填坑题外话感谢点赞风继续吹今天讲一讲VS Code的坑~为什么下了WebStorm还有转战VS Code呢?并不是因为WebStorm收费,有一说一,WebStorm这东西破解起来还是简单的,反正比IDEA简单。to be因为习惯了IDEA的快捷键和界面,选择了WebStorm。后来发现VS Code的用户群好像很庞大,秉着实践出真知的祖训,纵使真如铁,也要从头越。no to be没有选VS Code是因为我潜意思里认为它是VS
2020-08-08 18:13:56 328
原创 npm安装与webpack的下载
程序员解决问题就是要快首先--安装其次--使用最后--优化配置淘宝镜像总结感谢点赞前端开发学习者现在逃不掉的要学npm,今天就来讲一讲如何在PC上安装npm并正常使用。整个过程很简单,无非就是踩坑掉坑填坑。首先–安装首先你得通过搜索引擎在形形色色的类似网址中找到一个正确链接,再根据操作系统选择对应安装包。然后傻瓜式安装在对应路径。最后,打开cmd输入npm -v看得到安装的npm版本号表示安装成功了。其次–使用打开IDE创建一个很随意的新项目,在Terminal窗口输入npm init -y来初始
2020-08-07 17:44:46 1691
原创 一篇网络协议
高速通道网络结构模型OSI模型的层次结构TCP/IP结构模型什么是协议感谢点赞网络结构模型 上面有个小错误,应该是OSI七层网络模型OSI模型的层次结构参考上图OSI一共分为7层,每一层都由上一层支配,并从上一层接收数据,为上一层提供服务。其主要功能分别是:第一层(物理层):原始比特流传输,电子信号传输和硬件接口。对应的是网络连接线缆(如光纤、双绞线、同轴电缆)、网卡、集线器(Hub)等物理设备。第二层(数据链路层):物理寻址,将数据分帧并处理流控制。对应网络适配器(网卡)、交换机和网桥等
2020-08-02 13:21:37 219
原创 Java接口和抽象类是什么鬼
接口和抽象类之错综复杂的关系思考接口可继承接口吗//可以,List接口继承了Collection接口public interface List<E> extends Collection<E> {//省略方法}接口可继承抽象类吗接口能继承接口,不能继承实体类。继承代表拥有了父类的方法,接口又是没有方法体的,我想这是不能继承实体类的原因。那接口能不能继承...
2020-07-15 17:54:47 84
原创 JS设计模式_利他主义的安全模式
今天群里有位群友提了个问题,引起不小的讨论声。主要涉及到安全模式的应用,那今天就来学习一下JavaScript的安全模式。 var Book=function(title,time,type){ this.title=title; this.time=time; this.type=type; } var book=Book("JavaScript","2020","js"); console.log(book);//undefined console.log(window.tit
2020-07-14 11:35:12 155
原创 从常见error获得什么
今天群里有人问了一个配置Spring Boot项目pom文件的错误。很明显,IDEA给parent处标红并给出一定的文字解释。群友解释说这一段pom代码是从官网拉下来的。按理来说不会出问题,可是他却没有仔细看官网在给代码的同时也给出了一句灰色的注释。注释说明从仓库中查找parent,而群友并没有给出本地仓库的相对路径。最后,将<relativePath/>这行代码注释掉就好了,因为给定版本会自动从云端下载。这个问题让我想到一个段子:出现这一 error 的同学也许可以考虑转行了,程序员
2020-07-14 00:57:58 185
原创 如何高效优雅的处理水平垂直居中
1 父元素相对定位布局,子元素绝对定位布局。 <style> .box1{ border : green 2px solid; width: 700px; height: 300px; position: relative; } .box2{ border : red 40px solid; wid
2020-07-05 23:07:56 115
原创 JavaScript运算符优先级需要记吗
表中所示的运算符是按照优先级从高到低排序的,每个水平分割线内的一组运算符具有相同的优先级。属性访问表达式和调用表达式的优先级要比表中列出的所有运算符都要高。实际上,如果你真的不确定你所使用的运算符的优先级,最简单的方法就是使用圆括号来强行指定运算次序。有些重要规则需要熟记:乘法和除法的优先级高于加法和减法,赋值运算的优先级非常低,通常总是最后执行的。...
2020-06-14 15:24:48 245
原创 JavaScript的作用域链是什么鬼
JavaScript是基于词法作用域的语言:通过阅读包含变量定义在内的数行源码就能知道变量的作用域。全局变量在程序中始终都是有定义的。局部变量在声明它的函数体内以及其所嵌套的函数内始终是有定义的。如果将一个局部变量看做是自定义实现的对象的属性的话,那么可以换个角度来解读变量作用域。每一段JavaScript代码(全局代码或函数)都有一个与之关联的作用域链(scope chain)。这个作用域链是一个对象列表或者链表,这组对象定义了这段代码“作用域中”的变量。当JavaScript需要查找变量x的值的时候(这
2020-06-13 18:07:06 130
原创 JavaScript类型转换
对象到原始值的转换有些复杂,参考JavaScript对象到原始值的转换。由于JavaScript的类型转换 当使用“==”运算符作比较时需要格外注意。例如以下几个栗子都返回true。null == undefined //比较前转换成布尔值"0" == 0 //字符串转成数字0 == false //布尔值转换数字"0" == false //字符串和布尔值都转换成数字...
2020-06-12 22:52:59 155
原创 纯软件公司的先驱
作为Java语言的学习者,一定听说过Sun公司和甲骨文公司。今天就唠唠纯软件公司先驱——甲骨文公司。远在20世纪70年代,计算机公司是不分软硬件的。在当时很难想象一个计算机公司不生产硬件,只靠软件的使用费产生利润。树立起这个商业模式的是两个公司,分别是个人计算机领域的微软公司和企业级市场的甲骨文公司。甲骨文的创始人拉里·埃里森和史蒂夫·乔布斯的经历很像,或许正因为如此,他们都将对方看成彼此...
2019-12-19 21:34:04 284
原创 Vue中条件渲染v-if和v-show有什么区别
v-if <body> <div id="app"> <div v-if="isShow"> helllo Vue </div> <template v-if="isShow"> <p>hello world</p> <div>hello shimao...
2019-12-19 18:50:49 217
原创 Vue计算属性(computed)和侦听器(watch)的区别
<div id="app"> {{fullName}} </div> <script type="text/javascript"> var app = new Vue({ el: '#app', data:{ firstName:'Stepon', lastName:'Chou', ...
2019-12-19 14:40:12 205
原创 Vue的计算属性(computed)和方法(methods)有什么区别
方法其实是调用的计算属性的getter方法;// 在组件中methods: { fullName: function () { return this.firstName + ' ' + this.lastName }}计算属性默认只有 getter ,不过在需要时你也可以提供一个 setter :// ...computed: { fullName: {...
2019-12-10 23:56:10 277
原创 冒泡排序的原理与实现
思想:通过对待排序序列从前向后(从下标较小的元素开始),依次比较相邻元素的值,若发现逆序则交换,使值较大的元素逐渐从前向后移动,就像水底浮向水面的泡泡,故称冒泡排序。实现:for(int i = 0; i < arr.length - 1; i++){ for(int j = 0; j < arr.length - 1 - i; j++){ ...
2019-12-08 23:48:30 231
原创 选择排序的原理与实现
介绍:选择排序属于内部排序,从欲排序的数据中,按指定的规则选出某一元素,再按规定交换位置后达到排序目的。思想:第一次从arr[0]~arr[n-1]中选择(通过遍历)最小值与arr[0]交换,第二次从arr[1]~arr[n-1]最小值与arr[1]交换.....第 i 次从arr[i-1]~arr[n-1]最小值与arr[i-1]交换....,第 n-1 次从arr[n-2]~arr[n...
2019-12-01 21:37:59 383
原创 插入排序的原理与实现
介绍:插入排序属于内部排序法,对于欲排序的元素以插入的方式寻找该元素的位置 达到排序的目的。思想:相信大家都玩过扑克牌,开始时手里没有牌,我们需要从无序的牌堆里摸牌并排序。类似的:把 n 个待排序的元素(牌)看成一个有序表(手里牌)和一个无序表(牌堆),开始时有序表只包含一个元素,无序表中包含 n-1 个元素,排序过程中每次从无序表中取出第一个元素,把它的大小与有序表中的元素从右向左依次进行比...
2019-12-01 16:53:05 384
原创 单链表的反转
关于单链表的实现 请参考blog /* * @param herd 链表的头节点 * 将链表反转 * */ public static void reverseList(HeroNode head){ if (head.next == null || head.next.next == null) ret...
2019-11-26 22:42:08 71
原创 查找单链表的倒数第k个结点
关于单链表的实现 请参考blog /* * @param herd 链表的头节点 * @param index 倒数的索引 * @return 返回对应节点 * 查找单链表中的倒数第K个节点 * */ public static HeroNode findLastIndexNode(HeroNode head,int inde...
2019-11-26 22:34:08 185
原创 求单链表有效节点的个数
关于单链表的实现 请参考blog /* * @param herd 链表的头节点 * @return 返回有效节点的个数 * */ public static int getLength(HeroNode head){ if (head.next == null) return 0; int...
2019-11-26 22:33:47 428
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人