- 博客(146)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 手写promise
ajax(code) { let p = new Promise((resolve, reject) => { if (code == 200) { resolve("请求成功") } else if (code == 400) { reject("请求失败") } }) p.then(res => { ...
2021-08-09 17:48:14
64
原创 实现一个深拷贝
function deepClone(obj){let objClone = Array.isArray(obj)?[]:{};if(obj && typeof obj===“object”){for(key in obj){if(obj.hasOwnProperty(key)){//判断ojb子元素是否为对象，如果是，递归复制if(obj[key]&&typeof obj[key] ===“object”){objClone[key] = deepClone(
2021-08-04 17:07:10
135
原创 css border: datted 和border dashed对比
dashed值：可以定义虚线，这样边框就可以呈现扁状的虚线样式。dotted值：定义点状边框，使得边框呈现连续的点状，进而实现边框的点状虚线样式。注：所有浏览器都支持border属性，不用担心兼容性。 ...
2021-07-30 09:52:37
531
原创 react 组件首字母大小写问题
1今天在组件里面引入组件，因为第一个字母没有大写，导致引入失败import UpfileComponents from '../../components/common/upfile';为什么react 组件首字母需要大写？SX语法 向 真实DOM的转换我们在 React 中都是写的 JSX语法，从 JSX语法 到页面上的 真实DOM大概需要经历以下几个阶段：JSX语法 —> 虚拟DOM（JS对象） —> 真实DOM。 因为浏览器是无法识别JSX语法的，因此我们需要通过 babe
2021-07-29 15:33:05
997
原创 用微软接口实现在线预览功能+iframe
我们有的时候需要在线预览功能；2-doc/docx/ppt等office文件1：文件类型filetype：1-html/pdf/png/jpeg等 {type == 1 && <iframe width="100%" height="100%" src={自己的地址} frameborder="0" />} {type == 2 && <iframe width="100%" height="100%"" src={自己的地址} frameborde
2021-07-14 11:07:03
700
原创 if --- else消除 es6
if(fileType=='html'|| fileType=='pdf'||fileType=='png'||fileType=='jpeg'){ window.open(`${window.location.origin +val}`) }else if(fileType=='doc'|| fileType=="docx"|| fileType=="ppt"){ // 调取微软的接口进行在线预览
2021-07-13 11:11:26
170
原创 react判断点击位置是否为组件内,实现点击外部触发组件内事件
1.导入import {findDOMNode} from ‘react-dom’2.绑定ref<div ref="refTest"</div>3.绑定监听事件//监听外部click componentDidMount() { document.addEventListener('mousedown', (e)=>this.handleClickOutside(e), false); } componentWillUnm
2021-07-05 09:40:18
647
原创 删除A数组B公共的部分
const {tagList}=this.state let A = tagList; let B = selectedRows for (let n = 0; n < B.length; n++) { for (let m = 0; m < A.length; m++) { if (A[m].userid == B[n].userid) {
2021-06-28 10:25:50
128
原创 java写的第一个单元测试类
建立第一个hello类package xucompany.demoss.hello;import org.springframework.stereotype.Service;@Servicepublic class HelloService { public void sayHello(){ System.out.println("你好，世界"); }}2：进行单元测试package xucompany.demoss.service;imp.
2021-06-10 11:21:33
1239
原创 list 列表点击（当前数据--this）react
return <span onClick={this.cancel.bind(this,record)} style={{background:'#FFAD37 ',color:'#fff',cursor:"pointer",fontSize:"15px",padding:'5px',margin:'3px',borderRadius:'8px'}}> 取消设置 </span>cancel =(rec..
2021-05-24 16:33:54
259
原创 小程序通过扫小程序码解析参数（小程序接收扫码的参数）
console.log(options.companyid) log.info(JSON.stringify(options)+"扫码接受的参数") if (options.scene) { log.info(JSON.stringify(options.scene)+"扫码接受scene") var scene = decodeURIComponent(options.scene); console.log("scene is ", scene);..
2021-05-18 11:33:17
1399
原创 vue写一个横向滑动页面
直接上代码<style lang="less">page { background: #f0f1f2;}.desc { margin: 0 30rpx; height: 80rpx; display: inline-block; text-align: center; color: #333; font-family: PingFangSC-Regular; font-size: 28rpx; background: #fff; height: 8
2021-05-13 10:02:57
637
原创 小程序logo日志，打印到后台
1：js代码var log = wx.getRealtimeLogManager ? wx.getRealtimeLogManager() : nullmodule.exports = { debug() { if (!log) return log.debug.apply(log, arguments) }, info() { if (!log) return log.info.apply(log, arguments) }, warn() {
2021-05-11 13:52:15
273
原创 实现一个深拷贝
function deepClone(obj){ let cloneObj; // 判断当输入的数据是简单数据类型时，直接复制 if(obj && typeof obj !== 'object'){ cloneObj = obj; } // 当输入的数据是对象或者数组时 else if(obj && typeof obj === 'object'){ // 检测输入的数据是数组还是对象
2021-05-03 03:20:12
231
原创 vue状态管理器基本使用（消息通知）
1业务场景有的时候消息会冒出来，所以我就想要用store了import store from '../store';import { mapState, mapMutations } from '@wepy/x';1：使用state里面的值wepy.page({ store, mixins: [mixins], data: { token: '', tokenKey: '', roleid: '', num: '10', info: {
2021-04-29 18:31:17
472
原创 微信小程序用canvas 绘制虚线
1：效果图代码： <canvas style="width: 300px; height: 1rpx;" canvas-id="firstCanvas" class="line" ></canvas> // 绘制一条虚线 drawLine() { var context = wx.createCanvasContext('firstCanvas'); context
2021-04-27 23:19:07
2399
原创 解决跨域问题三种方法
产生跨域请求问题的原因因为在浏览器中有一个同源策略，这是浏览器最基本的安全功能，但是在服务器中不限制。同源就是指：协议，域名，端口号都相同，任意一个不满足，就触发了同源策略，我们把触发了同源策略的请求叫做跨域请求1：CORS（Cross-Origin ResourceSharing）CORS是跨域资源共享，定义了必须在访问跨域资源时，浏览器与服务器应该如何沟通。CORS的基本思想就是使用自定义的HTTP头部让浏览器与服务器进行沟通，从而决定请求或响应是应该成功还是失败。 目前，所有浏览器都支持该功
2021-04-02 05:34:58
227
原创 promise的基本用法（then）
function promiseClick(){ let p = new Promise((resolve, reject)=>{ setTimeout(()=>{ var num = Math.ceil(Math.random()*20); //生成1-10的随机数 console.log('随机数生成的值：',num) if(num<=10){ resolve(num); } else{
2021-03-31 19:06:20
202
原创 输入一个字符串，一个数字，实现字符串的相乘
test(str,num){ const a=str for(let i=0;i<num-1;i++){ str+=a } return str } test（"abc" ,3)面试就这能把我卡死，我也是笨啊，回来想了一下，感觉自己太笨了
2021-03-11 17:06:40
261
原创 react实现问卷调查
react的index中的ReactDOM.render文件import React from 'react';import ReactDOM from 'react-dom';import Check from './check.jsx';// import Browser from './browser.jsx';ReactDOM.render( <Check/>, document.getElementById('root'));基本样式文件imp
2021-02-22 16:40:18
1494
3
原创 react 如何将list里面的数据放入到写好的p标签里面
在vue里面我们可以使用v-for循环我们的list里面的数据，然而我们的react，感觉更加接近我们的原生开发，今天我们就需要实现我们的list里面的数据，那么我们应该如何实现的我们的循环list里面的数据呢------map下面就实现一个最简单的list里面的数据吧import React, {Component} from 'react'class App extends Component { constructor(props) { super(props);
2020-12-24 14:05:52
397
原创 react 编写 第一个 Hello，world
终于来到了react开发，心里还是比较开心的。今天就来说说如何在react上面打印第一个hello，world1首先我们可以建立一个react脚手架作为我们的demonpm install -g create-react-appcreate-react-app 你的项目名安装完成后cd 进去npm run start2.然后我们可以尝试删除多余的文件，留下我们的APP.js和index.js里面紧接着我们可以在我们的APP.里面写我们的组件，紧接着我们可以把我们的组件进行导入
2020-12-24 11:25:17
201
转载 box-size:border-box用法
1今天有点懵了,突然看到box-size:border-box的用法今天就简单的记录下,box-size:border-box的简单用法box-size的用法看看链接就能回忆起来这个单词的简单的用法
2020-12-17 10:24:06
3018
原创 uni-app全局封装一个filter,在全局使用filter使用
我们在开发过程中,我们有的时候过滤往往是需要全局使用的,过滤器的使用还是非常常用的,今天我们就从0开始搭建我们的项目,建立一个全局的filter的使用,在uni-app的开发,建立一个全局的filter还是非常有必要的.比如后端给我们的时间有问题,那么我们可能就需要多处的使用,下面写一个简单的手机星号过滤器let num = Number(phone); if(!num){ return num || '' ; }else{ const reg = /^(\d{3})\d
2020-11-25 17:15:19
3435
原创 uni-app封装自己常用的css样式-----自定义css的样式 (便于开发)-----原理简单
我们在开发uni-app的时候,有的时候我们的css代码是常常需要用到的,比如说,比如说居中的问题.center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}但是我们有时候就会多写很多重复的代码.所以呢,我们最好能够封装一个统一的css样式,一些常常用的到css样式,其实无论是小程序还是uni-app,都有一个文件这个文件一般都是有的,我们需要在这app.vue里面引入
2020-11-25 16:40:34
2551
转载 解决uni-app安装scss报错的情况
https://blog.csdn.net/weixin_46648362/article/details/109435748主要解决安装uni-app安装scss报错的情况
2020-11-25 16:26:25
2785
原创 保存到草稿,onBackPress生命周期的使用---------保存为草稿的时候监听
有的时候我们在返回的时候,比如保存到草稿这件的事情,我们需要将自己写的内容保存起来,当然我们可以有很多的方法实现,今天在看视频的时候,看到了生命周期,onBackPress的基本使用,这里看下官网的介绍关于onBackPress生命周期的介绍监听页面返回，返回 event = {from:backbutton、 navigateBack} ，backbutton 表示来源是左上角返回按钮或 android 返回键；navigateBack表示来源是 uni.navigateBack ；详细说明及使用：
2020-11-25 13:19:55
487
原创 原生小程序最最简单的分享功能
// let users = wx.getStorageSync('user'); // if (res.from === 'button') {} return { title: '转发', path: '/pages/my/my', success: function(res) {} } 然后我们在分享的时候就可以看到效果图这样的分享功能是没有参数的情况下,点击微信小程序三个点..
2020-11-25 12:51:30
379
原创 写搜索历史,然后删除多余的去重数据
今天在开发的过程中,项目的需求是写一个搜索记录,然后我们后端也不愿意写接口,所以只能把数据存在浏览器中,当然我们在开发的过程中,也比较无助,明明一个很简单的事情,因为自己的问题,也比较尴尬,哎,现在也没人教你,完全自己琢磨,也比价头疼好了,说了那么多,先说说项目的需求,做一个搜索记录然后就是将数据存在浏览器里面,刚开始很迷糊,自己不知道怎么将数据放在浏览器里面,我这人有点懒,自己不会想问别人,最好别人可以给自己写好,不然看着也烦,自己的业务场景很多都是第一次使用,当然也比较头皮发麻,最主要的还是自己的
2020-11-18 11:50:33
322
原创 全局filter的使用 vue的使用
import filters from '@/utils/filters'// 添加全局filterObject.keys(filters).map(v => { Vue.filter(v, filters[v])})
2020-11-13 15:09:08
101
原创 原生微信小程序filter的使用
1 新建文件夹 filter.wxs// todo 过滤器 module 对象文件// 格式过滤// 价格小数点 eg：2020-11-10T17:01:03 =>17:01:03var timeFormat = function (item) { if (item) { var time= item.split("T1")[1] return time.split(":")[0] + ':' +time.split(":")[1] } else { return
2020-11-12 11:34:53
675
原创 uni-app组件之间的传值 子传父进行通信
子组件<template> <view class=""> 测试 {{title}} <view @click="sendNum"> 1111 </view> </view> </template><script> export default { data() { return { num:12 } }, props:['title'],
2020-11-04 22:24:59
456
原创 用星号替代中间的手机号码filter全局的使用
用星号替代中间的手机号码formatPhone(phone){ let num = Number(phone); if(!num){ return num || '' ; }else{ const reg = /^(\d{3})\d+(\d{4})$/; return num.toString().replace(reg, '$1****$2') || ' ' } }
2020-11-04 17:28:40
282
原创 父组件传值给子组件props
父亲<template> <view class="container"> <Test :title="title"></Test> </view></template><style lang="scss" scoped> </style><script> import Test
2020-11-02 22:52:13
90
原创 uni-app如何组件划，将组件引入到页面中，最基本的组件引入，不加通信
我们在开发的过程中，组件化是十分重要的首先我们需要在新建我们的文件夹 import Test from '../../components/Test/Test.vue'; export default { components:{ Test },然后我们在view中最基本的组件文件引入，不加任何通信...
2020-11-02 22:04:09
593
原创 如何用三元表达式表达两个if----else
this.shareInfo.token ? 1 : this.qrcode ? 1 : 0if( this.qrcode=1){this.shareInfo.token==1}else{this.shareInfo.token=0}对比一下
2020-11-02 09:50:29
988
1
原创 用filter用星号替代中间的位数
formatPhone(phone){let num = Number(phone); if(!num){ return num || '' ; }else{ const reg = /^(\d{3})\d+(\d{4})$/; return num.toString().replace(reg, '$1****$2') || '' }},通过全局使用filter,然后我们就能使用了
2020-10-21 11:03:49
105
原创 微信公众号点击提交直接关闭这个页面
function closePage(){setTimeout(function() {//安卓手机document.addEventListener(“WeixinJSBridgeReady”,function() {WeixinJSBridge.call(“closeWindow”);},false);//ios手机WeixinJSBridge.call(“closeWindow”);}, 100);}
2020-10-16 17:07:36
515
原创 input输入框 type= “number“h和type=“text“
今天在开发的时候，我发现input输入框填了type="number"的时候，在手机预览的时候，会直接调起键盘上的数字键，所以在用户体验上来说，提高了很多，以后一定需要多多注意这种细节！
2020-10-16 17:03:08
519
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人