- 博客(21)
- 收藏
- 关注
原创 搭建个人博客(一):搭建服务器
这几天心血来潮,打算搭建个个人博客玩玩,可对服务器之类的玩意一窍不通,于是打算一边记录,一边搭建 服务器购买(白嫖) 阿里云有学生政策,通过某些测试就能免费领取两个月,真好! 点击这个管理控制台,进去就能看到自己的服务器IP地址之类的 然后点击实例管理,去设置密码 连接服务器 有许多不同的方法 方法一:用阿里云自带的远程连接 优点:能下载文件到服务器上,或编辑服务器上的文件 缺点:上传文件太麻烦 方法二:下载xftp和xshell 能很方便的上传文件到服务器 当然也有很多其他方法,我打算就这两个一
2021-02-02 21:08:01
636
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
206
原创 小程序之储存
储存 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
347
原创 小程序之父子组件的传值
定义子组件tabs 在父组件的usingComponents中注册:"tabs":"路径" 值的传递(父向子传递) /**父组件.js**/ Page({ data: { tabs:[ { id:0, value:"a" }, { id:1, value:"b" } ] }) <!--父组件 .wxml--> <!--将data中tabs传给子组件-->
2020-08-14 21:44:57
7789
1
原创 谷歌浏览器无法携带cookie问题
解决办法 若为一个vue搭建的项目,并引入axios,确保有这句话:axios.defaults.withCredentials = true;(允许携带cookie) 在谷歌浏览器中搜索chrome://flags/ 在出现的页面搜索框中搜索SameSite 把第一个改为disable 重启浏览器 ...
2020-08-08 22:47:02
2078
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
394
原创 http错误
400 可能原因: 前端提交数据的字段名称或者是字段类型和后台的实体类不一致,导致无法封装 前端提交的到后台的数据应该是 json 字符串类型,而前端没有将对象转化为字符串类型 解决办法: 和后端的参数字段对照 JSON.stringify()转换一下格式 ...
2020-08-05 17:30:37
144
原创 数据类型及检测
基本数据类型 值类型 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
215
原创 学习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
176
原创 读书笔记(一)
JS嵌入式不能在代码中任何地方出现</script>,代码中出现时只能以<\/script>出现 外部JS文件通常带有.js的拓展名,但这不是必须的,浏览器不会检查包含javascript文件的拓展名。但是,服务器通常会看拓展名决定为响应应用哪种MIME类型 一般来说,外部脚本下载后立即执行,加载外部脚本时采用defer属性,表示告诉浏览器立刻下载,但延迟执行(延迟到遇到</html>后执行,且不一定会按照顺序执行,因此最好只包含一个延迟脚本)。 <script.
2020-07-07 16:52:09
194
原创 正则表达式(二):常用
验证密码 规则: 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
278
原创 正则表达(一):基础
正则表达式由两部分组成 元字符 修饰符 常用及特殊元字符 符号 意义 * 出现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
314
原创 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
217
原创 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
308
1
原创 JS环境及变量创建
执行环境栈(ECStack) 每当打开一个浏览器时,浏览器会分配一块内存,专门供代码执行 =>(栈内存) 全局对象(Global Object): 浏览器把内置的一些属性、方法收到一个单独的内存中 => 堆内存(Heap) 并且浏览器会让window指向GO 比如:window.isNaN() window.parseInt()…(通常省略window) 执行上下文(EC) 代码自己...
2020-04-29 22:26:07
317
原创 继承
我们研究类,就是研究类的继承、封装与多态 多态包括重载与重写 重载 : 后端语言是指函数名相同,参数类型与个数不同,根据不同参数列表调用不同函数。 前端JS没有真正意义上的重载。前端的重载是指同一个函数,根据传参不同实现不同效果。 继承 原型继承 其他语言的继承一般是拷贝继承,会把父类的属性和方法拷贝一份到子类,供子类的调取和使用。 JS中的继承是把父类的原型放到子类实例的原型链上,子类调取这...
2020-04-19 15:14:29
298
原创 面向对象编程
单例设计模式 (Singleton Pattern) 利用多个命名空间创造某类的多个不同的实例,实例之间相互独立,互不影响 表现形式 let obj = { xxx :'xxx', ... } 在单例设计模型中,obj也叫做命名空间[NameSpace] 作用 把描述同一事物的属性特征进行分组归类(储存到同一堆内存中),使不污染其他变量或冲突 高级单例模式 *** let n...
2020-04-18 17:06:20
203
原创 原型及原型链
原型里最核心的三句话 1.每个函数都有一个prototype(原型)属性,该属性值为一个对象(分配堆内存) 2.每个prototype指向的堆内存中,有一个constructor属性,该属性的值指向函数本身 3.每个对象都有一个__proto__属性,该属性指向当前实例所属类的prototype属性(如果不能确定是谁的实例,则都为Object的实例) 下面将以画图的方式解释这三句话 都知道有数组A...
2020-04-18 16:09:43
268
原创 回流与重绘
浏览器的渲染流程 解析服务端发来的HTML文档形成DOM树 解析CSS样式表形成CSSOM树 结合DOM树和CSSOM树结合起来形成渲染树 浏览器在渲染树内对每个渲染节点进行布局(计算出每个元素在页面中的位置、大小等) 绘制显示到屏幕上 Reflow(回流) 元素的大小或位置发生了变化(页面几何信息发生变化的时候),触发了重新布局,导致渲染树重新计算布局和渲染 Repaint(重绘) 元素样式...
2020-04-18 09:02:32
243
原创 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
1145
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅