- 博客(115)
- 收藏
- 关注
原创 uni-app【事件绑定、下拉刷新、上传图片、导航跳转、组件通讯】
uni事件绑定、事件传参;uni生命周期;下拉刷新;上传图片、预览图片;uni导航跳转;创建组件;组件通讯,父子传值,兄弟组件通讯
2021-06-08 08:26:00
1639
原创 Virtual DOM(虚拟DOM)的实现原理
什么是Virtual DOM为什么使用Virtual DOM虚拟DOM的作用Snabbdom基本使用Snabbdom创建导入Snabbdom清空节点内容
2021-06-07 10:41:51
1357
2
原创 Error: PostCSS plugin autoprefixer requires PostCSS 8 问题解决
Error: PostCSS plugin autoprefixer requires PostCSS 8 问题解决
2021-05-14 09:06:30
2696
原创 微信小程序【往云开发控制台数据库中插入数据、获取数据】(更新)
文章目录17、往数据库中插入数据的几种方式1、图形化方式插入数据2、手动操作插入数据3、云端插入数据18、获取数据1、获取单条数据2、获取多条数据17、往数据库中插入数据的几种方式1、图形化方式插入数据打开云开发控制台的【数据库】模块新建一个【集合】点击【添加记录】然后再依次【添加字段】2、手动操作插入数据首先在云开发控制台里创建好【集合名】在wxml文件中创建一个按钮,用来添加<button type="primary" size="mini
2021-04-26 15:42:27
4326
原创 Git回滚到指定版本
回滚到指定版本:git reset --hard a498237e6dc1fc4861c79d3314d07285995c查看提交版本:git log
2021-04-17 16:36:42
203
原创 阿里云服务器购买与配置【Windows版本】
阿里云服务器配置【Windows10版本】1、购买学生版ECS服务器2、重置实例密码3、添加安全规则配置
2021-04-14 19:15:57
679
原创 Vue梳理
目录Vue梳理1、基本使用1.1、模板显示——双花括号1.2、vue配置项1、computed与watch的差别(高频)1.3、class和style的绑定方式1.4、条件控制(高频)1、v-if与v-show的差别1.5、循环v-for(key)(高频)1、如何提高列表渲染的性能?2、key值是如何提升列表渲染性能的?1.6 、事件1.7、表单的绑定(v-model)1、单行文本输入框2、多行文本输入框3、复选框checkbox3.1、选中/未选中3.2、多选4、单选框radio5、下拉菜单5.1、单选,
2021-04-08 11:34:15
544
原创 Vuex笔记【1】
Vuex笔记1、了解VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状 态,并以相应的规则保证状态以一种可预测的方式发生变化1.1、使用Vuex管理数据的好处:能够在 vuex 中集中管理共享的数据,便于开发和后期进行维护能够高效的实现组件之间的数据共享,提高开发效率存储在 vuex 中的数据是响应式的,当数据发生改变时,页面中的数据也会同步更新1.2、传统组件传值方式及缺点:传统通过输入输出的方式传值props:输入$e
2021-03-29 18:46:35
203
原创 商城项目【登录篇】
项目目录电商项目后台文件1、恢复安装后台文件夹2、导入数据库文件3、运行命令,启动后端文件4、测试接口是否能使用git命令进行管理1、在码云上创建仓库2、配置本地用户名和邮箱3、将本地项目推送到远程仓库使用Element组件1、安装Element ui2、引入Element ui3、样式和安装 less-loader4、运行中遇到的问题5、添加第三方字体6、表单验证7、安装配置 axios7、异步改造电商项目后台文件1、恢复安装后台文件夹进入vue-api-server 目录,运行如下命令进行恢复安
2021-03-16 21:03:26
371
原创 vue 脚手架
脚手架1、起步安装:win+R 输入cmd运行命令npm install -g @vue/cli安装中:安装完成:2、创建项目如何创建项目官网步骤选择好文件夹,按住shift+右键,选择在此处打开 Powershell 窗口在命令行敲命令来创建项目vue create 项目名称这时候会跳转到选择项中此次项目依次选择:Manually select features —— Choose Vue version,Babel,Router —— 2.x
2021-03-11 17:38:32
444
原创 webpack打包
目录一、打包1、初始化项目2、安装webpack3、手动创建`webpack.config.js`文件4、新建src根目录(文件夹)5、配置打包6、html页面引入js代码二、自动打包(热更新)1、缺陷补缺。安装插件,可以自动拷贝代码三、加载器1、引入src文件夹下的css文件夹下的css样式2、安装less-loader四、处理图片1、敲命令,安装`url-loader`2、在`webpack.config.js`文件里进行配置五、处理高级js语法1、敲命令,安装`babel-loader`2、在webp
2021-03-09 17:50:27
460
原创 vue基础
目录一、vue基础1.vue格式二、数据绑定1.内容绑定2.属性绑定3.表单控件的值三、组件1.遍历数据2.组件模板代码:四、案例1.显示输入框内容效果图:代码:2.换肤案例效果图:代码:3.增删改查案例效果图:代码:4.tab栏切换效果图:代码:5.封装表格效果图:代码:一、vue基础1.vue格式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <
2021-03-04 21:16:57
767
2
原创 Vue 实时获取文本框内容
效果图:简单版本:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>
2021-03-01 20:41:27
3044
原创 flex布局的属性
实现水平排列效果方法一:父盒子加属性:display:flex;justify-content:space-between;方法二:父盒子加属性:text-align:center;子盒子加属性:display:inline-block;flex伸缩布局的属性前提:父盒子添加属性 display:flex;一、主轴交叉轴排列下面的属性加在父盒子上1.默认排列:flex-direction:row;2.反向排列:flex-direction:row-reverse
2021-02-24 22:46:18
522
原创 Git命令【初识】
目录一、认识 Git1.1 配置1. --global2. 检查配置1.2 目录操作1.查看当前目录2.跳转到指定目录3.查看此目录下所有文件1.3 创建仓库(初始化仓库)1.4 添加工作区文件到暂存区1.添加到暂存区命令2.创建版本提交备注1.5 查看提交日志1.6 修复提交1.7 撤销重置1. 从暂存区中撤销到工作区2.回退指定版本1.8 分支1.查看分支2.创建分支3.切换分支4.分支合并5.删除分支1.9 删除二、任务1.创建一个项目-blog,并使用 git 命令进行初始化2.在 blog 项目中
2021-02-04 23:09:19
239
原创 nodejs笔记【7express框架初识】
目录express框架1. 问题1.1 下面报错原因及解决方法2. 编写路由的两种写法2.1 使用`express`编写路由2.2 使用`node.js`编写路由3. `send`与 `end`的区别3.1 区别3.2 如何让`end`也有`Content-type`属性的值4. 中间件4.1 中间件概念4.2 代码案例解释4.3 代码解释的时候提到的`use`5. 路由分组5.1 `express`方法5.2 整合,变清爽express框架1. 问题1.1 下面报错原因及解决方法报错原因:
2021-02-03 20:57:20
569
原创 编写路由写法【express和原生】
使用express编写路由// 引入expressconst express=require('express');// 创建一个web程序const app =express()// 添加路由// 使用express编写路由app.get('/',(req,res)=>{ res.send('home')})app.get('/list',(req,res)=>{ res.send('list')})// 启动服务app.listen(3000,()
2021-02-03 09:06:35
559
原创 nodejs笔记【4项目完结】
目录1.项目流程2.项目搭建2.1 初始化项目2.2 项目速成(后端)1. controller目录下的`blog.js`文件2. db目录下的`mysql.js`文件3. model目录下的`resModel.js`文件4. routher目录下的`blog.js`文件5. 根目录下`app.js`文件2.3 项目速成(前端)1. `index.html`页面3. 最终效果源代码链接:https://pan.baidu.com/s/1QBytlPhuPdCAFOoMd72WDA提取码:a7571.项
2021-02-02 20:04:28
323
原创 面试题四(6道)
目录1. iframe框架都有哪些优缺点优点:缺点:2. 简述你对BFC规范的理解介绍:形成条件(任意一条)特性应用场景3. 统计某一字符或字符串在另一个字符串中出现的次数方法一:方法二:4. 简述下html5的离线储存原理,同时说明如何使用?原理:如何使用:离线存储的manifest一般由三个部分组成:浏览器如何对离线存储的资源进行管理和加载:注意:更新缓存的三种方式:原文链接5. 清除浮动的方式有哪些及优缺点?伪元素清浮动:原文链接6. 写一个加密字符串的方法方法一,加密:方法一,解密:原文链接方法二:
2021-02-01 09:35:23
265
原创 nodejs笔记【3项目】
目录前言:准备阶段1. 项目入口文件1.1 启动`http`服务,引入`http`模块1.2 修改1.3 添加响应头1.4 配置不同接口1.4.1 博客列表1.4.2 博客详情1.4.3 代码精简1.5 post与get请求类型不同1.6 `postman`软件可实现不同请求类型的转换1.7 记录1.8 `exports`可以暴漏模块内部成员`a.js`页面`b.js`页面1.9 `module.exports` 也是可以暴漏模块内部成员的两者区别区别:2. 最终版`app.js`页面`blog.js`页面
2021-01-26 18:20:44
660
原创 面试题三(6道)
目录1. 简述超链接target属性的取值和作用2. CSS3新增伪类有哪些并简要描述3. 写一个把字符串大小写切换的方法写法一:写法二:写法三:4. label都有哪些作用?并举相应的例子说明5. 用css创建一个三角形,并简述原理6. 写一个去除制表符和换行符的方法1. 简述超链接target属性的取值和作用值描述_blank在新窗口中打开被链接文档。_self默认值。在当前窗口或者框架中加载目标文档。_parent在父框架集中打开被链接文档。当 a 标签本身
2021-01-25 09:08:14
148
原创 卸载虚拟机
1.关闭vmware软件2.停止vm所有服务此电脑——管理——服务和应用程序——服务——停止5个VM的进程Ctrl+shift+Esc打开进程管理——选择这几项VM进程右键全部结束服务卸载网络适配器1)运行(win+R)输入:devmgmt.msc 命令打开设备管理器2)展开 网络适配器,找到——全部右键,卸载设备,并弹出对话框中勾选删除此设备的驱动程序软件卸载文件:1)vmware图标右键,打开文件所在的位置。全部删除。shift+del2)虚拟机安装的操作系统路径
2021-01-21 20:53:19
456
原创 nodejs笔记【2】
目录1. 安装慢原因与解决办法2. `nrm`安装介绍:操作步骤:3. `cnpm`安装3.1 官网文档地址3.2 安装后的位置3.3 下载方式3.4 安装成功后,使用 cnpm 命令安装第三方模块,如3.5 总结:3.6 也可以两种方式都不用,而是使用安装包的时候指定下载源4. package.json 文件4.1 创建package.json4.2 `package.json`文件内容如下4.3 安装模块4.4 **删除node_modules**4.5 **恢复安装**4.6 总结:5. 遇到的
2021-01-21 19:43:26
900
原创 nodejs笔记【1】
目录node笔记一、如何查看下载的node 版本二、nodejs安装位置1.默认安装位置:C:\Program Files\nodejs2.我自己改的位置:F:\node3.重点:配置环境(安装完成应该会自动配置)三、Node.js组成四、打开方式1. 继承终端打开区别2. 可以在文件下打开`Powershell`五、npm1. 介绍2. 搜索更多扩展包3. `nodemon`包4. 全局安装 `nodemon`包,提示此系统上禁止运行脚本解决办法六、小总结七、读取文件1.同步读取2.异步读取(多种写法)八
2021-01-20 17:41:19
814
2
原创 面试题二(6道)
目录一、HTML全局属性(global attribute)有哪些(包含H5)?二、在页面上隐藏元素的方法有哪些?占位:不占位:利用 position (absolute 的情况下)其他代码案例:三、去除字符串中最后一个指定的字符方法一:方法二:四、HTML5的文件离线储存怎么使用,工作原理是什么?离线存储使用离线存储原理示例:总结:**优点:****使用:****manifest.appcache文件配置:****浏览器如何解析manifest****与传统浏览器的区别****状态 window.appl
2021-01-18 17:55:56
246
原创 面试题一(6道)
面试题一目录面试题一一、页面导入样式时,使用link和@import有什么区别?方式一:内联样式方式二:嵌入样式方式三:链接样式方式四:导入样式二、圣杯布局和双飞翼布局的理解和区别,并用代码实现圣杯布局代码:三、用递归算法实现,数组长度为5且元素的随机数在2-32间不重复的值四、html的元素有哪些行内元素块级元素H5新增五、CSS3有哪些新增的特性?边框(borders):背景:渐变:文本效果;转换:3D转换:过渡动画弹性盒子(flexbox)多媒体查询@media六、写一个方法去掉字符串中的空格一、
2021-01-18 17:49:22
125
原创 用JavaScript实现字体大小屏幕自适应
用JavaScript实现字体大小屏幕自适应<script> window.addEventListener('resize',function(){ console.log(111); // 获取当前页面的根元素 let doc=document.documentElement; // 获取当前设备的视口宽度 let view_width=doc.clientWidth; // 计算 fo
2021-01-15 09:06:15
1766
原创 移动端基础知识
目录1、分辨率2、1px=1个物理像素?3、逻辑像素4、设备像素比5、缩放5.1、放大5.2、缩小6、ppi7、二倍图8、视口8.1、布局视口 layout viewport8.2、视觉视口 visual viewport8.3、理想视口 ideal viewpoint9、meta标签(理想视口的设定)9.1、宽度设定9.2、缩放9.3、用户缩放9.4、最终版一个手机的物理像素个数是固定的。1、分辨率每一个长度方向上的像素个数乘以每一个宽度方向上的像素个数的表示形式,就叫做分辨率。同样的大
2021-01-07 17:17:09
509
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人