自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(43)
  • 收藏
  • 关注

原创 React

React 是一个用于构建用户界面的 JAVASCRIPT 库。React 主要用于构建 UI,很多人认为 React 是 MVC 中的 V(视图)。React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。

2022-12-09 00:32:03 169

原创 uni app 云开发

创建一个云开发项目选择关联云服务空间或项目 已有云服务器则选择关联 无则选择新建 新建一个云函数 并上传部署 调用新建的云函数 右键选择 打开uniCloud Wed控制台 新建一个concat数据库 右键选择 下载所有DB... 右键选择 schema2code(可能需要安装插件) 效果 再次新建数据库选择通讯录 和中国城市 右键选择 下载所有DB... 进行数据库关联右键选择 schema2code效果

2022-12-05 23:48:51 395

原创 支付及打包

进入小程序上传小程序右上角上传(先测试,真机测试)单击发行 发行->小程序微信。点击发行->点击上传app。打包可能需要一些时间。

2022-12-02 00:09:04 164

原创 uni vuex 组件及常用api

图片操作的api上传图片,使用uni.chooseImage()选择图片,其内部嵌套uni.uploadFile()。单击图片实现图片预览模式uni.previewImage(),在接口内部可以实现分享uni.share(),保存uni.saveImageToPhotosAlbum()1在项目根目录中的main.js中,引入并使用uView的JS库,注意这两行要放在import Vue之后。2.在项目根目录的uni.scss中引入此文件。在backgroundColor.vue中。

2022-12-01 00:41:14 491

原创 uni 笔记

js方法调用{{title.length}}{{title.split(“”).reverse().join(“”)}}@change=“$event.detail.value” 事件,事件的值$event.detail.value。接收onLoad(option){} option的值{name:“mumu”,age:18}uni.redirectTo({url})重定向。uni.navigateTo({url})跳转。native.js(js原生沟通的桥梁)微信小程序开发工具(微信小程序预览测试)

2022-11-28 23:16:41 451

原创 jquery封装

(function(){ //匿名函数自执行 // jQ的构造函数 function jQuery(selector){ // 返回new 一个初始化函数 return new jQuery.fn.init(selector); } // 定义JQuery构造函数的显示原型 jQuery.fn=jQuery.prototype={ constructor:jQuery, jquery:"9.0.0", length:0, get(index){ return th

2022-11-23 23:49:10 656

原创 webpack的基础

webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时,它会在内部从一个或多个入口点构建一个 依赖图(dependency graph),然后将你项目中所需的每一个模块组合成一个或多个 bundles,它们均为静态资源,用于展示你的内容。

2022-11-23 00:59:20 235

原创 前端面试题

值类型key与value存储在栈中引用类型在栈存储的引用地址,在堆中存储是数据把引用类型赋值给一个变量,是吧变量的引用地址指向引用类型堆中地址。

2022-11-21 23:33:15 110

原创 微信小程序云开发

【代码】微信小程序云开发。

2022-11-18 02:33:45 247

原创 微信小程序笔记

# 定义## 微信里面app 16年推出 竞品:支付宝小程序,钉钉,美团,头条,抖音qq小程序 优点 在微信自由分享 不用下载app 能快速的开发,使用微信的api接口 开发者 内存,源码,图片,存储,接口与数据都有限制 网址 注册一个微信小程序 https://mp.weixin.qq.com/wxopen/waregister?acti

2022-11-10 20:57:59 509

原创 功能模块总结

通过接口将页面渲染出来之后,通过事件修改接口的负载,来实现页面内容的切换${this.}${this.}${this.}${this.}${this.}

2022-11-08 02:43:13 243

原创 VUE3基础

var list = reactive(["vue", "react", "angular", "小程序"]);//在setup中num的值访问与赋值要加value 在template不需要。// console.log("setup在组件挂载前执行");console.log("组件将要卸载");//创造一个响应式对象 num 默认是5。//ref导入一个创建响应式 值类型数据的方法。//注意值类型访问要加value。//reactive 响应式 引用类型方法。//定义一个响应式列表数据。

2022-11-07 02:35:02 86

原创 git笔记

git reflog查看相关版本切换到某个版本 git reset --hard版本号远程仓库添加远程仓库 git remote add origin仓库地址添加到版本库 git add .git commit -m "提示"推送到远程 git push -u origin "master"第二次推送 git push origin "master"下载远程到本地git clone远程地址推送到远程git push -u origin "master"首次git push origi

2022-11-01 18:41:14 134

原创 百度地图的使用

var map = new BMapGL.Map("container"); var point = new BMapGL.Point(113.665, 34.784); map.centerAndZoom(point, 15); map.enableScrollWheelZoom(true); var scaleCtrl = new BMapGL.ScaleControl(); // 添加比例尺控件 map.addControl(scaleCtrl); var zoomCtrl

2022-10-31 20:49:45 630

原创 eachers

2.依赖轻量级的矢量图像库,提供直观,交互丰富,可高度个性化定制的数据可视化图标。每个执行延迟的时候(idx就是下标,随着下标增大延迟变长)1.一个可以使用javascript实现的开源可视化库。eachers的网址:Apache ECharts。x轴线 y轴线。

2022-10-27 21:06:47 743

原创 mockjs笔记

生成随机数据,拦截ajax安装npm i mockjs -D使用import Mock from 'mockjs'Mock.mock(url,data)main.js导入import '@/utils/mock.js'mock用法mock(url,data)mock(url,method,data)mock(url,method,function(option){ return data })url:可以是正则,也可以是字符串methodLpost,get,put,deleteo

2022-10-24 17:40:10 895

原创 组件的传参及VueX

父传子 props子传父 事件$emit引用父组件$parent √引用子组件$children √$refs √引用根组件$root根组件 最大组件事件bus传参(跨层级访问数据)(非父子关系)1. 创建bus.jsimport Vue from 'vue'var bus = new Vue();export default bus;2. 在要发送数据的组件中导入bus并使用 bus.$emit3. 在有接收数据的组件中导入bus 并使用 bus.$on (注意this)注

2022-10-20 20:53:30 259

原创 Vue插件

Vue.prototype.$toast=Toast 将插件挂载到全局的(所有组件的方法和属性)Vue.extend(.vue文件) 继承.vue文件的构造函数。插件需要在vue文件中使用Vue.use(插件)插件是一个对象,必须实现install办法。el 实例的真实dom。

2022-10-15 18:09:21 1027

原创 Vue脚手架及Vue路由

query 查询参数hash 哈希meta 原信息路由什么时候用props当数据不需要修改,且需要从父组件获取什么时候用data当数据需要修改的时候能用props解决就用propsVue路由spasinglePageApplication一个网站的所有页面都集成在一个html文件里面通过切换div模拟页面的切换优点资源公用前后端分离页面切换流畅缺点对SEO搜索引擎不友好原理: 地址改变 不刷新页面 监听地址栏变化实现页面局部更新Hash路由锚点

2022-10-11 20:35:19 1553

原创 node js 基础

max() {} }var sql = 'select * from feedback where 1' 执行sqlif(!err) {//res就是从数据库获取的数据 console . log(res);

2022-09-29 19:20:06 1752

原创 npm笔记

​环境产品环境jQuery(--save/-S)可不写开发环境 less(--save-dev /-D)可不写全局环境-g电脑上所有项目都可以 所有这个插件安装install/inpm install jquery -Snpm i jquery -Snpm i jquery bootstrap -S指定版本 npm i jquery@版本号卸载uninstall/r/unnpm uninstall jquery less版本x.y.zx 大版本:不兼容的更

2022-09-28 20:46:52 1991

原创 Es6笔记 新

(let v of myArr.values())for (let[k,y] of myArr.entriesPromisevar p=new Promise((resolve,reject)=>{//异步状态​resolve(data)reject(err)})有三个状态 不可逆penddingresolvedrejected实例p.then(res=>{})回调函数获取resolved返回的结果返回一个新的promise实例.catch(err=>{})获取rejec

2022-09-28 20:45:06 1740

原创 ES6笔记

item 当前遍历元素 index 当前元素下标 self 被遍历的数组。object.create()通过现有对象创建一个新的对象。ject.keys()获取对象所有键的集合成为一个数组。Object.values()获取值的集合。object.assign()合并对象。starsWith 以...开头。endsWith 以...结尾。includes 是否包含。padStart 填充在前。如果需要返回对象用({})trimRight 右边。padEnd 填充在后。trimLeft 左边。

2022-09-26 17:37:19 1809

原创 Vue 过滤器(发布时间)

{{day|time}} new Vue({ el: '.box', data: {

2022-09-24 14:48:34 69

原创 vue概念及基础

正在上传…重新上传取消。

2022-09-19 16:53:04 2615

原创 购物车效果

购物车效果

2022-08-18 21:56:06 113

原创 DOM节点查找,创建,克隆,删除和属性操作

Document

2022-08-13 10:34:56 139

原创 吸顶效果及水平轮播图

吸顶效果及水平轮播图

2022-08-11 14:35:35 117

原创 正则表单验证

正则表单验证确认密码与密码保持—致电子邮箱:生日:

2022-08-08 17:15:04 508

原创 js小练习三个

请输入你的年龄:"result": [["风衣外套女", "309337.9010781968"],["风衣外套女小个子", "286910.9416620293"],["风衣外套女春秋", "365518.2161589453"],["风衣男中长款", "120840.59786064255"],["风衣女中长款", "216831.0468577729"],...

2022-08-05 21:54:43 140

原创 正则方法及规则

返回值:布尔值 //如果字符串匹配到正则表达式,返回true,否则返回falseI // var str = "hE1lo world ,hello giku"; // //var reg =/hello/ ; // var reg = /\d/; // console.log(reg.test(str)); // var reg = /^(([^()[\]\\.,;:\s@"]+(\.[^()[\]\\.,;:\s@"]+)*)|

2022-08-04 19:02:14 53

原创 简易轮播图

.简易轮播图box {}img {}}}}}}}}}}}}}}}}}}

2022-08-03 22:02:42 55

原创 数组及常用方法

数组及常用方法///console.log(total);//unshift()//在数组头部添加一个或多个元素用逗号隔开,返回值为数组长度;//vararr=newArray(10)//创建一个长度为10的数组;//vararr=newArray('10')//创建含一个元素的数组;//i数组里的所有元素。//shift()//删除数组第一个元素,返回值删除的元素。//pop()//删除数组最后一个元素,返回值删除的元素。//console.log(i)//i数组值。...

2022-08-01 21:41:50 68

原创 字符串截取字符串分割字符串索引

字字符串截取字符串分割/console.log(str.startsWith('k',5))//从位置5查找字符串是否以k开头返回true/false。//5截取位置7截取到的位置包含开始不包含结束。//console.log(str.includes('k',5))//从位置5查找k返回true/false。//console.log(str.concat(字符(串)1,字符(串)2...))连接字符(串)//console.log(str.includes('k'))//查找k返回true/false。

2022-08-01 14:44:48 241

原创 js简单的下载进度条

text.innerText='下载完成';js简单的下载进度条

2022-08-01 12:00:31 670

原创 js简单的表单验证

na1.style.color = 'red'; return naflag = false; } } } na1.innerHTML = ""; } _dlm.onblur = function () { for (var i = 0; i < _dlm.value.length; i++) {

2022-08-01 11:58:39 160

原创 Math Date对象

console.log(mydate.toLocaleDateString())//年月日时。console.log(mydate.toLocaleTimeString())//时分秒。console.log(mydate.getMilliseconds())//毫秒。console.log(mydate.getFullYear())//年。console.log(mydate.getMinutes())//分。console.log(mydate.getSeconds())//秒。

2022-07-27 18:25:19 60

原创 简易对话框编译

简易对话框编译 }#box1 :nth-of-type(odd) { text-align: right; #box1 :nth-of-type(even) text-align: left;}html

2022-07-27 09:02:45 101

原创 什么是BFC,哪些元素会产生BFC

根据属于同一个BFC的两个相邻盒子垂直方向的margin会发生重叠的性质,可以给其中一个盒子再包裹一个盒子父元素,并触发其BFC功能(例如添加overflowhidden;每个元素的marginbox的左边,与包含块borderbox的左边相接触(对于从左往右的格式化,否则相反)。由于在计算BFC高度时,自然也会检测浮动的子盒子高度。所以当子盒子有高度但是浮动的时候,通过激发父盒子的BFC功能,会产生清除浮动的效果。BFC就是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素。...

2022-07-27 08:57:25 1035

原创 弹性盒子与媒体查询

弹性盒子与媒体查询justify-contentflex-start(默认)左对齐/flex-end右对齐/center水平居中/space-between两端对齐项目(盒子)间距离相等/space-around两端对齐项目两侧距离相等/space-evenly两端对齐两端距离与盒子间距离相等。align-itemsstretch(默认当项目没有设置高度会默认为父元素高度)/flex-start(顶部对齐)/flex-end(底部对齐)/center垂直居中/baseline与第一行文字底部对齐/...

2022-07-27 08:55:59 209

空空如也

空空如也

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

TA关注的人

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