- 博客(19)
- 收藏
- 关注
RSS订阅原创 vue2.x源码解析(二)
上个文章我们已经知道了vue的入口文件在哪里，这篇文章就先分析入口文件，来看看vue究竟是什么。首先先来看这行代码：import Vue from './runtime/index'然后我们找到这个index文件，然后看这行:import Vue from 'core/index'这个index文件...
2020-10-29 22:54:31
238
原创 Vue2.x源码解析(一)
随着Vue3.0的发布，可以看到如今Vue在现如今的前端开发上占据着越来越重要的地位，那么如果我们了解vue的底层原理，了解其工作机制，无疑会加深我们对他的印象，这样在之后的使用过程中，遇到问题就能从一个更广阔的角度去分析问题产生的原因，而实现这些最好的方式就是看源码。因为Vue3.0发布时间不长，所以我们首先先来分析vue2.x的源码，因为vue2.x版本和vue3.0版本有很多方法的实现方式是类似的，我们先学习了上一个版本的知识，更有助于我们与新的版本产生对比，分析它改动了哪里，而又为什么要改变，那
2020-10-26 23:12:31
843
原创 vscode关于vetur的配置相关
之前因为一些问题重装了系统，在使用插件自动保存vue代码时会产生自动添加分号，单引号变成双引号等问题，查询了资料将其修改成功，这里把配置代码写一下以方便下次重新使用。{ "window.zoomLevel": 1, "editor.mouseWheelZoom": true, "git.ignoreMissingGitWarning": true, "editor.fontSiz...
2020-01-29 21:44:18
2706
原创 scriptOJ54
题目是这样的：一开始没仔细看题，寻思着这一个for循环就能解决的事咋和五年程序员扯上联系了，之后才知道不能用for循环= =，所以，看题是多么重要。那么，闲话少说，来看看我的思路：const initArray = (m, n)=> { let result=[]; let fn=(a)=>{ if(a!=0){ result=result.con...
2019-12-10 23:23:16
165
原创 scriptOJ18
题目呢，是这样的这道题还是蛮简单的，先说说自己的思路，将num转为字符串，然后通过"."来分割字符串，对整数部分进行处理。代码大概是这样：function commafy (num) { let a=""+num; a=a.split(".")//分割数组 let str=a[0]; str=str.split(''); let index=1; for(let i=...
2019-12-08 23:03:28
112
原创 scriptOJ44
题目是这样的：我的思路是将其中一个字符串分割成数组，之后在另一个字符串中去对应删除数组的每一项，当执行到最后，说明就是同字母异序。来看下代码：const isAnagram = (str1, str2) => { //长度不同肯定不是 if(str1.length!=str2.length){ return false } else{ let mid=...
2019-12-06 00:03:29
97
原创 Webpack的简单使用
首先先来介绍一下Webpack,他是一个流行的前端项目构建工具，简单点说，就是一个打包工具，其提供了良好的模块化支持，以及代码压缩混淆，处理js兼容问题，性能优化等功能，提高了开发效率和项目的可维护性。然后以一个例子来演示一下webpack的基本使用，首先，先建一个项目目录，用命令行在其目录下运行npm init -y命令，初始化包管理配置文件package.json，之后新建一个文件夹，起名为...
2019-12-04 23:10:17
100
转载 CommonJS规范
转载作者：Estarsyang链接：https://www.jianshu.com/p/dd08f4095a49来源：简书著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。导读内容大部分都是来源于 阮一峰老师的博客，做个搬运工加自己写一写。想看原文请移步CommonJS规范 – JavaScript 标准参考教程1.了解node应用由模块组成，采用的commonj...
2019-12-03 10:22:49
175
原创 网络攻防练习（bugku）
之前无聊参加了个网络攻防的校赛，虽然不算太了解这里面的门门道道，但是挺喜欢做ctf的，于是就在笔赛前刷了下bugku上的题，下面主要来介绍几道web方向上的题：1.题目如图：点开链接，显示的是下面的页面：先看源代码：我们发现，这里input的长度最多是1，这显然是无法满足验证通过的要求的，于是修改其最大长度，使验证通过，得到flag：...
2019-12-01 10:30:10
1044
原创 mongoose模块简单使用
使用时要先安装相关依赖，在目标文件夹中打开cmd，使用npm install mongoose命令下载。之后启动MongoDB。在相应文件中引入mongoose代码： const mongoose=require("mongoose")用mongoose连接数据库代码如下mongoose.connect("mongodb://localhost/database").then(...
2019-11-26 22:25:34
879
原创 跨域实现方式CORS
之前我们已经了解到跨域的实现方式jsonp，今天来讲讲另外一种：CORS.什么是CORSCORS：全称为 Cross-origin resource sharing，即跨域资源共享，它允许浏览器向跨域服务器发送 Ajax 请求，克服了 Ajax 只能同源使用的限制。实现原理当客户端发送请求时，若浏览器端发现该请求为跨域的，则会自动在请求头中添加origin字段，origin值是发送请求的...
2019-11-22 23:37:45
106
原创 jsonp简单实现3
在上一篇文章里，我们已经对jsonp进行了优化，下面我们将接着完善我们的代码。先想一个问题，如果我们向在调用jsonp时向服务器端传递数据应该怎么做呢？首先我们要知道jsonp是一个get请求，于是顺着思路想就知道了应该把数据拼接到url里，这很好实现大概需要向jsonp里添加的代码就是下面这个样子 //拼接字符串，jsonp请求为get请求 var params="";...
2019-11-20 22:07:27
93
原创 git相关指令
今天复习了下git的基本操作，下面把一些常用的命令行指令写出来，方便以后复习使用前配置：配置提交人姓名：git config --global user.name 提交人姓名配置提交人姓名：git config --global user.email 提交人邮箱查看git配置信息：git config --list提交步骤：git init 初始化git仓库git status...
2019-11-17 23:11:16
106
原创 LeetCode十三场双周赛(2)
5109.最小公共区域给你一些区域列表 regions ，每个列表的第一个区域都包含这个列表内所有其他区域。很自然地，如果区域 X 包含区域 Y ，那么区域 X 比区域 Y 大。给定两个区域 region1 和 region2 ，找到同时包含这两个区域的 最小 区域。如果区域列表中 r1 包含 r2 和 r3 ，那么数据保证 r2 不会包含 r3 。数据同样保证最小公共区域一定存在。...
2019-11-17 00:27:49
140
原创 LeetCode十三场双周赛(1)
5108.加密数字给你一个非负整数 num ，返回它的「加密字符串」。加密的过程是把一个整数用某个未知函数进行转化，你需要从下表推测出该转化函数示例：输入：num = 23输出："1000输入：num = 107输出：“101100”我的思路是先算出来转化后的数字位数，之后算出他在该位数范围里是第几个，通过二进制转化成相应的数字，最后字符串拼接成相应位数的结果，代码如下：var...
2019-11-17 00:18:14
131
原创 scriptOJ33
题目描述：编写一个 JavaScript 函数，接受一个仅包含数字的 多维数组 ，返回拍平以后的结果。例如传入：[1, [[2], 3, 4], 5]，返回 [1, 2, 3, 4, 5]。（本题来源：阿里巴巴前端笔试题）思路：这道题我的想法是用回调，将数组里类型不是number的数接着作为参数传到函数中，将其转化成相应的数字，具体的做法是将数组转化为字符串，用字符串把每一个数字拼接起来，最...
2019-11-15 23:09:08
157
原创 jsonp简单实现2
之前已经大概写了一下jsonp的简单的实现方式，今天来对其进行补充和优化，首先，先来总结一下实现jsonp的步骤：将不同源的服务器端请求地址写在script标签的src属性中；服务器端相应的数据必须是一个函数的调用，真正要发送给客户端的数据需要作为函数的参数客户端全局作用域下定义函数fn(注：要写在请求地址前)在fn内对服务器端返回的数据进行处理然后我们就要对 上一节 的代码进行扩...
2019-11-15 22:45:52
94
原创 jsonp的简单实现方式
jsonp是 json with padding 的缩写，他不属于ajax请求，却可以模拟ajax请求，这里简单写一个代码，用来展示jsonp简单的实现方式。首先，先创建两个简单的服务器，来监听两个不同的端口，得以模仿跨域请求，代码如下：//app1,这里用了expressconst express=require("express");const path=require("path")...
2019-11-14 23:27:38
271
原创 关于replace()的一些理解
首先，先来看一下w3中的介绍：一般来说常用的方法就是用一个字符串来代替所要替换的字符串例如：var a="123456"b=a.replace("234","aaa")"1aaa56"console.log(b)//输出1aaa56其中第一个参数也可用正则来做查找条件，但默认是找到第一个就返回替换后的值，而不是在接着向下查找，在正则中有全局匹配条件/g时则会进行全局匹配，如下：...
2019-11-13 22:56:14
1023
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人