自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(35)
  • 资源 (1)
  • 问答 (1)
  • 收藏
  • 关注

原创 2.3云服务器安装搭建node环境

安装成功后点击刷新软件列表。(最终项目若有问题可重新启动一下)千万不要选择最新版!!!!!选v16.17就行了!最新版你把之前学的json文件复制过来,npm i 的时候会报错!

2022-12-07 18:17:11 360 1

原创 2.2创建云数据库并连接 - svn使用

5.下载完后 把远程库添加进来这四条画线的,都和宝塔上的服务器对应照着图自己看着来上传成功啦QAQ终于不用带着u盘走来走去的,也不用忍受git的龟速了

2022-12-06 19:45:50 348

原创 1.4.node连接数据库(二)把数据库单独分离一个js文件 - 进行一个简单的带参查询 - 查不到的时候新增数据

s.jsmysql.js

2022-12-05 23:28:49 325

原创 1.3.node连接mysql

cnpm i mysql根据前端发来的query中的openid查找数据首先上错误:emm:我也看不懂说的啥,err那一行复制下来,百度一搜大致就是说我们这个账号密码不能用于node连接,反正就是要修改一下密码就行了以上:三行代码搞定1.先登录数据库2.输入密码3.alter user ‘root’@‘localhost’ identifed with mysql_native_password by ‘123456’记得服务器文件也要修改新密码:然后重新运行服务器 node s.js

2022-12-05 23:28:22 258

原创 1.2.mysql下载安装以及基本操作

下载安装完成后,2.配置环境变量配置环境变量完成后,3.使用一些命令:mysql ->1.查看数据库服务器中的所有的数据库show databases;2.创建数据库create database 数据库名3.进入一个数据库use 数据库名4.查看该数据库的所有数据表show tables5.创建表(常用数据类型见下图)create table 表名(字段类型 字段名);6.查看具体数据表结构describe 表名7.向表中添加数据insert into 表名 v

2022-12-05 23:28:06 104

原创 1.1.node搭建本地服务器

在本地创建文件夹,用于存储服务器相关文件。以上内容粘贴过去就行了,简易服务器完成。

2022-12-02 16:21:24 2009 1

原创 vue+js:弹窗内滚动到某个div(场景:通讯录字母跳转)

【代码】vue:弹窗内滚动到某个div。

2022-11-29 19:12:42 487

原创 git版本回退 - proxy报错 - git提交不了也拉取不了

删除掉.git文件夹里的一个index.xx 的文件就好了。可以看到该文件的倒数第二个版本为11.9号那个。选中上次提交的文件,右键,选第一个。记得cnpm run dev/s。然后 cnpm i 就可以了。粘贴复制过去 然后提交。

2022-11-25 21:26:03 554

原创 2022-11 JS/ES6:父子组件异步请求 - map改变原数组

给子组件加v-if 判断需要传递的数据是否已经存在,防止组件提前渲染。

2022-11-25 21:23:37 171

原创 2022-11 vue:组件带额外参数 - watch和created - props写法 - html中当前时间

说明:watch监听属性,如果不加immedite,则created先执行;if(newName) 是为了防止组件在关闭的时候,watch监听到值的改变执行不必要的请求;deep为开启深度监听,在此处可不写。说明:在页面上引用,visible直接赋值为true即可;在弹窗中调用,dialog一定要加上close关闭回调,这样组件在关闭后重新打开,才能检测到visible的变化,触发watch。return eventsName(e1,e2,e3,额外参数)使用==$event== 标注原参数。

2022-11-25 21:22:22 322

原创 2022-11 CSS:flex布局父子宽度问题-小程序scrollView-div横向滚动字体超出隐藏-居中

如上图,父元素左右flex布局,右侧子元素flex布局且未设置宽度的状态下,对右侧子元素的第三行标签盒子也设置flex布局。如上图,父元素左右flex布局,右侧子元素flex布局且未设置宽度的状态下,对右侧子元素的第一行也设置flex布局。再对第一行公司名称设置flex:1,实现不设置文字宽度的超出隐藏。另:以上两种情况,右侧盒子无需设置flex:1。设置最小高度是为了,当第三行标签不存在的时候,右侧盒子高度会小于图片高度,由于父元素设置了aline-items:center,右侧盒子会居中。

2022-11-25 21:19:15 1741

原创 2022-11 wx:图片预览-获取视频标签-自定义scroll-view滚动条-页面滚动防抖-滚到底部

wxml:data-ims = “图片数组”swpVideo+index 为视频在遍历的时候 绑定的动态ID效果:html:模拟一个滚动条监听滚动css:js:

2022-11-25 21:16:33 114

原创 elementUI 走马灯两侧按钮向外 - 走马灯多个数据时对数组的处理

elementUI走马灯分组数据展示

2022-10-27 08:58:39 541

原创 2022-3-WX-按钮带参-自定义方法名-全局样式-组件生命周期-更改data中的属性-触发子组件-判断手机-设置tabbar

funName = "chooseYet" bind : chooseYet = "想要触发的方法"

2021-08-02 14:10:43 1553

原创 2022-3-ES6-生命周期-回调-promise/async-两个数组返回相同项-数组分组

在这里插入代码片。

2021-06-15 16:38:28 163

原创 uniapp封装加载动画

1.写个组件,计算属性控制显隐2.vuex新增个属性,在网络请求中引入vuex3.引入4.在有网络请求的页面引入组件

2021-06-11 16:40:57 1250 1

原创 js数字滚动插件

<script src="lib/anime/anime.min.js"></script><script src="lib/scrollReveal/scrollreveal.min.js"></script>说明:1为作用区域,滚动到该位置,.center4一整个div会重新加载2为数字的html区域,从0开始滚动round为步进值duration为总用时...

2021-05-25 09:53:52 247

原创 wx二维码扫描

【代码】wx二维码扫描。

2021-04-28 14:11:45 114

原创 wx处理富文本中的图片-wx富文本图片预览 -uni-parse 处理富文本

【代码】wx处理富文本中的图片-wx富文本图片预览 -uni-parse 处理富文本。

2021-04-21 15:36:55 224

原创 wx获取状态栏高度

1.生命周期需为beforeMount2.把它写入html3.红色部分高度一般是40px

2021-04-14 10:57:23 161

原创 wx:地图控件 - 授权/获取地理位置 - 分享 - wx支付 - wx登录授权

【代码】wx:地图控件 - 授权/获取地理位置 - 分享 - wx支付 - wx登录授权。

2021-04-14 10:15:05 92

原创 wx:scroll-view横向滚动 - 回到顶部 - 图片预览 - 图片src转base - 本地图片设为背景图片

我也不知道我也不知道我也不知道我也不知道我也不知道

2021-04-13 09:45:35 308

原创 wx常用基础:强制更新 - 动态样式拼接 - 监听页面返回 - 导航bar控件

链接:https://blog.csdn.net/zhouzuoluo/article/details/81010331。

2021-04-13 09:09:04 64

原创 uniapp 引入iconfont字体图标

如报错,将// 改为 https://每次更新下载新图标,这两处都会变。

2021-04-08 13:12:51 204

原创 VUE:引用SCSS - 引用echarts - 引用vant图片预览

参考:https://blog.csdn.net/qq_36875339/article/details/81086205

2021-03-26 16:21:23 106

原创 2020前的学习笔记 JQ/CSS/JS/Node

Node interpreter : node安装路径下的node.exe。--------------安装WS------------------------------安装Node---------------JQ对象.on(“click”, function() { } )-------------创建新工程--------------Dom对象.onclick = function() { };或 JQ对象.click( function() { } )

2021-03-26 10:13:44 114

原创 vue05-axios网络请求

1.下载安装配置1.文档结构S-DB文件夹------>db文件夹(用于连接数据库)----->安装mongodb,----->db-server.js----->npm vue-axios axiosvue工程目录----->vue.config.js2.引入在main.js中import axios from ‘axios’import VueAxios from “vue-axios”Vue.config.productionTip = fals

2020-11-06 09:37:12 100

原创 vue03-cli-Router

1.文档结构App.vue是最大的组件,挂载静态资源index.html中的div#app1.在这里可以引入页面导航,页脚这些固定组件2.可以写个组件显示一级路由的视图<router-view3.所有组件的data都要写成function return的形式2.跳转路由的方式插座<router-link to="/Shangpin">商品</router-link><router-link :to="'/Shangpin'">商品</rou

2020-11-06 08:52:24 163

原创 vue04-动画-动态组件

1.1. 基本过渡动画transition的name名要和样式的前缀名一致(fade)enter---->enter-to —enter-activeleave---->leave-to —leave-active<transition name="fade"> <p v-if="show">hello</p></transition>.fade-enter{ opacity: 0; width: 0;

2020-11-03 14:46:31 136

原创 vue01-指令-事件修饰符-过滤器-值改变页面检测

1.指令v-cloack:当vue.js没有被加载时,v-cloak会被识别成普通的自定义属性,让我们添加了该元素的元素display:none即可一旦vue。js加载完毕,v-cloak就会被识别成vue的指定,会自动取出之前的效果v-class:语法::class=‘class名’:class=’{class名:true}’:class=’{class名:是否表达式}’在data中设置class名:truev-style:不可设置是否,但是可以在data中描述v-hrefv-html

2020-10-29 19:20:11 195

原创 PS:给图片添加方格

1.准备一张图注:双击右侧解锁图片2.按住shift 划出单位方格注:ctrl+D取消选择3.ctrl+c 拷贝–>ctrl+n 新建宽高为方格单位,背景为透明4.选择铅笔工具,描出左下边框5.编辑-定义图案6.返回大图,shift+F5...

2020-08-18 16:06:14 2078

原创 背景图片设置:视觉差效果的实现background-attachment: fixed;

1.background-sizebackground-size:cover; 尽可能显示背景图片,会按照自身的比例伸缩background-size:contain;将图片完全显示,会按照自身的比例伸缩background-size:100% 100%;按容器比例撑满,图片变形;background-size:val val;给图片固定的宽高,第二个值不写则为auto2.视觉差的实现 [class]{ width: 800px; height: 200px;

2020-08-08 15:34:01 519

原创 背景图片设置:background-repeat的space和round属性

1.容器空间小于图片space 背景图不会产生缩放,会被裁切round 将背景图压缩至容器大小2.容器大于背景图space 在不缩放的前提下尽可能多的重复图片 ,不足的空隙均分(类似于flax布局中的content-between)round 充分利用容器空间,重复n次之后(x/y轴方向)如果剩余空间大于等于imgWidth*50%则重复第n+1次,否则拉伸已经重复的背景图...

2020-08-08 15:05:44 2199 2

原创 Emmet语法-HTML速写

Emmet是一款插件,只要能安装他的编辑器都能使用,大部分编辑器都可以使用该语法规则,我们平时开发的Sublime Text、Eclipse、Notepad++、VS code、Atom、Dreamweaver等等编辑器都可以使用。安装方式和平时安装插件一样搜索这个emmet插件安装,每个编辑器安装方式不同,请各自尝试1.html初始结构!<!DOCTYPE html><html lang="zh"><head> <meta charset="UT

2020-08-08 10:41:36 189

原创 CSS属性选择器,易混淆选择器,常用选择器

1.存在属性和值属性选择器[attr]: 具有attr属性的元素[attr=val]:attr属性仅为val的元素[attr~=val]: attr属性包含val的元素[attr*=val]:attr属性包含val字符串的元素[attr^=val]:attr属性的值以val开头(包括val)的元素[attr$=val]:attr属性的值以val结尾(包括val)元素[attr|=val]:attr属性的值以val-开头(包括val)的元素2.易混淆选择器.val1.val2

2020-08-08 10:39:09 167

gf-table-list.vue

gf-table-list.vue

2022-02-21

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除