Primary_Insist的博客

原创 Bom基础语法

包含一些dom基础知识，window对象，定时器，js执行机制，this指向，location、navigator、history对象，网页特效属性（offset、 scroll、 client ）动画封装，节流阀

原创 使用js实现轮播图效果

目录一、搭建基本结构二、功能Ⅰ.鼠标经过轮播图，显示隐藏的左右箭头Ⅱ.点击箭头，图片滚动，点击右箭头点击左箭头Ⅲ.点击箭头，图片滚动同时，指示器跟着变化点击右箭头 点击左箭头Ⅳ.点击指示器，指定图片滚动Ⅴ.鼠标不经过轮播图，轮播图会自动播放三、两个bug解决方案步骤一、搭建基本结构1.设置一个大盒子，放左右箭头，指示器，图片2.用ul li a img 结构放置图片3.给li 设置浮动 ，给ul设置宽度保证可以装下所有图片，即为图片个...

原创 Dom基础语法

目录一、获取元素二、操作元素改变元素的内容获取、修改元素属性修改表单元素修改样式属性三、节点获取节点创建节点添加节点 删除节点 复制节点 三种动态创建元素的区别四、事件事件三要素注册事件删除事件（解绑事件）DOM事件流 事件对象事件对象常见的属性和方法事件委托console.dir 打印我们返回的元素对象，更好查看里面的属性和方法一、获取元素document.getElementById(id)...

原创 javascript基本语法

一、变量是程序在内存中申请的一块用来存放数据的空间变量的连续声明var a=b=c=9;实际是：var a=b;b=c;c=9;也可以写成var a=9;b=9;c=9;使用var之后，计算机会自动为变量分配内存空间1.声明变量2.赋值变量的初始化： 声明的同时赋值var age; //声明一个名称是age的变量//age是程序员定义的变量名，我们要通过变量名来访问内存中分配的空间age = 18; //...

原创 bootstrap小知识点

快速开发响应式网页使用3版本用于生产环境的bootstrap引入<link rel=”stylesheet”href+”./bootstrap-3.4.1-dist/css/bootstrap.css”>版心：container 随视口宽度变化有margin有默认的左右15px的padding值去除版心左右的内边距，在容器中添加一个.row类、 .row元素有一个-15px的margin从而抵...

原创 移动端的一些小项目

1.初始移动端----小兔鲜确认订单项目2.rem移动端适配的使用-----游乐园项目3.vw/vh移动端适配的使用-----哔哩哔哩项目仓库地址：stage_project: 这里包含一些前端学习的针对某个知识点的阶段小项目...

原创 less的基本使用

是一个css预处理器，使css具有一定的计算能力和逻辑能力浏览器不识别less代码，网页要引入对应的css代码注释单行注释：//注释内容 ctrl+/块注释：/*注释内容*/ shift+alt+A计算加减乘直接书写计算表达式除法需要添加小括号或者在除号前面加点（.）使用嵌套快速生成后代选择器&表示当前选择器使用变量设置属性值把提前储存到一个容器，设置属性值为这个容器名定义变量名：@变量名：值；使用变量：css属性：@变量...

原创 【复习】html+css相关知识

声明：以下内容，是一些重难点，知识点比较杂，没有逻辑顺序，仅供参考text-align：center能让哪些元素水平居中？文本 span标签、a标签 input标签、img标签如果让div、p、h(大盒子）水平居中？可以使用margin:0 auto; 对于固定宽度盒子继承可以继承的属性：colorfont-size、font-weight、font-size、font-familytext-align、text-indentline-height注意.

原创 【vue】阶段小项目-----todo项目

本项目主要涉及vue的通信（父传子、子传父）、计算属性、侦听、v-model、v-for 、.enter、:class等知识的使用以及数据缓存、数组方法every() 、forEach()、splice、findIndex()等知识，本项目可用于学习vue基础时练手！

原创 javascript的findIndex()方法

findIndex()方法 返回传入一个测试条件（函数）符合条件的数组第一个元素位置findIndex()方法为数组中的每个元素都调用一次函数执行： 当数组中的元素在测试条件时返回true时，findIndex()返回符合条件的元素的索引位置，之后的值不会再调用执行函数 如果没有符合条件的元素返回-1注意：findIndex()对于空数组，函数时不会执行的 findIndex()并没有改变数组的原始值array.fi...

原创 【html5+css3】思维导图

供前端知识梳理使用

原创 【身份认证】-----session+jwt

目录一、Session认证机制Ⅰ.CookieⅡ.Session的工作原理Ⅲ.在Express中使用session认证二、JWT认证机制（JSON Web Token）Ⅰ.JWT工作原理Ⅱ.JWT的组成部分Ⅲ.JWT使用方式Ⅳ在Express中使用JWT如何做反向代理解决跨域问题本地node服务器开启cors,负责请求的转发和数据接收回传身份认证通过一定的手段，完成对用户身份的确认①服务器渲染推荐使用Session认证机制...

原创 【vue】知识------下

目录路由定义路由的使用声明式导航路由重定向路由404设置切换路由模式编程式导航----基础使用用js代码来进行路由跳转js跳转路由，传参路由嵌套路由守卫Vant组件库组件分类：页面组件 src/views文件夹下 页面展示 配合路由复用组件 src/components文件夹下 展示数据/常用于复用路由定义路径和组件的映射关系单页面应用（SPA）：所有功能在一个html页面上实现前端路由功能：实现业务场景切换...

原创 【vue】知识-------中

目录Axios$refs$nextTick使用 动态组件组件缓存组件插槽插槽默认内容具名插槽作用域插槽自定义指令全局注册局部注册自定义指令---传值AxiosAjax:一种前端异步请求后端的技术Ajax原理：浏览器window接口的XMLHttpRequestAxios 基于ajax+promise技术封装通用于前后端的请求库特点：支持客户端发送Ajax请求支持服务端Node.js发送请求 ...

原创 【vue】知识点-------上

目录Vue基本常识vue命令DOM+diff过滤器计算属性侦听器 watchvue组件组件通信父传子子传父跨组件通信(兄弟）Vue生命周期Vue基本常识@vue/cli是vue官方提供的全局模块包，用于创建脚手架项目脚手架好处：开箱即用，webpack0配置全局安装@vue/cli yarn global add @vue/cli创建脚手架项目 vue create vuecli-demo 项目名不能有大写字母，中文...

原创 【css进阶】详细知识脑图

下面是css进阶知识脑图，供学习梳理知识以及应对笔试面试使用

原创 【css】详细知识脑图

下面是css知识脑图，供学习梳理知识使用

原创 express

Express 是基于Node.js，快速、开放、极简的web开发框架，专门用来创建web服务器本质：Npm上的第三方包，提供了创建web服务器的便捷方法好处：提高开发效率服务器： ①Web网站服务器 ②API接口服务器安装express npm i express@4.17.1创建基本的服务器const express = require('express'); //导入expressconst app = express(...

原创 【Node】基础知识点下

目录一、包Ⅰ.包管理配置文件Ⅱ.解决下包速度慢 Ⅲ.开发属于自己的包Ⅳ.模块的加载机制二、ExpressⅠ.基本语法Ⅱ.Express路由Ⅲ.Express中间件 Ⅳ.写接口三、Mysql一、包是基于内置模块封装出来的格式化时间普通做法：在格式化时间.js文件中function dateFormat(dtr) { const dt = new Date(dtr); const y = dt.ge...

原创 【ES6】进阶语法

目录ES6模块化Promise 解决回调地狱问题async和awaitEventLoopES6模块化浏览器端和服务器端通用的模块化开发规范①每个Js文件都是一个独立的模块②导入其他模块使用import关键字③向外共享模块成员使用export关键字在node.js体验ES6模块化①安装了v14.15.1或更高版本的node.js②在vscode中使用命令 npm init -y可以初始化一个package.json的文件③在该文件的根节点添加”ty...

原创 【html】详细知识脑图

下面是html知识脑图，供学习梳理知识使用

原创 【Node】基础知识点下

模块化解决一个复杂问题时，自顶向下逐层把系统划分成若干模块的过程，对于整个系统来说，模块是可组合、可分解和更换的单元Node.js模块的分类①内置模块 例如fs,path,http②自定义模块 用户创建的每个.js文件③第三方模块 第三方开发出来的模块，使用前需要下载加载模块使用require()方法，会执行被加载模块的代码，加载自定义模块时，可以省略.js的后缀名模块作用域在自定义模块中定义的方法、变量等成员，只能在当前模块内被访问，这种模块...

原创 伪元素加在什么位置

伪元素是加在元素内部后面而不是元素后面

原创 【Node】基础知识点上

目录一、基本概念二、内置API模块fs文件系统模块path路径模块http模块运行环境：代码正常运行所需的必要运行环境浏览器浏览器引擎：解析和执行js浏览器内置api:运行dom、bom、ajax等 是由运行环境提供的特殊接口，只能在所属的运行环境中被调用一、基本概念Node.js 是一个基于Chrome V8引擎的JavaScript运行环境Node.js:javascript基础语法...

原创 【前后端交互】基础知识点------下

目录一、同源策略和跨域Ⅰ.JSONPⅡ.CORS二、防抖和节流三、http协议HTTP请求消息HTTP响应消息一、同源策略和跨域同源：如果两个页面的协议，域名，端口都相同，则两个页面具有相同的源如果没有写端口，则默认是80同源策略是浏览器提供的一个安全功能通俗理解：浏览器规定：A网站的js，不允许和非同源的网站C之间进行资源的交互①无法读取非同源网站的cookie...

原创 【前后端交互】基础知识点----上

目录模板引擎正则表达式与字符串操作XMLHttpRequest基本使用JSON对象结构Axios模板引擎根据程序员指定的模板结构和数据，自动生成一个完整的HTML页面①减少了字符串的拼接操作②代码结构更加清晰③使代码更易于阅读与维护art-template模板引擎标准语法{{}}输出： 变量输出、对象输出、三元表达式输出、逻辑或输出、加减乘除等表达式输出原文输出：{{@ value}} 如果要输出的value值中包含了html标签结构，则需要使..

原创 form表单提交数据

form表单介绍属性：①action 规定当提交表单时，向何处提交表单数据后端提供的一个url地址，负责接受表单提交过来的数据在未指定action属性的情况下，action默认值为当前页面的url地址注意：当提交表单后，页面会立即跳转到action属性指定的url地址②target 规定在何处打开action的url它的可选项有五个，默认情况下，target的值是_self，表示在相同的框架中打开action的url_blank 在新窗口打开_self 在相同框架打开..

原创 【Ajax】知识

目录客户端与服务器Url地址分析网页打开过程 请求---处理---响应资源请求方式：get和post请求Ajax:异步的javascript和xmlJquery中的Ajax客户端与服务器服务器：负责存放和对外提供资源的电脑客户端：负责获取和消费资源的电脑Url地址统一资源定位符，用于表示互联网上每个资源的唯一存放位置组成部分：①客户端与服务器之间的通信协议 ②存有该资源的服务器名称...

原创 【git】知识点-----第三部分

Git分支master分支实际工作中，master主分支的作用是：用来保存和记录整个项目已完成的功能代码因此，不允许程序员之间在master分支上修改代码。功能分支：专门用来开发新功能的分支，它是临时从master主分支上分叉出来的，当新功能开发且测试完毕后，最终需要合并到master主分支上一些命令*表示当前所处的分支查看分支列表： git branch创建新分支：git branch 分支名称可以基于当前分支，创建一个新的分支，此时，新分支中的代码和当前分

原创 【git】知识点-----第二部分

目录Github开源许可协议开源项目托管平台基于HTTPS将本地仓库上传到GitHub基于SSH将本地仓库上传到GitHub将远程仓库克隆到本地 Github开源：不仅提供程序 ，还提供源代码闭源：提供程序，不提供源代码开源许可协议BSDApache Licence 2.0GPL(GNU General Public License) 具有传染性的一种开源协议，不允许修改后和衍生的代码做为闭源的商业软件发布 和销售Linux...

原创 【git】知识点-----第一部分

目录一、3类版本控制系统二、Git特点三、Git三个区域四、Git三种状态五、基本Git工作流程六、Git安装并配置Git七、获取git仓库的两种方式八、工作区中文件的四种状态九、一些命令一、3类版本控制系统1.本地版本控制系统单机运行，不支持多人协作开发版本数据库故障后，所有历史更新记录会丢失2.集中式版本控制系统（svn)基于服务器客户端的运行模式服务器保存文件的所有更改记录客户端只保留最新的文件版本联网运行，支持多...

原创 【git】知识脑图----第三部分

原创 【git】知识脑图----第二部分

原创 【git】知识脑图----第一部分

原创 git 第一次上传本地代码到远程仓库，解决 ! [rejected] master -＞ master (non-fast-forward)错误

使用git想GitHub远程仓库上传代码的基本步骤一般是初始化为git仓库 git init添加所有要提交的文件git add .本次提交说明git commit -m '提交说明'关联GitHub远程仓库git remote add origin 仓库地址（没有添加ssh key建议使用 https地址）拉去远程仓库最新代码git pull origin master推送本次提交到仓库git push origin master可是当你第一

原创 【css】知识脑图-----第七部分

供复习使用

原创 【css】知识脑图-----第六部分

供复习使用

原创 【css】知识脑图------第五部分

详情查看

原创 【css】知识脑图-----第四部分

原创 【css】知识脑图----第三部分

供复习使用