wushangnb的博客

原创 大前端实用性面试题

1.vue路由在哪儿挂载在views文件夹下新建Hello.vue文件 在src/router/index.js文件中挂载Hello.vue <router-view></router-view> 放在哪个位置，路由就在哪个位置加载 ​​​​​​2.vue生命周期beforeCreate(创建前) created(创建后) beforeMount(载入前) mounted(载入后) beforeUpdate(更新前) updated(更新后) befo

原创 react版 todoList

文章目录整体结构(组件思想)一、App.js文件配置二、Header.js配置三、Item.js文件配置四、List.js配置五、Todo.js文件配置六、效果展示整体结构(组件思想)一、App.js文件配置import React, { Component } from 'react';// 导入todoimport Todo from './todo/Todo';import Life from './Life';class App extends Component { cons

原创 JavaScript面试题简解

1.get 请求传参长度的误区误区：我们经常说 get 请求参数的大小存在限制，而 post 请求的参数大小是无限制的。 实际上 HTTP 协议从未规定 GET/POST 的请求长度限制。 对 get 请求参数的限制 是来源与浏览器或 web 服务器，浏览器或 web 服务器限制了 url 的长度。 HTTP 协议 未规定 GET 和 POST 的长度限制 GET 的最大长度显示是因为 浏览器和 web 服务器限制了 URI 的长度 不同的浏览器和 WEB 服务器，限制的最大长度不一样 要支持 IE

原创 百度地图 JavaScript API GL

文章目录一、引入二、添加控件三、绘制点线面4.标注信息5.位置检索一、引入首先获取秘钥1.进入百度地图官网：https://lbsyun.baidu.com/2.注册百度账号3.首页 --> 控制台 --> 应用管理 --> 我的应用 --> 创建应用（前端应用类型：选择浏览器端） --> 得到ak引用百度地图API文件:<script type="text/javascript" src="https://api.map.baidu.com/a

原创 react框架入门

文章目录一、React简介二、特点三、安装并创建 react 项目1.安装命令2.创建项目3.启动项目二、react 基础语法1.hello world 案例2.文本渲染、html渲染、条件渲染、列表渲染3.添加事件4.组件一、React简介用于构建用户界面的 JavaScript 库，就是将数据渲染为HTML视图 的js库。二、特点组件思维单向数据流虚拟DOM节点三、安装并创建 react 项目1.安装命令npm i create-react-app -g2.创建项目creat

原创 echarts

文章目录echarts简介一、echarts实现步骤1.导入 echarts.min.js二. 初始化三、option（选项）1、title（标题 ）2、 legend（图例 ）3、tooltip（鼠标提示）4、xAxis: //x轴线5、yAxis:{}, //y轴线6、series（系列数据）四、颜色样式控制1、主题2、自定义主题3、调色板echarts简介百度开发团队制作，开源交个apache基金管理制作图表的 javascript库同类型产品 hightCharts D3提示：以下是

原创 Less语法快速入手

文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言1、css预处理语言:less ：https://less.bootcss.com/#%E6%A6%82%E8%A7%88sass ：Stylus ：2、Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。这里呈现的是 Less 的官方文档（中文版），包含了 Less 语言以及利用 JavaScript 开发的用于将 Less 样式转换成 CSS 样式的 Less.js 工

原创 vue报错解决

1、路径发生错误Module not found: Error: Can't resolve '../views/admin/AdminVeiw.vue' in 'C:\myel\src\router'，模块找不到不能 resolve总结：文件../views/admin/AdminVeiw.vue（文件名/路径发生错误）2、Error in render: "TypeError: Cannot read property ‘num’ of undefined"报错： 渲染错误：..

原创 typescript浅解

typescript（TS）由微软推出的 typescript>ES6>javascript 运行的时候，ts 编译成 javascript 静态类型的语言：强类型、遵循ES6、编译器严谨的语法检查 vue、react、angular、小程序都推荐用ts，ts默认文件后缀名.ts Vue3+TS+setup+volarTS语法格式：<script lang="ts" setup> </scr...

原创 mockjs

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、定义及作用：二、安装及使用1、安装2、使用三、方法一、定义及作用：1.拦截ajax2. 生成伪随机数据当前端开发 程序员写好了接口文档,没有实现接口文档,先自己造数据，模拟后端，开发前端的功能等待后端接口做好，和后端联调，更改baseURL实现切换接口服务器。二、安装及使用1、安装npm i mockjs -D2、使用1. 定义mock.js文件2. 在main.js 导入import ‘.

原创 setup（组合api）

1、组合api特点 更加直观，接近原生js 按需加载 没有this，降低了耦合性，提高了复用性2、setup() 相当于created生命周期 需要return返回，在模板中使用3、ref（值类型 响应对象） const count = re(5) 在setup 访问count值，const.value来访问 可以作为dom引用 const inp = ref(null) ...

原创 Vue3语法及重点知识必备

1、8个vue内置指令{{变量名}} v-text 文本 v-html 可以识别html 标签 v-if v-show v-else-if v-else v-for v-bind v-on2、vue内置组件<template></template> 模板 <slot></slot> 插槽 <transition></transition> 过渡 <transition-group> ...

原创 Vue3组件与动画

文章目录一、组件二、动画一、组件组件是可复用的 Vue 实例，且带有一个名字因为组件是可复用的 Vue 实例，所以它们和Vue接收相同的选项，例如 data 、 computed 、 watch 、 methods 以及生命周期钩子等。1.通过 app.component 来创建组件注册组件Vue.createApp({ // 注册组件 components: { steper }, data() {

原创 Vue3基础语法

文章目录一、内置指令1.文本渲染2.属性渲染3.条件渲染4.列表渲染5.事件二、自定义指令三、计算与监听1.计算 computed2监听 watch一、内置指令内置指令 v- 开头的特殊属性 ，联系html模板与JavaScript数据模型1.文本渲染v-textv-html{{msg}} 只能写一行表达式，不能写复杂js2.属性渲染v-bind :属性名=“值”缩写：属性名=“值”3.条件渲染v-if 隐藏式移除节点v-else ifv-elsev

原创 阿里前端面试题分析简解

1. 说一下 http 和 httpshttps 加密，http明文； https端口443 http端口802. tcp 三次握手，一句话概括第一次握手：服务端只可以确认自己可以接受客户端发送的报文段第 二次握手：客户端 可以确认 服务端 收到了自己发送的报文段，并且可以确认自己可以接受 服 务端发送的报文段第三次握手：服务端可以确认客户端收到了自己发送的报文段3. ? TCP 和 UDP 的区别1.）TCP 是面向连接的，UDP是无连接的即发送数据前不需要先建立...

原创 todoList Vue3精简版

html部分 <div class="app"> <h2>计划清单</h2> <input class="plan_insert" type="text" placeholder="请输入你的计划" @keyup.enter="addItem" v-model.trim="temp"> <h3> 未完成 <span>({{undoList.

原创 PS简单操作快捷键，上手快

1.新建：Ctrl + N2.打开：Ctrl+ O3.存储：Ctrl+ S4.存储为：Ctrl+ shift+ S5.填充前景色：alt+delete6.填充背景色：ctrl+delete7.去掉选框: Ctrl+ d8.按住 shift键画矩形或者圆形选框，是正方形或者正圆9.反选：Ctrl+shfit+I10.标尺：ctrl+r11.图层编组：Ctrl+g12.原位复制：Ctrl+j13.相加:shift14.相减 :alt15.相交：shift+alt16.图层合并：Ct

原创 带你体验Vue3的世界

文章目录一、前端框架概述二、安装(页面引入）三、实例化简写三、内置指令内置指令 v- 开头的特殊属性 ，联系html模板与JavaScript数据模型1.文本渲染2.属性渲染3.条件渲染4.列表渲染一、前端框架概述构建用户界面的渐进式JavaScript框架前端框架Vue 尤雨溪React Facebook脸书angular GooglejQuery二、安装(页面引入）离线<script src="url"></script>在线<

原创 ES6语法进阶

一、Promise定义：执行异步任务避免回调地狱实例： var p = new Promise((resolve, reject) => { setInterval(() => { var n = Math.random(); if (n > .5) { resolve("明天一起去爬山"); } else { reject("不

原创 ES6进阶

类 特点 用class 声明 本质 是 function constructor 构造 extends 继承 new 实例化 类名建议 大写开头 实例 模块化 < script type = "module"> 导出 1. 导出一个 export{name} 2. 导出多个 export {name,fun} 3.导出默认 export default Cat 导...

原创 数组遍历方法大全

for in 遍历下标 for of 遍历值 可以遍历 String 字符串 Array 数组 Set 集合 Map 图 keys() 键集合（下标） values（） 值的集合（值） entries （）键和值的集合（下标，值）

原创 数组中获得最大，最小值好用方法

原创 ES6新特性基础语法

let 关键字let是块级作用域（在一对大{} 里面起作用） 不能重复声明 let声明变量不会变量提升const 关键字通常用来声明常量（建议大写） 声明变量时必需赋值 声明后不能修改变量的值（复杂数据可修改 数组）let 和 const 声明只在最靠近的一个块中（花括号内）有效...

原创 PHP入门小结

php学习重点PHP基本语法 PHP与前端交互 PHP与数据库交互php基础语法php概述 开发环境的安装 php基础语法 php变量 php流程控制 php函数 php数组 php字符串 php日期好的学习方法PHP是什么？PHP是超文本预处理器(Hypertext Preprocessor)的简称，是一种用于创建动态性交互网站的强有力的语言。其语法利用借鉴了 C，Java 和 Perl，非常容易学习。该语言的主要目标是让 Web开发人员可以很快写出动态生成

原创 css3-聊一聊那些你不知道的样式

新增选择器兄弟选择器（相邻） E + F{}通用 E ~ F{}属性选择器 [attr]{} [attr=value]{} ：一对一匹配 [attr*=value]{} ：含有相同字母 [attr^=value]{} ：特定开头 [attr$=value]{}：特定结尾 [attr~=value]{} （不常用） [attr |=value]{}...

原创 css快速美化页面

css（Cascading Style Sheets）层叠样式表 css引入方式 行内样式 内嵌式 外链式 <link rel="stylesheet" href="css文件路径"> 导入式 @import url("css文件路径")或 @import "css文件路径" css选择器 1. 元素(标签)选择器 标签名{} 权重 001 ...

原创 HTML5

新增语义化标签 <header>头标记标签</header> <nav>导航</nav> <footer>底部</footer>> <section>节</section> <main>主体</main> <article>外部内容</article> <aside>侧边栏&lt...

原创 jQuery入门知识总结

jQuery是一种轻量级的js方法库 入口小函数$(document).ready(function(){ //脚本代码}); 简写：$(function(){ //脚本代码}) 与window.onload 区别 执行时机 window.onload必须等待网页全部加载完毕（包括图片等），然后再执行包裹代码 $(document).ready()只需要等待网页中的DOM结构加载完毕，就能执行包裹...

原创 js数组去重方法总结

1.封装一个函数，定义一个新的数组，拿需去重的数组中的每一项在新数组中查找下标；判断若为-1，说明新数组中没有这一项，利用arrObj.push()方法添加到新数组中，得到的新数组就是没有重复项的的数组。例如：var array = [1, 2, 3, 4, 3, 5, 6, 5, 8, 7, 8, 10, 18, 10];function noRepeat(arr) { var newarr = []; for (var i = 0; i < arr....

原创 js面试题

1.谈谈this对象的理解this总是指向函数的直接调用者 如果有new关键字，this指向new出来的实例对象 在事件中，this指向触发这个事件的对象 IE下attachEvent中的this总是指向全局对象Window...

原创 JS经典数组排序方法

1.冒泡排序<script> var array = [10, 2, 15, 8, 7, 4]; function sort(arr) { for (var i = 0; i < arr.length - 1; i++) { //外循环控制轮数 for (var j = 0; j < arr.length - i - 1; j++) { //内循环两两比较次数 if (arr[j] ...

原创 原生js DOM事件集合

什么是HTML DOM 文档对象模型（Document Object Model），是W3C组织推荐的处理可扩展置标语言的标准编程接口。简单理解就是HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。我们用JavaScript对网页进行的所有操作都是通过DOM进行的。 JS获取DOM元素的方法（8种） 通过id获取（getElementById） 通过name属性（getElementsByName） 通过标签名（getElementsByTagName） 通过..

原创 html知识点大全

html HyperText Markup Language超文本标记语言 在浏览器运行并显示浏览器 谷歌 Google Chrome 火狐 Firefox IE浏览器 苹果 Safari 欧朋 OperaXMind 生成子主题 tab 同级主题 enter 内容换行 Ctrl+enterhtml基本结构 <!DOCTYPE html> html5文档声明 &l...

原创 html及css经典面试题

1.src与href的区别: href表示超文本引用，用在link和a等元素上，href是引用和页面关联，是在当前元素和引用资源之间建立联系，src表示引用资源，表示替换当前元素，用在img，script，iframe上，src是页面内容不可缺少的一部分。 src是source的缩写，是指向外部资源的位置，指向的内部会迁入到文档中当前标签所在的位置；在请求src资源时会将其指向的资源下载并应用到当前文档中，例如js脚本，img图片和frame等元素。 <script src=...

原创 vscode好用插件大全

1.auto close tag自动补全 html 标签2.Auto Rename Tag这是一个修改标签对的插件特征：重命名一个HTML / XML标签时，自动重命名配对的HTML / XML标签使用在其中添加条目auto-rename-tag.activationOnLanguage以设置扩展名将被激活的语言。默认情况下，它将["*"]为所有语言激活。3.Bracket Pair Colorizer给括号加上不同的颜色，便于区分不同的区块，使用者..

原创 大前端学习工具及网站大全

ps插件 Cutterman 蓝湖 PxCook 学习及网站 阮一峰的个人网站 - Ruan YiFeng's Personal Website 张鑫旭的个人主页 ? 张鑫旭-鑫空间-鑫生活 重要网站

原创 css中选择器的优先级

选择器的权重（优先级） 内联样式 1,0,0,0id选择器 0,1,0,0类和伪类选择器0,0,1,0元素选择器 0,0,0,1 通配选择器 0,0,0,0继承的样式 没有优先级在比较优先级时，需要将所有的选择器的优先...

原创 前端学习总结二

<!doctype html><meta charset= "utf-8">caharset charset charset charset charset

原创 前端入门学习总结一

前端三大件：HTML5: 结构css3：表现JS： 行为万维网的发明人：蒂姆.博纳斯—李爵士浏览器对网页进行渲染网页开发的标准：万维网联盟（W3C） HTML HTML （ Hypertext Markup Language ):超文本标记语言 html 注释： 解释说明 注释掉代码，使网页页面不显示<!---->...

原创 面向对象封装知识

封装：是自然界中具有相似特征和行为的事物抽象Java权限修饰符：public protected(受保护) friendly（default） private（私有）final 修饰符println () 会将传入的任何内容，在控制台 以字符串的形式 进行打印将 对象 以字符串 的表示形式 主要 通过 Object 类中的Java中自己编译一段代码，用来比较两个对象是否内容相等...