- 博客(33)
- 收藏
- 关注
RSS订阅
原创 第二天的vue，每天进步一点点，生活多彩一点点
当v-for搭配key使用时，相当于给每个元素一个唯一的id,让vue可以识别，当对数据进行排序，过滤等操作时，vue内部能更好的识别每个元素使v-for渲染更新更加优化
2022-07-05 20:45:04
105
原创 第一天的vue，跟着我，一起学
使用方法通过js文件进行引入使用通过脚手架进行安在用 Vue 构建大型应用时推荐使用 NPM 安装[1]。NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用。同时 Vue 也提供配套工具来开发单文件组件。vue的基本框架(实例化)vue的指令v-开头特殊html属性vue的指令连接了html模板与vue实例数据指令的值是单个htm指令的参数:参数名vue的渲染指令1.文本渲染指令{{}}v-text=“指令的值”
2022-07-04 20:49:57
530
1
原创 web前端面试，轻松过关
即异步的JavaScript 和XML，是一种创建交互式网页应用的网页开发技术，可以在不重新加载整个网页的情况下，与服务器交换数据，并且更新部分网页。
2022-09-15 21:52:06
288
1
原创 微信小程序云开发 我 即是全栈
开发者可以使用云开发快速开发小程序、小游戏、公众号网页等，并且原生打通微信开放能力。开发者无需搭建服务器，可免鉴权直接使用平台提供的 API 进行业务开发。是微信团队联合腾讯云推出的专业的小程序开发服务。前往官网 ，了解更多信息。
2022-09-05 00:54:46
705
原创 react 组件 传参
/导入组件 import Steper form 'src/components/Steper.js' //使用 App.js中 < Steper > < / Steper > //组件名称的首字母必须大写。
2022-08-19 00:39:17
912
原创 webpack 打包好麻烦啊
当 webpack 处理应用程序时，它会在内部从一个或多个入口点构建一个 依赖图(dependency graph)，然后将你项目中所需的每一个模块组合成一个或多个 bundles，它们均为静态资源，用于展示你的内容。loader 让 webpack 能够去处理其他类型的文件，并将它们转换为有效 模块，以供应用程序使用，以及被添加到依赖图中。默认值是 ./src/index.js，但你可以通过在 webpack configuration 中配置 entry 属性，来指定一个（或多个）不同的入口起点。...
2022-08-15 21:30:43
636
原创 vue3:我才出生一年，就已经这么强了？
vue是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。...
2022-08-10 21:59:12
549
原创 高级vue 知道你就是大佬
多个组件可以共享数据和方法，在使用mixin的组件中引入后，mixin中的方法和属性也就并入到该组件中，可以直接使用。钩子函数会两个都被调用，mixin中的钩子首先执行。利用vue空实例实现跨页面传参方式。数据更新,等待dom更执行回调函数。...
2022-08-08 23:41:14
945
原创 XVUE vue的好同伙
更改Vuex的store中的状态的唯一方法是提交mutation。Vuex中的mutation非常类似于事件每个mutation都有一个字符串的事件类型(type)和一个回调函数(handler)。这个回调函数就是我们实际进行状态更改的地方，并且它会接受state作为第一个参数。存储在Vuex中的数据和Vue实例中的data遵循相同的规则，例如状态对象必须是纯粹(plain)的。...
2022-07-26 22:27:51
415
原创 关于ECharts 简单好用的数据可视化工具
ECharts是一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表简介先贴一个官网教程npm安装或者文件直接导入2.绘制一个最简单的可视化图表解释官网有一篇官方文档 可以帮助你实现你想要的个性化效果，修改颜色 具体位置大小跟不在话下，用法也是相当简单，想修改那一条，就先去他的主页面
2022-07-03 18:40:46
2036
原创 ES6解释
const 声明变量关键字1. const 是局部变量2. 声明时必须赋值3. 不能重复声明4. 不会变量提升5. 当声明变量不允许修改时，他是个常量当这个大概率不会被改变（选择dom节点时）对象ES6主要对对象进行了简化...
2022-06-22 21:38:38
523
原创 关于递归和深拷贝
递归，就是在运行的过程中调用自己。简而言之，递归就是函数自己调用自己浅显易懂的例子优点缺点递归的实际应用深拷贝正常深拷贝只能深拷贝利用值类型,与引用类型都拷贝(互相不影响)对象转字符JSON.stringify,字符串转json JSON.parse()JSON数据格式只支持:string,number,null,undefined,array,object有了递归，就可以对是JSON数据格式支持的对象进行简易拷贝然后对不支持的（函数，正则等）进行递归拷贝...
2022-06-21 20:53:33
372
2
原创 数据库与node系统的连接
在cmd中运行，运行路径要注意在创建的js文件中，该命令也是所有node插件运行的首步条件名固定，内容不一样，缺一不可如果连接没有err，输出成功，否则输出失败5. 断开连接然后直接在cmd中ctrl+c进行断开...
2022-06-15 21:08:41
567
原创 mysql数据库
数据库就是存储数据的仓库，其本质是一个文件系统，数据按照特定的格式将数据存储起来，用户可以对数据库中的数据进行增加，修改，删除及查询操作。数据库管理系统（DataBase Management System，DBMS）：指一种操作和管理数据库的大型软件，用于建立、使用和维护数据库，对数据库进行统一管理和控制，以保证数据库的安全性和完整性。用户通过数据库管理系统访问数据库中表内的数据。引用一些其他大佬的连接，我只补充一下重点data文件夹中查看初始密码执行命令 net start mysql ，启动My
2022-06-14 20:15:15
301
原创 cmd的常用命令
cmdWindows Poershell,别名黑窗口是一种命令行外壳程序和脚本环境，使命令行用户和脚本编写者可以利用 .NET Framework的强大功能。最主要的打开方式win+r 然后输入cmd+回车
2022-06-13 20:49:30
585
原创 函数中的this 它确实很绕
this是 JavaScript 语言的一个关键字。它是函数运行时，在函数体内部自动生成的一个对象，只能在函数体内部使用。函数中的this总指向调用它的对象，他的指向一共有以下几种最普通的this谁调用他时指向谁如果一个函数中有this，这个函数有被上一级的对象所调用，那么this指向的就是上一级的对象。这时的age等于50这个时候因为有一个全局方法 [setInterval setTimeout等等都是]，而全局方法的调用者必定是window，所以这里的age是50开始箭头函数是对象指向里最特殊
2022-06-13 20:25:43
74
原创 nodejs和npm的科普和使用
Node.js 是一个开源和跨平台的 JavaScript 运行时环境。 它几乎是任何类型项目的流行工具！ 官网定义官网定义首先，nodejs和npm都是在黑窗口（windows管理器）中运行，所以要先用win＋r，打开的面板中输入cmd查看nodejs的版本运行nodejsnpm的常用方法开始运行的必要npm的项目初始化 创建package.json 项目配置文件查看当前版本关于npm的各种知识点生成的文件及文件夹的解释package.json项目配置文件packa
2022-06-13 16:29:39
170
原创 ajax精讲，让你从零开始
请求报头请求头信息Accept 浏览器接收的类型Cookie 会话信息User-Agent响应行/HTTP/1.1 协议200 响应码ok 状态响应头信息Content-Type 返回的数据类型空行响应体（返回的内容）参考连接restFulget 获取post 添加put 修改delete 删除head 回显options 选项响应码大全1xx 消息2xx 成功3xx 重定向4xx 客户端错误5xx 服务器错误Ajax是一项综合的技术，全称Async Javasc
2022-06-09 10:55:48
59
原创 轻松了解函数的闭包 函数原型链，面试不发愁
最简单的闭包1 创建局部变量 使用匿名函数创建2 封装组件或者插件缺点 有利就有弊闭包中的局部变量不会被销毁，使用不当容易造成内存泄漏 一个实列全搞定函数的原型链1 每个构造函数都有一个显示原型的prototype2 每个实例实例对象都有个隐私原型__proto__3 对象的隐式原型等于其构造函数的显示原型prototype4 当查找一个对象的属性或方法时先在实例上查找，找不到则沿着原型的隐式原型__proto__向上逐级查找5 我们把__proto__的__pro
2022-06-07 00:13:48
438
原创 for循环 和function函数
for循环概念:做重复的事情,通常和数字关联for循环的基本结构(两个分号不可以省略) for(;;){}for(1初始值;2结束条件;4更新变量){ 3 执行的for循环代码}数字为for循环的运行顺序for循环注意点是否满足条件:（如果不满足:代码一次不执行）是否有结束条件（如果没有,就是一个死循环（无限循环））浏览器15秒还没有反应过来,就会自动崩溃break在for循环中只要break代码被执行for循环立即终止continue continue当次循..
2022-05-27 00:16:26
1185
原创 轮播图 鼠标键盘表单等事件案列
轮播图 实现淡入淡出效果大体实现思路通过透明度值的改变以及动画过渡效果使图片之间的切换出现淡入淡出效果分步思路创建结构<div class="swiper"> <div class="swiper-item show">1</div> <div class="swiper-item">2</div> <div class="swiper-item">3</div> <
2022-05-26 01:08:42
75
原创 鼠标 键盘 表单的事件对象
事件的绑定与解绑绑定btn.onclick = function(){}btn.addEventListener(type,funName)解除绑定btn.onclick = nullbtn.removeEventListener(type,funName)注 匿名函数不能解除绑定 <script> // 给btn2注册2个单击事件 function say(){ // this指向的是btn2这个按钮 alert(this.in
2022-05-26 00:27:42
43
原创 js对视图距离的详解及各种案列
获取样式var a = document.querySelector('.parent');// 获取son 父节点.querySelector('需要选择的子节点');var b = a.querySelector('.son');各种视距的获取console.log('content+padding:',myp.clientHeight);console.log('content+border+padding:',myp.offsetHeight);console.log('co
2022-05-25 21:46:46
315
原创 js对节点 属性的操作
一. 利用节点关系进行获取1 . 父子关系父节点 parentElement // 获取到父节点var parent = document.getElementById("parent");所有子节点 children// 获取到所有的子节点console.log(parent.children);第一个子节点 firstElementChild// 第一个子节点var first = parent.firstElementChild;console.log("
2022-05-22 22:16:07
865
原创 JavaScript初见
JavaScript 的组成1. ECMAScript语法 BOM浏览器与js交互2. BOM浏览器与js交互3. Dom html内容与js交互Bom 和 window对象1. 浏览器对象模型2. Browser Object Model3. document文档4. screen屏幕5. location地址6. navigator浏览器对象7. history 历史记录8. 本地存储相关window全局方法var声明的或没有声明的都是
2022-05-17 20:56:21
526
原创 DIV的应用 基础篇 只教你最简单，最常用的
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .one{ height: 600px; width: 600px; /*box-sizing: content...
2022-03-30 21:05:56
267
原创 HTML表格及应用 一看就会 因为真的简单
表格基本结构基本样式<table><tr><th>标题</th><td>单元格</td>...</tr>...</table>1 tr可以套td ,反之亦然2 数量不受限制，想写多少就多少3 table为主体，td tr 依位置来确定是行...
2022-03-24 19:47:13
472
原创 前端第一课 初入HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body text-align="center"> <h3>静夜思</h3> 床前明月光 ...
2022-03-21 18:57:49
1258
原创 css3应用
自定义字体/*引用外部字体*/ @font-face { font-family:"zhou"; src: url(fonts/STLITI.ttf)/*用src来引用*/ } .box{ font-size: 50px; font-family:zhou ; }文字阴影...
2022-03-17 23:32:49
266
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人