- 博客(59)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 antDesign 修改日历(Calendar) 的一二三四五六日为周一周X格式
antDesign 修改日历(Calendar) 的一二三四五六日为周一周X格式
2022-02-21 09:43:02
3424
1
原创 call,bind,apply作用&区别
call 、bind 、 apply 这三个函数的第一个参数都是 this 的指向对象(作用域指向)，第二个参数差别就来了：call 的参数是直接放进去的，第二第三第 n 个参数全都用逗号分隔，直接放到后面 obj.myFun.call(db,‘成都’, … ,‘string’ )。apply 的所有参数都必须放在一个数组里面传进去 obj.myFun.apply(db,[‘成都’, …, ‘string’ ])。bind 除了返回是函数以外，它 的参数和 call 一样。参考地址 添加链接描述
2021-12-24 15:24:30
380
原创 jeecgboot-web前端首页更换,把默认首页/dashboard/analysis换为其他页面
jeecg前端把默认首页/dashboard/analysis换为其他页面
2021-12-10 12:40:50
7324
5
转载 socket
以下程序代码显示了如何使用 Web 套接字发送和接收消息。<!DOCTYPE html><html> <meta charset = "utf-8" /> <title>WebSocket Test</title> <script language = "javascript" type = "text/javascript"> var wsUri = "ws://echo.websocket.org
2021-07-06 16:01:53
101
原创 login
<template> <div class="login"> <div> <van-swipe class="my-swipe" initial-swipe='2' indicator-color="white"> <van-swipe-item @click="$router.push('/')">1</van-swipe-item>
2021-07-01 14:46:58
85
原创 Vuex介绍与使用
状态管理打算开发中大型应用，集中式数据管理, 一处修改，多处使用，多个组件依赖于同一状态，来自不同组件的行为需要变更同一状态，生态环境给我们提供了官方插件vuexvuex相关成员import Vuex from 'vuex'， Vuex是个对象，相关成员如下成员用途Store类，构造状态管理的实例mapActions函数，通讯工具，组件与Actions的通讯工具mapMutations函数，通讯工具，组件与Mutations的通讯工具mapGetters
2021-06-29 09:23:34
122
1
原创 自定义指令介绍与案例实践
自定义指令自定义指令介绍什么是自定义指令自定义指令的组成自定义指令的参数自定义指令简单案例自定义指令介绍什么是自定义指令Vue.directive( id, [definition] )自定义指令介绍 directives - 对普通 DOM 元素进行底层操作官方说法：除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到
2021-06-21 16:27:30
328
原创 轮播图Swiper小白点（分页器）与图片不同步即失效问题Vue
一、现象在使用Swiper轮播图时，图片正常轮播，但是分页器也就是下方显示页码小白点的却跟当前图片的顺序不相对应二、分析主要是因为在建立swiper对象时，未在数据请求结束后初始化swiper对象，若对象数据还在请求过程中，初始化swiper对象，会导致创建多个swiper对象，而小白点分页器的时间轴则是一条，多个时间点上创建的swiper对象会同时操纵这个分页器，导致分页器与轮播图不同步的现象三、解决方法1.需要在updated里面进行swiper对象的建立2.使用Vue.nextTick()
2021-06-21 16:02:52
2087
1
转载 Vue虚拟dom相关
https://blog.csdn.net/mrliber/article/details/79036828https://blog.csdn.net/weixin_42695446/article/details/84680213在vue内部的话，其实有虚拟dom虚拟dom其实是里面内存型对象（js内存对象） 属于内存数据 真实dom的一层映射Vue广受欢迎以及相应速度快的关键就是虚拟dom的广泛应用...
2021-06-13 21:53:53
72
转载 Vue学习宝典
Vue基础一.模板语法(1) 插值 a.文本 {{ }} 声明一条数据，然后用特殊的模板语法将其渲染出来（声明式渲染） b.纯HTML v-html慎用 ，防止XSS,CSRF（ (1) 前端过滤 （前端采用正则将容易注入的字符<等过滤掉） (2) 后台转义( < > 换成 < > ) ）<a href=javascript:location.href='http://www.baidu.com?cookie=
2021-06-13 21:38:53
653
1
原创 Vue中把后端传来的数据进行重组过滤如何做
Vue中把后端传来的数据进行重组过滤如何做？可以使用过滤器过滤器： 数据格式化，比如，后端返回我们的数据格式是一个时间戳，在页面中使用的时候需要变成真正的时间格式 2018-12-26 34.6 78.5分为两种：全局过滤器，局部过滤器过滤器只是在数据要显示的时候，将数据变化成某种格式全局过滤器 内部必须要写return// Vue.filter(“times”, function (val) {// let date = new Date(val);// retur
2021-06-13 21:34:35
1153
2
转载 Vue双大括号闪烁问题
Vue双大括号(即“Mustache”语法)闪烁问题1.问题现象解决问题根据文档，先在双大括号的位置加上指令然后再css里面加上问题解决
2021-06-13 18:10:58
402
原创 taro报错 正常安装完，利用脚手架建立一个新的项目，运行直接报错 UnhandledPromiseRejectionWarning:
(node:7972) UnhandledPromiseRejectionWarning: E:\HaiTao\node_modules\@tarojs\webpack-runner\node_modules\webpack-dev-middleware\node_modules\mime\Mime.js:1SyntaxError: Invalid or unexpected token at wrapSafe (internal/modules/cjs/loader.js:1071:16)
2020-08-02 16:13:43
1618
原创 react入门指南（五）类与组件
react入门指南（五）类与组件简述类es6es6+组件创建组件使用组件渲染（描画）页面简述react是函数式组件，一切逻辑元素都是在组件内完成的，而组件继承于类，熟悉类与组件，对于react必不可少类es6实例属性与实例方法可以继承，静态方法与静态属性不能被继承new出来的实例，可以访问实例属性实例方法，不能访问静态属性静态方法而类可以访问静态属性与静态方法，此时的静态属性/方法也成为类属性/方法class Person2223{ constructor(name){ this
2020-07-28 12:50:06
166
原创 js 删除数组1中的某个对象，数组二中此对象相关数据也被删除
let arr = [{a:'a1'},{a:'a2'},{a:'a3'}] let arr2 = [{a:'a1',b:1},{a:'a2',b:2},{a:'a3',b:3}] // 模拟点击删除，你点击了删除，能取出当前删除的index值，这里默认模拟点击后的取值index为2 let obj1 = arr[2] let value1 = obj1.a console.log(obj1,value1) ar
2020-07-17 17:32:54
402
原创 taro手写时间轴（timeline）（快递物流进程时间线）
效果图直接上代码jsx部分 {/* 快递详细信息 */} <View className="express-detail-main"> <View className="express-detail-main-title"> <Text className="express-detail-main-title-name">{this.couri
2020-07-16 10:01:02
1281
3
原创 taro-批量引入静态图片资源（react）
taro批量引入静态图片如果是taro1.x或者react直接建议使用commonJS写法<Image src={require('./assets/delivery.png')}/>，如果像集中管理的话也可以考虑如下方法由于taro2.x，3.x不支持commonJS写法，所以类似于这种写法<Image src={require('./assets/delivery.png')}/>，虽然系统不报错，但是却渲染不出图片，所以我们在一些icon比较多的页面中只能使用es6语法i
2020-07-15 14:35:14
1831
1
原创 taro开发中css样式一样，但是显示出来的高度却不一样
taro开发中css样式一样，但是显示出来的高度却不一样问题描述问题发现以及分析解决问题问题描述在这个标签内，我使用了三个View作为border来分割小的单元块，样式是一样的经过DOM渲染后，样式也是一样的，但是渲染出来的视觉效果却是高度不同粗细线条都显示高度为1.5px问题发现以及分析我发现单独的单元格的高度应该是44px，但是渲染出来的却是43.98px，触发了flex布局自动挤压元素保持布局不变，这时候我考虑是不是元素过高挤压容器，容器高度181px，单元格高度44px，181-
2020-07-14 10:21:46
782
原创 Taro 返回当前页面的可用高度
返回系统高度，默认去掉小程序的tarbar与自带导航条import Taro from '@tarojs/taro'const NAVIGATOR_HEIGHT = 44const TAB_BAR_HEIGHT = 50/** * 返回屏幕可用高度 * // NOTE 各端返回的 windowHeight 不一定是最终可用高度（例如可能没减去 statusBar 的高度），需二次计算 * @param {*} showTabBar */export function getWindow
2020-07-10 11:21:24
3251
原创 react入门指南（四）JSX
jsx与类一 、JSX简介二 、语法要求1.标签要闭合2.元素必须要有一个顶层元素3.变量首字母大写代表组件，小写对应是js数据类型4.属性名，小驼峰命名 ``5.动态的属性值6class名 须写成className=‘XXX’三、条件判断语句在jsx中的书写1.三元表达式2.判断语句3.在return之外定义属性判断，在return内渲染四、注释写法五、JSX事件绑定行内样式写法一 、JSX简介jsx是一个 JavaScript 的语法扩展，可以理解为js的一个新的数据类型，类XML（JSON前身）
2020-07-08 14:30:08
442
原创 react入门指南（三）react主体函数介绍-hello world
react主体函数介绍react主函数介绍简单的实现react的hello worldreact主函数介绍React 是个对象 核心, 解析vdom，组件，jsx元素在控制台输出React，会得到如下结果React是一个基类，里面有许多方法跟类，主要由三部分：{Component,createXxx,useXxx,}Component 类 表示组件createXxx 方法 创建一些元素useXxx hooks钩子简单的实现react的hello world可以直接运行在html中
2020-07-08 09:40:43
199
原创 taro报错The tag 「view」 is unrecognized in this browser. If you meant to render a React component, star
报错截图react-dom.development.js?61bb:88 Warning: The tag is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.报错代码错误分析原因：在taro，react组件名要大写，将view标签变成View就ok了修正错误错误解决...
2020-07-02 09:55:11
3277
原创 react入门指南（二）react环境搭建
react入门指南（一）react环境搭建1.react环境搭建2.生成一个react基础项目3.环境解析1.react环境搭建由于react基于Nodejs，所以安装前需要安装Node.js、npm、cnpm当我们在官网下载并安装Node时，npm也自动安装好了，一路next后即可。安装好后键入node -v 以及npm -v 来测试是否安装成功（不需要自己手动配置系统环境变量）因为国内使用npm很慢，我们可以使用淘宝的cnpm，同时设置镜像地址 npm install -g cnpm --re
2020-06-29 16:43:43
224
原创 react入门指南（一）认识react
react入门指南（一）认识react什么是reactreact与vue，angularJs比较react 优点什么是reactReact 是一个 UI 库，让你只需定义一次用户界面，就可以将其用在多个地方。之后，当应用的状态（state）发生变化时，React 将会自动作出反应、更新界面，你无需做其他任何工作。毕竟你已经定义了用户界面。尽管说是定义，其实代码更加偏向声明式，你可以使用可管理的小型组件构造出一个强大的应用。你再也不需要在函数里花费一半的代码量寻找DOM 节点了，而是可以只维护应用的状态（
2020-06-29 16:26:31
192
原创 taro-基于react原生数据请求方式fetch简易封装taro.request
import Taro from '@tarojs/taro'import { API_USER, API_USER_LOGIN } from '../redux/constants/api'const CODE_SUCCESS = '200'const CODE_AUTH_EXPIRED = '600'function getStorage(key) { return Taro.getStorage({ key }).then(res => res.data).catch(() =&
2020-06-28 14:45:40
2201
1
原创 js实现简单的选项卡
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ text-align: center; } nav li{ display: inline; width: 24%; text-decoration: none; padding: 15px; } li:hove
2020-06-28 12:28:35
384
原创 Nodejs fs模块基本用法
Nodejs fs模块基本用法1、fs.stat 检测是文件还是目录2、fs.mkdir 创建目录3、fs.writeFile 创建写入文件4、fs.appendFile 追加文件5、fs.readFile 读取文件6、fs.readdir 读取目录7、fs.rename 重命名8、fs.rmdir 删除目录9、fs.unlink 删除文件10、fs.createWriteStream 写入文件11、pipe 管道符12、fs.access 判断目录是否存在，是否可以进行读写1、fs.stat 检测是文件
2020-06-28 09:27:18
263
1
原创 控制台报错Uncaught (in promise) TypeError: Super expression must either be null or a function错误来源分析
控制台报错Uncaughtin promiseTypeError: Super expression must either be null or a function错误来源分析题错误截图错误分析与解决方案（一）错误分析与解决方案（二）错误截图inherits.js?262e:4 Uncaught (in promise) TypeError: Super expression must either be null or a function at _inherits (inherits.j
2020-06-27 23:20:19
2844
原创 运行npm run 的时候报错文件名,目录名或卷标语法不正确
运行npm run 的时候报错文件名,目录名或卷标语法不正确问题描述分析解决问题描述taro前一天运行没问题的代码，第二天打开运行npm run dev:h5直接报错，错误如下文件名,目录名或卷标语法不正确npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! yk2-taro@1.0.0 build:h5: `taro build --type h5 "--watch"`npm ERR! Exit status 1npm ERR!npm ERR!
2020-06-24 12:12:30
3757
原创 关于taro样式中写入px后效果失真的修复方法以及建议
px效果失效原因以及方法问题原因解决方法方法一.使用强制单位方法二.使用rem单位方法三.如果只开发小程序可以使用rpx单位问题在taro中写入width为100px但是在真实的dom中却显示仅有85px原因因为在taro的样式中，开发者写入px会自动单位转换成rem，然后在转换回px，这样转换中会造成px失真解决方法方法一.使用强制单位使用强制单位，大写的PX，.csdn{ width:100PX; }效果：方法二.使用rem单位.csdn{ width:2.5rem;
2020-06-22 12:43:38
1607
原创 taro生命周期详解
taro生命周期详解taro介绍生命周期react的钩子函数为兼容小程序的钩子函数个别生命周期详解以及注意1.render（）函数2.constructor()构造函数3.在各个生命周期钩子函数中修改state的属性或者参数4频繁调用setState后性能下降网页变卡shouldComponentUpdate（）{}taro介绍taro是以react为基础的多端混合开发工具，使用 Taro，我们可以只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信 / 京东 / 百度 /
2020-06-22 11:35:37
8449
原创 tarobug--小程序报错Error: 未找到入口 sitemap.json 文件，或者文件读取失败，请检查后重新编译。
tarobug--小程序报错Error: 未找到入口 sitemap.json 文件，或者文件读取失败，请检查后重新编译。问题描述结局方法一（不完美）结局方法二（完美）ps备注问题描述当taro运行命令npm run dev:weapp时，开始将代码编译成小程序的相关命令时，在小程序调试工具里报错Error: 未找到入口 sitemap.json 文件，或者文件读取失败，请检查后重新编译。结局方法一（不完美）看到有帖子说可以直接在dist文件夹下创建sitemap.json，在根据微信小程序开放文档
2020-06-22 09:58:11
2975
2
原创 npm i报错npm ERR! Cannot read property match of undefined
今天在使用taro下载taro-ui插件时报错，报错后吧node-modules删除，然后npm i后报错PS F:\WorkFolder\myApp> npm inpm ERR! Cannot read property 'match' of undefinednpm ERR! A complete log of this run can be found in:npm ERR! C:\Users\ykuser\AppData\Roaming\npm-cache\_logs\202
2020-06-19 12:57:10
2199
原创 记录自己在面试过程中碰到的一些重要问题-持续更新
记录自己在面试过程中碰到的一些重要问题-持续更新1.对于class类的理解2. js里面object的方法1.1.1.1.1.对于class类的理解ES6之前的js中并没有类的概念，只有对象的概念，由于js是一种基于原型的面向对象语言，他的特点是可以吧自身的一些属性或者方法，通过原型对象的方式进行类似于类的操作。通过创建函数的方法来生成一个对象实例，通过prototypre的方法继承，通过new方法来构建新对象。将构造函数的作用域赋给新对象，这时候构造函数的this就指向了这个对象，后台通过构造函数来r
2020-06-16 22:06:57
154
原创 npm 下载bug ERR! code ERR_TLS_CERT_ALTNAME_INVALID
npm ERR! code ERR_TLS_CERT_ALTNAME_INVALIDnpm ERR! errno ERR_TLS_CERT_ALTNAME_INVALIDnpm ERR! request to https://registry.cnpmjs.org/echarts failed, reason: Hostname/IP does not match certificate's altnames: Host: registry.cnpmjs.org. is not in the cer.
2020-06-14 21:43:51
2341
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人