- 博客(21)
- 收藏
- 关注
原创 搭建个人博客(一):搭建服务器
这几天心血来潮,打算搭建个个人博客玩玩,可对服务器之类的玩意一窍不通,于是打算一边记录,一边搭建服务器购买(白嫖)阿里云有学生政策,通过某些测试就能免费领取两个月,真好!点击这个管理控制台,进去就能看到自己的服务器IP地址之类的然后点击实例管理,去设置密码连接服务器有许多不同的方法方法一:用阿里云自带的远程连接优点:能下载文件到服务器上,或编辑服务器上的文件缺点:上传文件太麻烦方法二:下载xftp和xshell能很方便的上传文件到服务器当然也有很多其他方法,我打算就这两个一
2021-02-02 21:08:01
616
1
原创 call、apply、bind
call()//初级版Function.prototype.call = function call(context,...args){ let result; context.xx = this; result = context.xx(...args); delete context.xx; return result;}===============================================================//中级
2020-08-23 21:24:03
192
原创 小程序之储存
储存web:localStorage.setItem("key","value") localStorage.getItem("key")小程序中:wx.setStorageSync("key","value") wx.setStorageSync("key")web存入时,不管什么数据类型都会先调用toString()方法再存入;小程序不会类型转化,直接存入 //尝试获取数据 const data= wx.getStorageSync("data"); //判断是否有旧数据
2020-08-23 20:48:57
321
原创 小程序之父子组件的传值
定义子组件tabs在父组件的usingComponents中注册:"tabs":"路径"值的传递(父向子传递)/**父组件.js**/Page({ data: { tabs:[ { id:0, value:"a" }, { id:1, value:"b" } ]})<!--父组件 .wxml--><!--将data中tabs传给子组件-->
2020-08-14 21:44:57
7780
1
原创 谷歌浏览器无法携带cookie问题
解决办法若为一个vue搭建的项目,并引入axios,确保有这句话:axios.defaults.withCredentials = true;(允许携带cookie)在谷歌浏览器中搜索chrome://flags/在出现的页面搜索框中搜索SameSite把第一个改为disable重启浏览器...
2020-08-08 22:47:02
2068
1
原创 vue-cli4部署到git pages
在执行npm run build前,在vue.config.js中添加以下代码(如果没有该文件,自己添加即可)然后在里面添加以下代码:(这是为了不出现打包后index页面中资源文件找不到而报错的问题)module.exports = { publicPath: process.env.NODE_ENV === 'production' ? './' : '/' }执行npm run build,完成打包将打包后的文件dist文件夹改名为docs(因为git pa.
2020-08-06 10:51:28
377
原创 http错误
400可能原因:前端提交数据的字段名称或者是字段类型和后台的实体类不一致,导致无法封装前端提交的到后台的数据应该是 json 字符串类型,而前端没有将对象转化为字符串类型解决办法:和后端的参数字段对照JSON.stringify()转换一下格式...
2020-08-05 17:30:37
130
原创 数据类型及检测
基本数据类型值类型number、string、null、undefined、boolean引用类型object:({ },[ ],Math、Data、/^$/、实例对象)、function检测数据类型方法一typeof();typeof(12); //"number"typeof([1,2]);//"object"typeof {} ; //"object"typeof nu...
2020-07-30 10:53:37
185
原创 学习git(一)
强烈推荐git学习:廖雪峰的官方网站git init 初始化仓库git add 文件名/git add . 添加文件git commit -m"描述" 提交文件到仓库git log 显示最远到最近的提交日志git log --pretty=oneline 看到简易版的提交日志git reset --hard HEAD^ 回到上一个版本 回到上上个版本就是HEAD^^ ,前一百个版本HEAD~100。也可以再次回到最新的版本,用之前git log --pretty=oneline 看到的版
2020-07-30 10:41:07
160
原创 读书笔记(一)
JS嵌入式不能在代码中任何地方出现</script>,代码中出现时只能以<\/script>出现外部JS文件通常带有.js的拓展名,但这不是必须的,浏览器不会检查包含javascript文件的拓展名。但是,服务器通常会看拓展名决定为响应应用哪种MIME类型一般来说,外部脚本下载后立即执行,加载外部脚本时采用defer属性,表示告诉浏览器立刻下载,但延迟执行(延迟到遇到</html>后执行,且不一定会按照顺序执行,因此最好只包含一个延迟脚本)。<script.
2020-07-07 16:52:09
186
原创 正则表达式(二):常用
验证密码规则:6-16位由数字或字母或下划线组成式子:/^\w{6,16}$/验证名字规则:2-10位汉字可能有 · ,·后面一定有字 -->尼古拉斯·张三式子:/^[(u\\4E00-\\U9FA5)]{2,10}(·[u\\4E00-\\U9FA5]{2,10}){0,2}&/验证邮箱规则:数字字母下划线为开头中间包含.或-加数字字母下划线...
2020-05-02 15:09:08
269
原创 正则表达(一):基础
正则表达式由两部分组成元字符修饰符常用及特殊元字符符号意义*出现0到多次+出现1到多次?出现0次或1次n出现n次{n}出现n到多次{n,m}出现n到m次^以哪个字符开始$以那个字符结束.除\n意外的任意字符\转义字符\d查找(0~9)数字\D非(0~9)数字\s...
2020-05-02 13:53:13
302
原创 JS总结(二):数组方法
isArray()判断是不是数组类型Array.isArray()concat()var new_array = old_array.concat(value1[, value2[, ...[, valueN]]])方法用于合并两个或多个数组。此方法不会更改现有数组,而是返回一个新数组(浅拷贝)let a = [1,2].concat([3,4]);console.log(a...
2020-05-01 20:22:15
208
原创 JS总结(一):对象方法
hasOwnProperty()常用于检测是否为私有属性或方法for(key in obj){ if(obj.hasOwnProperty(key){...}}isPrototypeOf()常用于检测一个对象是否存在于另一个对象的原型链上function Foo() {}function Bar() {}function Baz() {}Bar.prototype ...
2020-05-01 15:32:01
298
1
原创 JS环境及变量创建
执行环境栈(ECStack)每当打开一个浏览器时,浏览器会分配一块内存,专门供代码执行 =>(栈内存)全局对象(Global Object):浏览器把内置的一些属性、方法收到一个单独的内存中 => 堆内存(Heap) 并且浏览器会让window指向GO比如:window.isNaN() window.parseInt()…(通常省略window)执行上下文(EC)代码自己...
2020-04-29 22:26:07
295
原创 继承
我们研究类,就是研究类的继承、封装与多态 多态包括重载与重写重载 :后端语言是指函数名相同,参数类型与个数不同,根据不同参数列表调用不同函数。前端JS没有真正意义上的重载。前端的重载是指同一个函数,根据传参不同实现不同效果。继承原型继承其他语言的继承一般是拷贝继承,会把父类的属性和方法拷贝一份到子类,供子类的调取和使用。JS中的继承是把父类的原型放到子类实例的原型链上,子类调取这...
2020-04-19 15:14:29
285
原创 面向对象编程
单例设计模式 (Singleton Pattern)利用多个命名空间创造某类的多个不同的实例,实例之间相互独立,互不影响表现形式let obj = { xxx :'xxx', ...}在单例设计模型中,obj也叫做命名空间[NameSpace]作用把描述同一事物的属性特征进行分组归类(储存到同一堆内存中),使不污染其他变量或冲突高级单例模式 ***let n...
2020-04-18 17:06:20
193
原创 原型及原型链
原型里最核心的三句话1.每个函数都有一个prototype(原型)属性,该属性值为一个对象(分配堆内存)2.每个prototype指向的堆内存中,有一个constructor属性,该属性的值指向函数本身3.每个对象都有一个__proto__属性,该属性指向当前实例所属类的prototype属性(如果不能确定是谁的实例,则都为Object的实例)下面将以画图的方式解释这三句话都知道有数组A...
2020-04-18 16:09:43
257
原创 回流与重绘
浏览器的渲染流程解析服务端发来的HTML文档形成DOM树解析CSS样式表形成CSSOM树结合DOM树和CSSOM树结合起来形成渲染树浏览器在渲染树内对每个渲染节点进行布局(计算出每个元素在页面中的位置、大小等)绘制显示到屏幕上Reflow(回流)元素的大小或位置发生了变化(页面几何信息发生变化的时候),触发了重新布局,导致渲染树重新计算布局和渲染Repaint(重绘)元素样式...
2020-04-18 09:02:32
235
原创 JS构造函数的执行过程
什么是构造函数通过new操作符调用的函数为构造函数,会构造出一个类的实例一个函数函数直接调用则为普通函数调用方式,用new调用则为构造函数调用方式function Fn(name,age){ let n = 5; this.name=name; this.age=age;}Fn("a",10); //-->普通调用函数方式let b = new Fn("b",18);...
2020-04-17 11:09:01
1114
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅