- 博客(24)
- 收藏
- 关注
RSS订阅原创 typescript
typescript说明typescript是javascript的超集。ts文件中如果只有正常的js代码，可以再谷歌浏览器直接引入，否则需要先解析为js文件再引入js文件。typescript的核心原则之一是对值所具有的结构进行类型检查。一.安装npm install -g typescript检验命令tsc -v二.编译tsc myTs.ts编译结果myTs.js编译前后区别js文件中，没有形参定义的类型；ts中使用的let编译为var。配置自动编译ts文件t
2023-01-20 20:29:04
199
1原创 一个简单的折叠菜单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } html,body {
2021-11-05 11:30:09
105
原创 设计模式——发布订阅模式
发布订阅模式发布订阅模式关键是要有一个事件池，并通过这个事件池可以增加和删除方法，以此来对执行的函数进行一个统一管控，js的事件池类似于一个发布订阅模式。let _subscribe = function(){ class Sub { constructor() { //添加事件池来存储后期执行的方法 this.pond ...
2020-04-02 15:45:10
117
原创 设计模式--工厂模式
工厂模式使用工厂模式的前提，不去关心对象怎么产生的，只要返回对象即可。简单工厂模式这里写一个在页面生成盒子的案例<html> <head> <meta charset="utf-8"> <style> </style> </head> <bo...
2020-03-23 22:26:44
79
原创 设计模式--单例模式
单例模式单例模式，顾名思义，只有一个实例，可以理解为多次创建，只返回一个实例。<html> <head> <meta charset="utf-8"> <style> #box{ width: 100px; height...
2020-03-23 15:16:12
63
原创 跨域
跨域首先要明白，为什么要进行跨域，首先需要了解同源策略。同源策略浏览器用来阻止通过一个域的脚本来操作另一个域的资源的保护机制。这个所说的同一个域有很明确的规定：同协议同域名（主机名）同端口跨域跨域的方式：jsonP后端代理nginx这里暂时先看jsonP。jsonPjsonP是前端常用的跨域方式。原理：利用script标签的src属性的跨域能力，在代码中动态...
2020-03-23 01:41:31
222
原创 选择排序和冒泡排序
冒泡排序var arr = [1,4,23,65,3]// 冒泡排序function sort(){ for(var i = 0,len = arr.length; i < len; i ++ ){ for(var j = 0; j < len - i - 1; j ++){ if(arr[j] > arr[j + 1]){...
2020-03-19 19:30:20
72
转载 动态原型模式、寄生构造函数模式和稳妥构造函数模式
动态原型模式动态原型模式结合使用构造器模式和原型模式，并且依据实际情况来决定是是否初始化原型中的方法。function Person(name, age, score){ this.name = name; this.age = age; this.score = score; if(typeof this.showScore !== 'function'){...
2020-03-17 01:50:21
122
原创 js中的单体内置对象
看资料时翻到了这一部分，感觉在项目中总会用到，所以记录一下。单体内置对象单体内置对象是指：“由ECMAScript实现提供的、不依赖宿主环境的对象，这些对象在ECMAScript程序之前就存在"，我们不必显式的实例化。Global对象不属于任何对象的属性和方法最终都是它的属性和方法，如isNaN()，parseInt()这些，也包括全局作用域定义的变量和函数。URI编码方法URI编码方...
2020-03-16 20:34:22
155
原创 引用类型参数传递是值传递的验证
一个基本类型的数据作为参数传递给函数，函数对这个参数的运算并不会影响函数外部的数据，这说明基本类型作为参数是为值传递。而引用类型是将引用地址值传递给函数，这样函数内部改变会影响外部数据，这里的问题就是，如何判断是值传递还是引用传递。参考《javascript高级程序设计》，书中给的例子很清晰，在这里记录一下。function setName(obj){ obj.name = 'Zhan...
2020-03-15 22:23:52
112
原创 js封装bind()，call()，apply()
bind()，call()，apply()三种方都可以用来改变函数this指向，第一个参数都是目标对象，后面的参数不同，返回值野不同。call(obj, arg1, arg2…)：参数依次放入，返回值是调用的方法的返回值。apply(obj, [arg1, sarg2…])：出第一个参数都需要放入一个数组当中，返回值是调用的方法的返回值。bind(obj, arg1, arg2…)()...
2020-03-13 16:03:57
309
原创 Canvas学习（二）
文章目录2D上下文填充和描边绘制矩形fillRect()strokeRect()clearRect()绘制路径现在开始正式学习2D上下文2D上下文2D上下文坐标原点的canvas元素的左上角填充和描边大部分2D上下文细分为填充和描边，属性为fillStyle和strokeStyle。context.strokeStyle = "#0000ff";context.fillStyle =...
2020-03-12 14:57:30
154
原创 Canvas学习（一）
我在很多企业的招聘需求中看到了canvas这个东西，所以参考《javascript高级程序设计》来学习一下。什么是Canvas？canvas元素是html5新增的一个元素，它负责在页面中设定过一个区域，然后在这个区域中，使用javascript动态的绘制图形。Canvas最早由苹果公司推出，自html5加入这个元素，大部分主流浏览器都开始支持它。Canvas的组成部分canvas由几组ap...
2020-03-09 18:02:58
759
原创 封装ajax
什么是ajax此概念截取于w3school封装ajaxvar ajax = { get : function(url,callback){// 首先需要创建XMLHttpRequest对象,这里要考虑到兼容性的问题，ie老版本需要使用ActiveXObject对象 var xhr = window.XMLHttpRequest ? new XMLHttpReques...
2020-03-07 19:25:34
71
原创 script标签在html文档中位置
script标签在html文档中位置的区别?一.写在中在head标签中写script标签分为两种情况1.通过script标签src属性引入外部js文件<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>&...
2020-03-06 18:42:13
786
原创 javaScript中的自增自减
javaScript中的自增自减自增++ i++,++i自减-- i–,--i变量在前边，加号在后边，先取出变量的值，参与其他运算，再进行自加（自减）变量在后边，加号在前边，先进行自加（自减），在取出值参与其他运算。<!Doctype html><html><head> <meta charset="utf-8"/>...
2019-05-21 19:05:39
891
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人