勋章
技术能力
-
前端开发
初级
能力说明：
基本的计算机知识与操作能力，具备Web基础知识，掌握Web的常见标准、常用浏览器的不同特性，掌握HTML与CSS的入门知识，可进行静态网页的制作与发布。
暂时未有相关云产品技术能力~
暂无个人介绍
-
发表了文章 2023-11-24
【微信小程序】分包
【微信小程序】分包
-
发表了文章 2023-11-24
【微信小程序】自定义组件（三）
【微信小程序】自定义组件
-
发表了文章 2023-11-24
【微信小程序】自定义组件（一）
【微信小程序】自定义组件
-
发表了文章 2023-11-24
【微信小程序】使用npm包
【微信小程序】使用npm包
-
发表了文章 2023-11-24
【微信小程序】WXML的模板语法与WXSS模板样式（二）
【微信小程序】WXML的模板语法与WXSS模板样式
-
发表了文章 2023-09-06
【React全家桶】Flux与Redux
【React全家桶】Flux与Redux
-
发表了文章 2023-09-06
【React全家桶】React Hooks
【React全家桶】React Hooks
-
发表了文章 2023-09-06
【React全家桶】react简介（一）
【React全家桶】react简介（一）
-
发表了文章 2023-09-06
【Vue3】vue3——setup，ref函数，reactive函数
【Vue3】vue3——setup，ref函数，reactive函数
-
发表了文章 2023-09-06
vue2路由的详解
vue2路由的详解
-
发表了文章 2023-09-06
Vue（六）——vuex（一）
Vue（六）——vuex（一）
-
发表了文章 2023-03-15
Vue(五）——全局事件总线， 消息订阅与发布 ，nextTick
使用事件总线： 接收数据：A组件想接收数据，则在A组件中给$bus绑定自定义事件，事件的回调留在A组件自身。
-
发表了文章 2023-03-15
Vue(四)——脚手架，自定义事件，插槽
第一步(没有安装过的执行)：全局安装 @vue/cli npm install -g @vue/cli 第二步：切换到要创建项目的目录，然后使用命令创建项目 vue create 文件夹名 第三步：启动项目 npm run serve
-
发表了文章 2023-02-23
vue2与vue3生命周期的区别
Vue 实例有⼀个完整的⽣命周期，也就是从new Vue()、初始化事件(.once事 件)和生命周期、编译模版、挂载Dom -> 渲染、更新 -> 渲染、卸载 等⼀系列过程，称这是Vue的⽣命周期。 vue应用程序中有4个主要事件(8个钩子)： 创建 ---- 在组建创建时执行 挂载 ---- DOM被挂载时执行 更新 ---- 当响应数据被修改时执行 销毁 ----在元素被销毁之前立即执行
-
发表了文章 2023-02-23
Vue(三）——过滤器，内置指令，自定义指令，组件
过滤器 🔮定义： 对要显示的数据进行特定格式化后再显示（适用于一些简单逻辑的处理） 过滤器可以用在两个地方：双花括号插值 或 v-bind表达式。 1.16.1. 局部过滤器 局部过滤器是在某一个vue实例的内容创建的，只在当前实例中起作用
-
发表了文章 2023-02-23
vue基础知识和原理（一）
让Vue工作，就须创建一个Vue实例，且要传入一个配置对象 demo容器里的代码符合html规范，只不过混入了一些特殊的Vue语法 demo容器里的代码被称为【Vue模板】 Vue实例和容器是一一对应的 真实开发中只有一个Vue实例，并且会配合着组件一起使用 {{xxx}}是Vue的语法：插值表达式，{{xxx}}可以读取到data中的所有属性 一旦data中的数据发生改变，那么页面中用到该数据的地方也会自动更新(Vue实现的响应式)
-
发表了文章 2023-02-23
原生JS路由实现页面跳转
写JS原生路由时可从以下几个方面入手 监听a标签，并给href里的url加锚点链接 一般情况下菜单栏的加载模式中，都是通过<a>中的href='/xxxx’来跳转到指定的页面，所以路由的第一步就是监听到此菜单栏中<a href='/xxx'>的点击事件，并在点击时通过event.preventDefault()阻止浏览器的默认行为。阻止默认行为后，咱们就可以通过#/index这种形式给拿到的url加锚 监听hashchange事件，并在监听被触发时加载对应的页面 通过hashchange函数来监听加了锚之后的url（即hash）,监听到hash的变化后，我们可以拿到点击时的url，通过调用R
-
发表了文章 2023-02-23
简易博客系统
整个项目在Visual Studio Code中完成，先要在该软件的终端启动服务器，其次要打开Windows上的cmd启动mongodb数据库，连接成功后，打开浏览器输入启动端口http://127.0.0.1:3007，进入首页，会展示所有用户发布的文章
-
发表了文章 2023-02-23
iframe框架，原生js路由
该标签规定一个内联框架。被用来在当前 HTML 文档中嵌入另一个文档。 可以把需要的文本放置在 和 之间
-
发表了文章 2023-02-23
Mongoose
定义schema 数据库中的schema，为数据库对象的集合，schema是mongoose会用到的一种数据模式，可以理解为表结构的定义：每个schema会映射到mongodb中的一个collection。他不具备操作数据库的能力
-
发表了文章 2023-02-23
模板引擎（art-template）详解
它采用作用域预声明来优化模板渲染速度，从而获得来接近JavaScript极限的运行性能，并同时支持nodejs和浏览器 1.1.特性 模板引擎是第三方模块，让开发者以更友好的方式拼接字符串，是代码啊更清晰，更加易于维护 1.2. 模板 art-template同时支持两种语法，标准语法可以让模板更容易读写， 原始语法具有强大的逻辑处理能力
-
发表了文章 2023-02-23
Node(二)——中间件，Cookie，multer
中间件（Middleware） 是一个函数，它可以访问请求对象（request object (req)）,响应对象（response object (res)）, 和 web 应用中处于请求-响应循环流程中的中间件，一般被命名为 next 的变量。 🧨中间件的功能： 执行任何代码。 修改请求和响应对象。 终结请求-响应循环。 调用堆栈中的下一个中间件。
-
发表了文章 2023-02-23
Nodejs——fs模块，asnyc await使用，ejs模板引擎
(2) fs.mkdir 创建目录 fs.mkdir(function(){}) (3) fs.writeFile 创建写入文件 fs.writeFile(function(){}) (4)fs.appendFile 追加文件 如果追加的文件不存在的话，会自动创建，然后追加内容 如果原本存在的话，就直接追加内容
-
发表了文章 2023-02-23
MongoDB(二)——备份还原，mongoose，接口，apidoc文档
是node中提供操作MongoDB的模块 能够通过node语法实现MongoDB数据库增删改查 实现用node写程序来管理MongoDB数据库‘ 可以通过执行 npm i mongoose或 yarn add mongoose的命令安装
-
发表了文章 2023-02-23
MongoDB(一)——增删改查，排序分页，索引，权限机制
数据库就是用来存放数据的仓库 关系型和非关系型数据库软件的项目数据 相同点：都是数据库软件，用来存放项目数据
-
发表了文章 2023-02-23
Robo 3T（Studio 3T）最新版安装教程
Robo 3T（Studio 3T）最新版安装教程
-
发表了文章 2023-02-23
Webpack打包
Webpack打包 安装webpack 配置webpack 配置webpack-dev-server 安装loader 自动清理 dist 目录下的旧文件 抽离和压缩CSS 对图片进行打包 安装webpack 执行如下命令 npm install webpack webpack-cli 配置webpack 项目根目录中创建 webpack.config.js 配置文件： 配置入口entry(所需打包的文件路径) 配置出口output (1)path指文件打包后的存放路径 (2)path.resolve()方法将路径或路径片段的序列处理成绝对路径 (3)__dirname 表示当前文件
-
发表了文章 2023-02-23
express路由
安装：在项目所处的目录下，运行如下的终端命令，即可将express安装到项目中使用 命令：npm i express@4.17.1 （1）监听GET请求 app.get('请求url',function(req,res) {/**处理函数/}) //参数1：客户端请求的url地址 （2）监听POST请求 app.post('请求url',function(req,res) {/**处理函数/}) （3）响应客户端 app.send('处理的内容') （4）获取url中携带的查询参数
-
发表了文章 2023-02-23
webpack(一)——资源模块，loader，代码分离，缓存
安装webpack 安装webpack需要两个主包，在Vscode上新建一个文件夹，在终端打开， 输入node -v检测是否安装了nodejs 输入npm -v 输入npm install webpack webpack-cli --global安装webpack,会产生一个文件package.json 输入命令webpack -v是否安装成功
-
发表了文章 2023-02-23
Node.js——path路径，http，npm与包，模块化
Node.js知识点 一、fs(文件系统） 二、path（路径） 三、http(服务器) 四、npm与包 五、模块化 一、fs(文件系统） (1) 读取指定文件内容 fs.readFile(path[,option],callback 参数1：字符串，表示文件的路径 参数2，表示以什么编码格式读取文件 参数3：读取完成后，通过会点函数读取结果 (2) 向指定的文件中写入内容 fs.writeFile(file,data[,options],callback) 参数1：指文件路径的字符串，表示文件的存放路径 参数2：表示要写入的内容 参数3：表示写入内容的格式，默认值是utf8
-
发表了文章 2023-02-23
jQuery——动画，显示与隐藏，获取，添加
必需的 params 参数定义形成动画的 CSS 属性 可选的 speed 参数规定效果的时长，可以取以下值：“slow”、“fast” 或毫秒。 可选callback 参数是动画完成后所执行的函数名称
-
发表了文章 2023-02-23
DOM(二)——动画，改变HTML，事件，节点，集合
JavaScript 动画是通过对元素样式进行渐进式变化编程完成的。 这种变化通过一个计数器来调用，当计数器间隔很小时，动画看上去就是连贯的
-
发表了文章 2023-02-23
HTML DOM(一)——简介，元素，表单
通过这个对象模型，JavaScript 获得创建动态 HTML 的所有力量 JavaScript 能改变页面中的所有 HTML 元素 JavaScript 能改变页面中的所有 HTML 属性 JavaScript 能改变页面中的所有 CSS 样式 JavaScript 能删除已有的 HTML 元素和属性 JavaScript 能添加新的 HTML 元素和属性 JavaScript 能对页面中所有已有的 HTML 事件作出反应 JavaScript 能在页面中创建新的 HTML 事件
-
发表了文章 2023-02-23
JavaScript(三)——语句，正则表达式，this关键词
在 JavaScript 中，我们可使用如下条件语句： 使用 if 来规定要执行的代码块，如果指定条件为 true 使用 else 来规定要执行的代码块，如果相同的条件为 false 使用 else if 来规定要测试的新条件，如果第一个条件为 false 使用 switch 来规定多个被执行的备选代码块
-
发表了文章 2023-02-22
JavaScript(一)基础——简介，使用，输出，语句，关键词，运算符
1. JavaScript对网页行为进行编程 2. JavaScript 能够改变 HTML 内容 ```css getElementById() 是多个 JavaScript HTML 方法之一
-
发表了文章 2023-02-22
Git的下载安装与建仓库
Git的下载安装与建仓库
-
发表了文章 2023-02-22
伪类和伪元素 , 轮播 , 媒体查询
a:link /* 未访问的链接 */ a:visited /* 已访问的链接 */ a:hover /* 鼠标划过链接 */ a:active /* 已选中的链接 */ 注意： (1)在CSS定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的 (2）在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。 （3）伪类的名称不区分大小
-
发表了文章 2023-02-22
Bootstrap4(一)重点----网格系统，图像形状，轮播，多媒体对象，滚动监听
Bootstrap 提供了一套响应式、移动设备优先的流式网格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多 12 列。
-
发表了文章 2023-02-22
CSS(二)——Flex布局 边框 渐变 过渡 动画
容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；交叉轴的开始位置叫做cross start，结束位置叫做cross end。 项目默认沿主轴排列。单个项目占据的主轴空间叫做main size，占据的交叉轴空间叫做cross size。
-
发表了文章 2023-02-22
HTML——基础知识点总结
1.HTML HTML(HyperText Markup Language),超文本标记语言，使用各种标记来表示文档的结构以及标识超链接的信息。 2.HTML文档 HTML文档包含了标签及文本内容，并且 html 文档也叫做 web 页面。
-
发表了文章
2023-12-01
【微信小程序】分包
-
发表了文章
2023-12-01
【微信小程序】自定义组件（三）
-
发表了文章
2023-12-01
【微信小程序】自定义组件（一）
-
发表了文章
2023-12-01
【微信小程序】自定义组件（二）
-
发表了文章
2023-12-01
【微信小程序】使用npm包
-
发表了文章
2023-12-01
【微信小程序】WXML的模板语法与WXSS模板样式（一）
-
发表了文章
2023-12-01
【微信小程序】WXML的模板语法与WXSS模板样式（二）
-
发表了文章
2023-12-01
【微信小程序】初始微信小程序
-
发表了文章
2023-09-06
【JS篇】JS基础要件
-
发表了文章
2023-09-06
【React全家桶】React-Redux
-
发表了文章
2023-09-06
【React全家桶】Flux与Redux
-
发表了文章
2023-09-06
【React全家桶】React生命周期
-
发表了文章
2023-09-06
【React全家桶】React Hooks
-
发表了文章
2023-09-06
【Vue源码解析】Vue虚拟dom和diff算法
-
发表了文章
2023-09-06
【React全家桶】react组件通信
-
发表了文章
2023-09-06
【react全家桶】react路由
-
发表了文章
2023-09-06
【React全家桶】react简介（一）
-
发表了文章
2023-09-06
【Vue源码解析】mustache模板引擎
-
发表了文章
2023-09-06
【Vue3】vue3——setup，ref函数，reactive函数
-
发表了文章
2023-09-06
【vue】路由守卫
