- 博客(31)
- 收藏
- 关注
RSS订阅原创 小程序头像生成器
#mermaid-svg-BxeF2CZyzDeo1Snp .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-BxeF2CZyzDeo1Snp .label text{fill:#333}#mermaid-svg-BxeF2CZyzDeo1Snp .node rect,#mermaid-svg-BxeF2CZyzD
2021-10-25 16:24:28
1575
原创 vue 路由
vue 路由在vue-router路由对象中，路由有两种模式：hash和history，而默认的是hash模式.之前公司H5项目采用hash模式，遇到苹果手机解析不了hash路由页面进不去，采用history模式根据开发/生产环境不同改写路劲ios系统url上#后面的信息不会解析，会被忽略掉比如url：www.demo.com/dist/index.html#/detail?id=10直解析到www.demo.com/dist/index.html，所以跳转到首页router/index.js
2021-08-17 10:16:19
86
原创 jQuery基础
jq至今任然没被淘汰还有很多人使用，可见方便性兼容性很高；实用方法：属性选择符：$(‘a[href^=“mailto”]’) 选择href属性值以mailto开头的a标签；$(‘a[href $=".pdf"]’)选择href属性值以.pdf结尾的a标签；$(‘a[href *=“henry”]’)选择属性值中有henry的啊、标签；$(‘div:odd’)选择奇数项；$(‘div :even’)选择偶数项；$(‘div:contains(xxxx)’)选择内容中有xxx的div(内容有英文
2020-09-20 13:47:43
119
原创 原型与闭包（五）
本章探究闭包首先看看下面代码取x的值时，就需要到另一个作用域中取。到哪个作用域中取呢？要到创建这个函数的那个作用域中取值——是“创建”，而不是“调用”，切记切记——其实这就是所谓的“静态作用域”。如果跨了一步，还没找到呢？——接着跨！——一直跨到全局作用域为止。要是在全局作用域中都没有找到，那就是真的没有了。这个一步一步“跨”的路线，我们称之为——作用域链。第一步，现在当前作用域查找...
2020-01-31 18:54:17
153
原创 原型与闭包（四）
本章详解执行上下文在执行代码之前，首先将创建全局上下文环境然后是代码执行。代码执行到第12行之前，上下文环境中的变量都在执行过程中被赋值。执行到第13行，调用bar函数跳转到bar函数内部，执行函数体语句之前，会创建一个新的执行上下文环境执行到第5行，又调用了fn函数。进入fn函数，在执行函数体语句之前，会创建fn函数的执行上下文环境，并压栈待第5行执行完毕，即fn函数执行完毕后，...
2020-01-31 17:13:24
132
原创 原型与闭包（三）
本章重点说说thisthis指向问题 1、箭头函数中，没有自己的this，它借用声明该函数处（环境中的）的this 2、谁调用，指向谁 3、事件监听函数中，this指向，绑定监听函数的哪一个元素节点（谁绑，指向谁） 4、当一个函数没有被其他对象调用时，（普通调用），this指向全局对象（严格模式下面是undefined） 5、在指行构造函数时（new），this指向新创建的对象在函...
2020-01-31 16:31:20
82
原创 原型与闭包（二）
对于值类型，你可以通过typeof判断，string/number/boolean都很清楚，但是typeof在判断到引用类型的时候，返回值只有object/function，你不知道它到底是一个object对象，还是数组，还是newNumber等等。这个时候就需要用到instanceofA Instanceof BA是一个对象，B是一个函数沿着A的__proto__这条线来找，同时沿着...
2020-01-30 19:11:14
110
原创 原型与闭包（一）
一切事物皆对象——当然，也不是所有的都是对象，值类型就不是对象。判断一个变量是不是对象非常简单。值类型的类型判断用typeof，引用类型的类型判断用instanceof。常见的运算符typeof输出的数据类型undefined, number, string, boolean属于简单的值类型；函数、数组、对象、null、new Number(10)都是对象。他们都是引用类型。对象—...
2020-01-30 18:58:29
140
原创 JWT (JSON Web Token)
什么是JSON Web Token：跨域认证解决方案，特别适用于分布式站点的单点登录（SSO）场景。为什么要用Json Web Token？我们知道HTTP通信是无状态的，因此客户端的请求到了服务端处理完之后是无法返回给原来的客户端。因此需要对访问的客户端进行识别，常用的做法是通过session机制：客户端在服务端登陆成功之后，服务端会生成一个sessionID，返回给客户端，客户端将...
2020-01-01 23:25:32
105
原创 三层架构
什么是三层架构？三层架构（3-tier architecture）通常意义上的三层架构就是将整个业务应用划分为：界面层（User Interface layer）、业务逻辑层（Business Logic Layer）、数据访问层（Data accesslayer）。区分层次的目的即为了“高内聚低耦合”的思想。在软件体系架构设计中，分层式结构是最常见，也是最重要的一种结构。微软推荐的分...
2020-01-01 21:14:30
198
原创 node.js与mongodb连接
上一章交代了什么是关系型数据与非关系型数据，还有mongodb的基础操作。本章继续探究mongodb与node.js是如何建立起连接的。名词解释Schema： 一种以文件形式存储的数据库模型骨架，不具备数据库的操作能力Model： 由Schema编译而成的假想（fancy）构造器，具有抽象属性和行为。 Model的每一个实例（instance）就是一个document。do...
2019-12-29 12:21:54
130
原创 mongoDB
MongoDB 是一个基于分布式文件存储的数据库。由 C++ 语言编写。旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。NoSQL(NoSQL = Not Only SQL )，意即"不仅仅是SQL"。在现代的计算系统上每天网络上都会产生庞大的数据量。这些数据有很大一部...
2019-12-29 11:49:04
123
原创 JS异步Asynchronous
JS是一门异步单线程非阻塞语言。如果大量的使用事件，同时要求中间数据能够从一个事件传递到下一个 事件（一般我们认为这就是异步有序），那么我们往往会陷入——金字塔厄运（回调地狱）。 //1.回调=====>"回调地狱" setTimeout(function () { console.log("a完成了"); setTi...
2019-12-15 21:35:14
210
转载 面向对象与继承
JavaScript对每个创建的对象都会设置一个原型，指向它的原型对象。面向对象核心规则：1.所有的函数对象都有一个原型对象（prototype）；2.所有的对象上都有一个隐式原型（proto）指向创建该对象的构造函数的原型；3.所有的原型上都有一个constructr指向该原型所在的构造函数本身；构造函数模式constructor所谓构造函数，就是普通函数，但是内部使用了this变量，...
2019-12-14 23:34:52
85
原创 js闭包
什么是闭包？广义所有的函数都是闭包狭义函数套函数内部函数访问外部函数的变量闭包（Closure）大白话不怎么严谨的说法就是三点：1.一个依赖于自由变量的函数2.处在含有这些自由变量的一个外围环境3.这个函数能够访问外围环境里的自由变量下面数学图，便于理解闭包：函数+词法环境...
2019-12-08 14:21:58
91
原创 初识面向对象
万物皆对象面向对象中分了：对象和类的概念什么是对象第一句话，想比大家都不陌生；我们重点来讨论什么是类！对象是类的实例类是对象的抽象在代码中类好比是一个模板，用于批量生产，而且有共同的特征；如何实现：es5:混合模式：构造函数+原型模式（代码）function People(name,age){//构造函数模式this.name=name;this.age=age;}Pe...
2019-12-08 13:56:50
95
原创 JS数组的遍历
数组的作⽤是可以批量保存多条数据，但是当我们需要对数据进⾏操作时，并不能通过直接操作数组来实现效果，还是需要将每⼀条数据从数组中取出来，然后再依次取对其进⾏操作。数组的遍历就是指依次访问数组中每⼀项数据。for 循环for 循环是遍历数组最简单的⼀种，也是使⽤频率最⾼的⼀种。for(let i = 0, len = ary.length; i < len; i++){ cons...
2019-12-01 23:53:39
108
原创 函数this
Arguments是个类似数组但不是数组的对象，说他类似数组是因为其具备数组相同的访问性质及方式，能够由arguments[n]来访问对应的单个参数的值，并拥有数组长度属性length。还有就是arguments对象存储的是实际 传递给函数的参数，而不局限于函数声明所定义的参数列表，而且不能显式创建 arguments 对象。arguments是个类数组结构，它存储了函数在调用时传入的所有实...
2019-11-29 00:25:14
67
原创 初识函数
W3C:JavaScript 函数是被设计为执行特定任务的代码块。JavaScript 函数会在某代码调用它时被执行。概念：实现一点功能的代码块（算法的封装）；函数是引用类型【创建函数】1、字面量(推荐)关键字 标识符 小括号 {函数体}2、函数表达式（匿名函数表达式）关键字 标识符 = function () {函数体}3、构造函数 关键字 标识符 = new...
2019-11-28 23:07:47
85
原创 数据结构
数据结构是计算机存储、组织数据的方式。数据结构意味着接口或封装：一个数据结构可被视为两个函数之间的接口，或者是由数据类型联合组成的存储内容的访问方法封装数组setmap内置对象【数组】创建初始化let arr=[123];let arr=newArry[123];newobject();index–增查改length–增加长度（内容不变），删除尾项方法普通方法...
2019-11-28 00:43:30
108
原创 响应室
[媒体查询]响应式：根据浏览器宽度的不同（设备终端）来进行同一个区块，实现不同布局的展示格式：@media screen and (取值)取值1： min-width最小应用样式的范围例： min-width:700px 表示从700开始应用相应的样式取值2： max-width最大应用样式的范围例： max-width:900px 表示样式只应用到900px&l...
2019-11-17 19:33:53
79
原创 Flex布局
2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。采用 Flex 布局，父元素简称"容器"。它的所有子元素自动成为容器成员，简称"项目"。**div { width: 800px; height: 600px; margin: 100px a...
2019-11-17 18:57:03
64
原创 解决兼容性
兼容性 ：相同HTML标签（布局），不同的浏览器上展示效果一致。如何解决兼容性：1、重置文件2、HTML文件的第一行代码为：写和不写都不是错误如果不写，则进行怪异模式，浏览器会以低版本进行解析。注：低版本解析时碰到新的标签，虽然不识别新标签，但标签的内容会依然展示到页面中。3、设计理念(开发思维)根据不同的用户群体：a：渐进增强：先针对低版本浏览器进行开发，保证页面核心内容的展...
2019-11-10 17:14:56
98
原创 CSS背景
关于background设置设置背景色 \background-color设置背图片\background-image: url(路径);设置背图片平铺方式\background-repeatno-repeat不平铺repeat-x横向平铺repeat-y纵向平铺背景剪切\background-clip:border-box;background-clip:padding-box;...
2019-11-10 16:17:59
69
原创 CSS文本
css对于文本的设置文本缩进 \ text-indent:文本流向(向左还是向右) ltr(默认值：left to right)文本大小写 \text-transform:( uppercase所有字母大写lowercase所有字母小写capitalize所有单词的首字母大写)设置文本阴影\text-shadow:第1个值 ：X轴偏移量（正值向右，负值向左）第2个值 ：Y轴偏移量...
2019-11-10 16:00:58
105
原创 CSS选择器
根据W3C定义CSS3 选择器：在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。基础选择器层次选择器伪类选择器伪元素选择器属性选择器【基础选择器】元素选择器（选择元素名） \ 如：p{color:red;}ID选择器（#号+ID名）\ 如：#csdn{color:black;}类选择器（.+class名） \ 如...
2019-11-10 15:26:44
5236
4
原创 下拉列表
下拉列表一般应用于用户填写自身相关信息如：职业，所在城市地区等HTML标签selectselect父级元素，option子元素（选项），optgroup选项分组进行展示 lable属性值设置默认值。比如说要选择你所在的城市 <select name="city" id=""> <optgroup label="城市"> ...
2019-10-27 22:45:45
294
原创 scss预处理器
css预处理器添加了原生css没有的功能，而且使css更加整洁并且更加可维护批量修改属性值创建变量它使我们能够写出更好维护的css重新编译会花费一些时间通常我们写外部样式会直接建一个.css后缀文件；但是用预处理器就要建.scss文件然后打开考拉自动生成.css文件；当然引用时肯定引用自动生成的,css文件。$起一个名字定个变量，直接引用$cl:yellowgreen;div{c...
2019-10-27 20:40:22
244
原创 表单
W3C定义：HTML 表单用于搜集不同类型的用户输入W3C定义：HTML 表单用于搜集不同类型的用户输入HTML 表单包含表单元素。 元素表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。 form是祖先元素 action:提交地址 method:提交方式 ...
2019-10-20 16:21:04
79
原创 HTML表格
表格表格的标签可以生成一个二维表格，用于展示相应的信息适用场景：XXX管理系统、购物车等 <table border="1"> <thead> <th></th> </thead> <tbody> <tr> ...
2019-10-20 11:45:31
82
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人