- 博客(46)
- 收藏
- 关注
RSS订阅
原创 小程序网络请求
跨域的问题小程序没有跨域的问题跨域起源事浏览器同源策略下面这个代码看似都没错 ，但是在小程序会报错* getData(){ wx.request({ url: 'http://jsonplaceholder.typicode.com/todos', //仅为示例，并非真实的接口地址 // methods:"post" success (res) { //请求成功后 console.log(res.data) } }) },
2021-01-24 22:05:23
2583
4
原创 get拼接参数两种方式
Get两种传参一：/sc/payReceipt/56export function startEnd(id) { // 查看详细内容 return request({ url: '/sc/payReceipt/' + id, method: 'get', })}二：sc/subscribePuwarehouse/getOne?id=13export function startEnd(data) { // 查看详细内容 re
2021-08-10 15:26:08
3867
原创 图片悬浮切换
<div class="item" v-for="(item,index) in List" :key="item.index" @mouseenter="enters(index)" @mouseleave="leaver(index)" > <div class="box-w" v-show="s
2021-06-10 17:14:44
184
原创 关于dist打包后的加载页面和背景图加载不出来的问题
将config文件夹里面的index.js中的assetsPublicPath的值修改 为“./”，问题解决。：修改打包后背景图片的引用路径资源内的图片是通过css加载的，CSS代码如：background：url（…/ assets / img-bg / buttonbg.png）no-repeat;但是打包过后的CSS变成了背景：url（…/…/ static / img / buttonbg.68979b3.png）no-repeat;我们需要修改配置文件，是的CSS代码打包后，资源引用路径.
2021-06-03 17:11:29
464
原创 账号登出确认
账号登出this.$confrimthis.$confirm('真的确定要等出吗', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(async () => { const data = await login_out(); console.log(data)
2021-04-15 15:20:33
373
原创 :rules用法
在vue中使用rules对表单字段进行验证1. 写在 data 中验证<el-form ref="rulesForm" :rules="formRules" :model="rulesForm" label-width="200px">formRules: { userName: [ {required: true,message: "请输入用户名称",trigger: "blur"} ]
2021-04-12 14:14:00
6179
原创 delete和object.keys()
delete操作符delete 操作符用于删除对象的某个属性；如果没有指向这个属性的引用，那它最终会被释放。delete 操作符会从某个对象上移除指定属性。成功删除的时候会返回 true，否则返回 false。delete query.page; delete query.classify;Object.keys()方法使用Object.keys()方法会返回一个由给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用for…in循环遍历该对象时返回的顺序一致，如果对象的键-值都不可
2021-04-12 09:01:33
370
原创 vue 解决:Error in v-on handler: “TypeError: Cannot read property ‘compareTo‘ of undefined“
vue 解决:Error in v-on handler: “TypeError: Cannot read property ‘compareTo‘ of undefined“解决方法:这里必须是$refs和ref对应,并且调用的compareTo需要名称一致 一定要仔细检查调用的名称 大小写不能乱用于下滑加载数据 可视区getBoundingClientRect用于获取某个元素相对于视窗的位置集合。集合中有top, right, bottom, left等属性。1.语法：这个方法没有
2021-04-08 16:54:04
1966
原创 WebSocket、socket.io
WebScoketWebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议先外部安装 npm i ws -S创建websocket服务器var WebScoketServe = require("ws").Server;//npm i ws -Slet wss = new WebScoketServe({ port: 8986 });//connection连接wss.on("connection", function(ws) { l
2021-03-30 19:30:04
85
转载 图形化Navicat Premium 安装使用教程
navicat premium12 navicat premium12是一款数据库管理工具。将此工具连接数据库，你可以从中看到各种数据库的详细信息。包括报错，等等。当然，你也可以通过他，登陆数据库，进行各种操作。navicat premium是一个可多重连线资料库的管理工具，它可以让你以单一程式同时连线到 mysql、sqliteoracle 及 postgresqnavicat premium12快捷键ct
2021-03-29 20:20:30
182
原创 mysql2安装与使用
nodejs中mysql2模块安装npm i mysql2 -S使用const mysql2 = require("mysql2");配置和数据库之间的连接const connection = mysql2.createConnection({ host: 'localhost', //主机 user: "root", //用户名 password: "102327", //自己设置的密码 database: "js05", //表名 charset:
2021-03-29 19:26:40
3187
1
原创 mysql图形化2
数据库中的数据操作 curd操作删DELETE FROM 表名 WHERE 条件改UPDATE 表名SET 设置的内容WHERE 条件语句查SELECT 字段一,字段二 FROM 表名 WHERE 条件语句条件语句ADN 2 OR 3. ORDER BY (DESC/ASC) 4.LIMIT 5.LIKE 6.JOIN ON 7.ASMysql2 学习MySQL2项目是MySQL本机. 协议解析器代码被从头重写，api也被更改以匹配流行的 mysqljs/mysql.
2021-03-28 20:29:34
68
1
原创 Koa的学习
Koa的了解Koa是express原班人⻢打造的轻量、健壮、富有表现力的nodejs框架。使用Koakoa安装* $ npm i koa一个简单的koa服务器const Koa = require("koa");//koa正常使用let app = new Koa();//使用 会有一个回调函数ctx: context对象 app.use(async (ctx) => { //ctx.request === req; ctx.response ===
2021-03-25 19:06:11
121
2
原创 node pug语法和nunjucks
模板引擎：模板引擎是web应用中动态生成html的工具，负责将数据和模板结合；安装 Koa、Koa-router、Koa-views pugnpm i koa koa-router koa-views pugnode.js生成html 这是数据//引入const Koa = require("koa"); //加载koa框架const Router = require("koa-router"); //加载路由const views = require("koa-views") //
2021-03-24 18:38:52
321
原创 node.js学习2
模块化内置模块不需要安装，外置模块需要安装；这个文件放的是自定义模块require("./home");//自定义模块 同级目录需要加./下面这个文件的文件名内置模块require(“tt”); //存放在node_modules，按照内置模块的规则来执行。npm包管理器 （别名：模块管理器）npm常用指令：npm init：引导创建一个package.json文件npm root 查看当前包安装的路径 或者通过 npm root -g 来查看全局安装路径；
2021-03-23 19:07:02
190
原创 node.js学习
初步感受Node.js//引入kttp模块const http = require("http");//创建服务器const serve = http.createServer((req, res) => { // 发送 HTTP 头部 // HTTP 状态值: 200 : OK // 内容类型: text/plain console.log("hello"); //黑窗口中显示 // 发送响应数据 "Hello World" res.en
2021-03-22 19:10:44
245
1
原创 hooks 和简单动态路由
< Route path = "/about" exact render = { (props) => { return <AboutPage {...props } > < /AboutPage> } } />简单的动态路由< Link to = "/list/1" > 1 < .
2021-03-14 22:25:54
171
原创 NavLink的学习
hooks (Router5.0之后出现的)不在类组件内使用useHistory : 获取History对象useLocation : 获取Location对象useParams : 获取ParamsuseRouteMatch : 获取MatchNavLink 组件NavLink 与 Link 类似，但是它提供了两个特殊属性用来处理页面导航activeStyle当当前 URL 与 NavLink 中的 to 匹配的时候，激活 activeStyle 中的样式activeClass
2021-03-14 17:13:56
474
原创 React-router exact link
引用下面两行代码就OK// import { HashRouter } from “react-router-dom” //这个这里有#号import { BrowserRouter } from “react-router-dom”//exact 这种的就是只显示指定的页面/*< Route path = "/" exact component = { IndexPage } />*/...
2021-03-13 22:04:07
109
原创 react路由
路由当应用变得复杂的时候，就需要分块的进行处理和展示，传统模式下，我们是把整个应用分成了多个页面，然后通过 URL 进行连接。但是这种方式也有一些问题，每次切换页面都需要重新发送所有请求和渲染整个页面，不止性能上会有影响，同时也会导致整个 JavaScript 重新执行，丢失状态。SPASingle Page Application : 单页面应用，整个应用只加载一个页面（入口页面），后续在与用户的交互过程中，通过 DOM 操作在这个单页上动态生成结构和内容优点：有更好的用户体验（减少请求和渲染
2021-03-13 20:30:00
74
原创 常用 hook
常用 hookuseStateconst [state, setState] = useState(initialState);import React, { useState } from 'react';import Child from './Children'/* 作用 let [状态的值---属性名，修改状态的方法] = useState(状态的初始值--属性值) 跟新前对象 跟新后字符串*/function App() { let [
2021-03-12 16:40:34
216
原创 React key的了解
key 的问题key 不能做下标 用唯一标识符在 React ，组件每次更新时，会生成一个 虚拟DOM，和原有的虚拟DOM进行对比。如果是批量生成的一组元素，那React就会根据 key 值去做对比一个列表中的每一项 key 是唯一的如果列表中发生顺序等操作变化，key 一定要用数据的id代码演示import React, { PureComponent, } from 'react';// class Popwindows extends PureComponent {// }
2021-03-11 20:52:52
67
原创 React-ref使用
ref旧版 - string ref主流 - createRef()注意：在 组件挂载完成之后及更新之后使用什么是 better-scrollbetter-scroll 是一个移动端滚动的解决方案，它是基于 iscroll 的重写，它和 iscroll 的主要区别在这里。better-scroll 也很强大，不仅可以做普通的滚动列表，还可以做轮播图、picker 等等。安装better-scrollnpm i better-scroll引用import BScroll fro
2021-03-11 14:39:39
60
原创 受控与非受控组件
受控组件：类似于Vuede双向数据绑定数据和视图之间可以相互影响非受控组件：类似于单向数据流只可以数据改变试图非受控组件: 我们不需要同步 value 值(defaultValue，defaultChecked)< // input type = "text" // defaultValue = { info } // / >受控组件< input type = "text" value = {
2021-03-10 20:49:21
101
原创 React生命周期了解
组件的生命周期所谓的生命周期就是指某个事物从开始到结束的各个阶段，当然在 React.js 中指的是组件从创建到销毁的过程，React.js 在这个过程中的不同阶段调用的函数，通过这些函数，我们可以更加精确的对组件进行控制，前面我们一直在使用的 render 函数其实就是组件生命周期渲染阶段执行的函数生命周期演变 以前-----现在以前挂载阶段constructorcomponentWillMountrendercomponentDidMount更新阶段父组件更新引起组件更新
2021-03-08 21:32:29
50
原创 代码练习
子传父 父传子组件间通信点开哪一个展开哪一个< button onClick = { () => { changValue("佳佳") } } > 点我变身 < /button>class App extends Component { state = { name: '鸡胸肉', hobby: '佳宝贝' } changV
2021-03-07 23:31:28
167
原创 react组件之间通信
组件通信与数据流在 React.js 中，数据是从上自下流动（传递）的，也就是一个父组件可以把它的 state / props 通过 props 传递给它的子组件，但是子组件不能修改 props - React.js 是单向数据流，如果子组件需要修改父组件状态（数据），是通过回调函数方式来完成的。父级向子级通信子级向父级通信import React, { Component } from 'react';export default class Dl extends Component {
2021-03-07 17:16:10
128
原创 React的循环渲染数据解决
这里会显示报错 解决方法在package.json或者.eslintrc.js中找到 eslintConfig 块，在其rules下加入"no-unused-vars": "off"即可，如下图key 开发环境中 ，不建议使用数据的索引
2021-03-06 20:55:59
395
原创 React- create-react-app - 脚手架安装与创建
React自动化构建###基于自动化的集成环 境模式 - create-react-app - 脚手架安装npmnpm i -g create-react-appyarnyarn global add create-react-app创建项目create-react-app <项目名称>显示这样就是已经创建成功...
2021-03-01 21:54:06
66
原创 React插值表达式
React 插值表达式<script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script> <!-- 相当于react.js --> <script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></scri
2021-02-28 20:55:07
563
原创 React组件
组件复用 - 数据抽取为了提高组件的复用性，通常会把组件中的一些可变数据提取出来let datas = { family: { title: '家人', list: [ {name: '爸爸'}, {name: '妈妈'} ] }, friend: { title: '朋友', list: [ {name: '张三'},
2021-02-26 21:37:59
47
原创 React的介绍和使用安装
React声明式React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据改变时 React 能有效地更新并正确地渲染组件。组件化创建拥有各自状态的组件，再由这些组件构成更加复杂的 UI。组件逻辑使用 JavaScript 编写而非模版，因此你可以轻松地在应用中传递数据，并使得状态与 DOM 分离。class HelloMessage extends React.Component { render() { return ( <div&
2021-02-24 21:06:28
60
原创 微信小程序框架使用
mpvue的使用方法在我们安装完全局之后我们会看到一个 my-project进入 ：cd my-project然后安装： npm install最后启动 ：npm run dev在小程序中导入项目C:\Users\15862\WeChatProjects\miniprogram-1\my-project\dist这个是文件路径 需要自己找 然后找到这个文件下面的文件把这个文件导入到小程序中我们就可以在代码编译器中写内容在小程序中就会自动更新 点击模拟器查看另外就是我们根
2021-02-07 23:11:46
165
原创 云函数调取页面内容
云函数调取网页内容// 云函数入口文件const cloud = require('wx-server-sdk')cloud.init()const axios = require("axios")const cheerio = require("cheerio")//加载本地数据// 云函数入口函数exports.main = async (event, context) => { const wxContext = cloud.getWXContext() let
2021-02-05 23:45:32
294
原创 云函数中数据记录的变更
云开发的数据局部更新更新数据//点击更新数据 updataData(){ db.collection('lwj').doc('28ee4e3e601bff5d02edbf392da8b5f5') .update({ // data 传入需要局部更新的数据 data: { // 表示将 done 字段置为 true name: "李狗蛋", age:1000 }, success: f
2021-02-04 22:42:03
175
原创 小游戏的玩法
微信小游戏实现功能此图就是一个小游戏的玩法点击按钮i 点击不松开 设置开始时间和结束时间开始时间设定结束时间（松开鼠标）if判断来判断最后的结果 startTime(){ let startTime = new Date().getTime(); this.setData({ startTime}); }, endTime(){ let endTime = new Date().getTime(); let tapTime = (endTi
2021-02-03 22:57:25
64
原创 2021-01-31
小程序WebSocket请求创建一个WebSocketlet ws = wx.connectSocket({url: ‘ws ????/192.168.31.1:8080’,})监听WebSocket连接打开事件wss.onOpen(() => {console.log(“连接成功”)})发送消息ws.send({data: JSON.stringify(data)})监听WebSocket接受到服务器的消息事件ws.onMessage(r
2021-02-01 23:26:26
47
原创 插槽 与 websocket
引入组件 父传子 组件内修改值 监听值 子传父子组件向父组件子<button style="margin-top:20px" type="primary" bindtap="changValue">点击修改父级的值</button>父 <my-components bind:myevent="myevent"></my-components>监听点击修改父级的值 的按钮最后出来结果...
2021-01-31 23:33:07
83
原创 组件的定义引入传参
组件父传子先是创建创建这两个文件来传先把welcome引入到app.json 切记要把这个放在最上面才会最先显示这个页面如下如代码<view> <my-components myvalue="父亲的值"></my-components></view><view> 我是模板我是组件->{{myvalue}} <button type="primary" bindtap="clickFn">点我修
2021-01-30 22:32:15
94
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人