- 博客(40)
- 收藏
- 关注
RSS订阅
原创 flex弹性布局
弹性布局详解开启flex布局只需在最外层容器设置display:flex; 即可。整个网页就可以看成一个flex容器采用flex布局称之为flex容器，所有子容器自动生成容器成员称之为flex项目容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴(cross axis). 主轴的开始位置(与边框的交叉点)叫做main start，结束位置叫做main end；交叉轴的开始位置叫做cross start，结束位置叫做cross end当我们给父容器加上display:flex;
2021-03-14 21:19:19
278
原创 原生微信小程序一些tips
显示的就不是小于号大于号，而是像图中所示，显示箭头，此时解决方案，推荐使用字体图标解决。这里我想说的是，有的转义符号不是我们想要的效果，比如。效果如下图所示，额。
2022-07-20 10:51:10
320
1
原创 避免坑【兼容问题】
1. 微信小程序不支持toLocaleString()time1: time2: 我们想把上面的time1，转换成time2，这是你可能直接想到了toLocaleString()这个api，不错，确实可以直接转换成想要的效果。但是在最近开发微信小程序的时候，遇到过这样的一个问题，。于是自己做了下数据处理，eg:2. 持续更新中…...
2022-06-30 11:56:08
513
原创 支付宝小程序芝麻信用分授权配置
支付宝小程序接入芝麻信用分进行免押租借这里填写资料提交审核-申请开通芝麻信用服务这里有个坑，在第二部配置信用服务 - 配置信用守护 - 点击进去（里面有【客服电话】、【代还款订单】、【提醒内容】、… 、【小程序连接】）有这些选项要你填写资料，其中最后一项【小程序连接】，官方给的案例格式：然后我第一次输入的配置如果你和我输入的一样，那么我恭喜你，这是一个错误案例，问题出现在page=page/index/index，于是我花了50块钱问了群里的水友，得知这样是不对的，我们需要转义后的地址放上去转义后
2022-06-25 18:31:54
4457
原创 tree的data数据处理
// select tree数据的处理deepClone(all) { let object = Array.isArray(all) ? [] : {} for (let i = 0; i < all.length; i++) { let objClone = Array.isArray(all[i]) ? [] : {} if (all[i]&&typeof all[i] === 'object') { for (const key in all[i]) {.
2022-04-27 16:07:52
429
原创 uniapp - 去掉头部导航栏返回键
找到返回按钮的DOM元素var a = document.getElementsByClassName('uni-page-head-hd')[0]a.style.display = 'none'
2022-02-21 14:37:59
1290
原创 uniapp - 上传图片-并且在点击上传时再上传接口 - 封装接口
request.jsconst request = {}request.globalRequest = (url, method, data, headers) => { if (headers == undefined || headers == null || !headers) { headers = {}; } // 缓存中存在token取出来放入headers中 var token = uni.getStorageSync('token'); if (tok
2021-10-23 18:30:19
895
原创 uniapp - 自定义状态组件
效果图如下有时候，我们使用官方的<radio-group></radio-group>组件样式不太美观，用样式穿透也修改不了样式，这时就我们就可以自己定义一个组件文章中用到的素材如下（图片可自己选更优美的）： &nb
2021-10-22 19:10:22
412
原创 数组、对象、字符串的相关操作
数组里添加元素arr.push(189) // 从数组后添加元素arr.unshift('你好') // 从数组前添加元素arr.push({name: '李四'}) // 从数组后添加对象arr.unshift({name: '李四'}) // 从数组前添加对象// 对象中的childrenArr数组为空时删除arr当前项arr.forEach((item, index, array) => { if(item.childrenArr.length == 0){ array
2021-09-24 16:12:39
82
原创 uniapp - vuex做权限管理
第一步：处理请求到的数据手机端做用户权限分配，后台会给你接口返回给你一个菜单的列表，如下图中在个人信息接口返回数据里有个menu字段，里面存放的就是当前用户可以访问的有权限的页面。menu数组里是对象的形式，我们需要先把里面的控制权限的code字段给过滤出来。过滤的方法有很多，这里我使用map对象把它存放起来// res.data.data.menu 是我请求到将要处理的数据let menuArr = res.data.data.menulet map = new Map();for (let
2021-09-04 15:34:21
3493
3
原创 uniapp自定义背景层
有时uniapp 里在page.json里配置backgroundColor - 窗口背景色不生效，这时我们可以手动的添加一个层，自定义一个背景，如下<template> <view class="dbrw"> // 背景层 <view class="background-layer"></view> <view class="course"> // 这个标签里开始构建页面 ... </view> &
2021-08-05 21:22:40
285
转载 vue - 动态组件
动态组件详解https://www.cnblogs.com/xiaohuochai/p/7395694.html动态组件使用注意事项：动态组件类似于v-if渲染, 组件切换时,数据会重置, 使用keep-alive组件包裹之后, 会缓存组件数据,防止重置 <keep-alive> <component :is="comName"></component> </keep-alive>
2021-06-25 15:23:17
64
转载 vue - 异步更新队列避免坑
异步更新队列基本理解和使用方法：当data数据更新后, DOM并没有及时更新, 因为在vue中使用的时虚拟DOM操作更新视图, 而虚拟DOM更新视图是异步的, 每一次更新都需要在更新队列中等待, 等到视图下一次刷新时,统一更新, 所以数据更新后,视图没有及时更新解决: vue中提供的一个函数,可以监测异步更新队列, 当每次视图刷新,视图上的数据异步更新完成会执行一个回调, 此时在回调中读取数据,即可拿到最新值 this.$nextTick(()=>{ console.log(3,
2021-06-25 15:17:13
98
原创 微信小程序如何点击按钮获取input里面输入的值
方法是先定义一个变量来存储input输入的数据，然后把这个变量放到input的value属性上，然后写一个方法来给变量赋值，最后这个方法会放到input标签上，也就是input属性里面的bindinput，这样一来就可以想怎么获取就怎么获取了，剩下的问题就是跳转链接带参了，话不多说直接上代码。wxml代码<view class="search-top"> <input placeholder="搜索你喜欢的歌手" bindinput="inputCom" value="{{input
2021-06-16 12:10:30
8731
3
原创 CSS文字不换行，超出部分显示...
overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
2021-06-05 20:31:03
392
原创 react渲染循环数组
{ this.state.arrImg.map((item,i)=>{ return <img src={item} key={item} onClick={this.changImg.bind(this, i)} /> }) }注: 一定在最外层标签加key,给每一个节点加一个唯一标识
2021-06-05 20:29:27
207
原创 vue和react图片懒加载使用方法
步骤一：在项目中安装模块vue-lazyloadnpm install vue-lazyload --save2.在main.js中配置 import vueLazyLoad from "vue-lazyload" // 在vue中使用懒加载 Vue.use(vueLazyLoad, { // 设置懒加载的占位图 loading: require("@/assets/123.jpg") })3. 使用在图片标签上不用:src,用v-lazy绑定元素，<img v-lazy
2021-06-01 19:55:05
217
原创 路由钩子函数（路由守卫）使用详解
1. 什么是路由守卫?路由守卫也叫路由钩子函数, 它是在路由跳转过程中调用的函数, 通过路由守卫可获取路由信息和阻止路由跳转2. 有哪些路由守卫?路由守卫有以下三种（6个）:组件内的路由守卫: beforeRouteEnter() beforeRouterUpdate() beforeRouteLeave()全局路由守卫: beforeEach() afterEach()单个路由守卫: beforeEnter()3. 路由守卫有哪些参数, 作用是什么?路由守卫的参数有三个: to, fro
2021-05-26 23:06:31
5129
原创 路由守卫使用时的报错问题
路由守卫使用时的报错问题Uncaught (in promise)NavigationDuplicated: Avoided redundant navigation to current location: "/about?page=7".// 让路由守卫的错误不显示(用路由守卫记得加上这句，重写下抛出错误机制)const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(locat
2021-05-26 19:51:30
985
原创 vue-cli3创建项目时各个选项分别是什么意思？
Choose Vue version 选择vue语法版本，默认选中Babel 插件允许我们使用ES6模块化语法，默认选中TypeScript js的升级版本，TS语法中增加了强类型定义Progressive Web App (PWA) Support 如果项目是移动端，选择Router 路由vuex 状态管理CSS Pre-processors 样式预处理：如果使用了SCSS 和 less 语法，勾选此选项Linter / Formatter 代码格式语法检测Unit Testing 测
2021-05-25 00:36:54
1889
原创 请求到的图片地址是字符串不是数组如何处理使用
我们有时候请求到的图片字段地址是数组，可是得到的是一整个字符串，此时我们需要解析一下才可得到数组类型的地址。如下： this.arr = JSON.parse(res.data[0].imgs)
2021-05-24 22:29:49
215
原创 URL各部分组成
URL各部分组成 1, 协议 http:// https 等 2, 域名/ip www.baidu.com / 192.168.205.113 DNS服务器把域名解析成ip 3, 端口 范围0-65535 http默认80 https默认443 4, 路径 /login 5, 参数 ?username=zhangsan&password=123 6, hash 哈希值 在url最后以#开头的一段路径.
2021-05-19 19:03:17
139
原创 webpack介绍及用法
webpack参考文档：中文文档英文文档1,什么是webpack ?Webpack 是当下最热门的前端资源模块化管理和打包工具。2,webpack 有什么作用 ?(1)它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源(2)将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过 loader 的转换，任何形式的资源都可以视作模块，比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等(3)
2021-05-17 23:28:32
175
原创 总结几种服务器的创建和启动方式
总结几种服务器的创建和启动方式1, 基础服务器 npm init 初始化 node index 启动2, express项目生成器 express myProject 初始化 npm start 启动3, vue1.x/2.x项目框架 vue init webpack 初始化 npm run dev 启动4, vue3.x项目框架 vue create project-name 初始化 npm run serve 启动5, react项目框架 create
2021-05-17 23:21:06
394
原创 vue-cli 2.x搭建项目
创建一个vue项目:1,全局安装vue命令行模块 vue-clinpm install vue-cli -g注意:vue-cli 依赖于webpack,在使用vue-cli之前,先安装webpack npm install webpack -g 2,创建项目文件夹,并在这个文件夹下打开命令行3,初始化一个vue项目 vue init webpack 注意: 其中Eslint 选项是代码格式校验工具, 要选择NO ,否则会以严格模式校验代码,如: 注释//后必须有且只有一个空格, 否则
2021-05-17 23:19:32
202
原创 vue-cli 3.x搭建项目
vue-cli3.0参考文档一、安装 @vue/cli 脚手架 npm install -g @vue/cli安装完成后，可以使用 vue -V （这个 V 是大写的）查看版本号注意:@vue/cli 依赖于webpack,在使用之前,先安装webpack ,webpack -v查看版本号 npm install webpack -g 二、创建项目 vue create project-name这里的 project-name 是自定义的项目名称，命令执行之后，
2021-05-17 16:02:34
123
原创 npm install gulp安装报错问题
npm install gulp --save安装报错问题npm ERR! code ENOENTnpm ERR! syscall statnpm ERR! path C:\Users\ASUS\.WebStorm2019.1\system\projectGenerators\vue\https:\registry.npm.taobao.org\vue\download\vue-2.6.11.tgz?cache=0&sync_timestamp=1594227470527&other_
2021-04-28 23:31:47
2804
1
原创 npm install *** --save -g每个部分什么作用
npm install *** --save -g每个部分什么作用下载模块的命令分五个结构npm install 模块名 -g -save这五部分组成我们一 一解释：npm: 代表我们使用npm命令集联网下载我们需要的模块，npm属于国外的网站，国内的是cnpm淘宝镜像，但是你要使用cnpm代替npm，你需要先下载它，至于下载的命令网上有，这里不做过多的描述install: 这个单词就是安装的意思， 可以简写为 i ，比如 npm i gulp模块名: 就我们要下的模块的
2021-04-28 23:29:15
1230
原创 JavaScript 防抖、节流
标题防抖节流在进行滚动scroll，窗口的resize、输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（节流）的方式来减少调用频率，同时又不影响实际效果。我们举个例子来更好的解释防抖和节流下面定义了一个按钮，让这个按钮每点击一下，里面的数字就加一，接下来的案例我们都在下面这个基础上进行更改JS代码<button id="btn" onclick="btnClick()">0&
2021-04-22 20:12:10
147
原创 node.js中 exports 与 module.exports 的区别
Node.js 中 exports 与 module.exports 的区别tip：Node.js 中规定每一个js文件都叫做一个模块模块成员导出有两种方法exports 与 module.exports都是模块成员的导出// 方法一exports.str = str;// 方法二module.exports.str = str;下面我们来具体介绍这两种方法到底有什么差异exports 是 module.exports的别名(地址引用关系)，当exports 对象和moudle.e
2021-04-18 00:27:20
106
原创 Node.js 相对路径 vs 绝对路径
相对路径 vs 绝对路径大多数情况下使用绝对路径，因为相对路径有时候相对的是命令行工具的当前工作目录在读取文件或者设置文件路径时都会选择绝对路径什么情况下不能使用相对路径呢？eg:const fs = require('fs')fs.readFile('./demo.txt', 'utf8', (err,data)=>{ console.log(err); console.log(data);})...
2021-04-17 00:46:48
977
转载 nrm ls 报错解决方案
报错C:>nrm lsinternal/validators.js:121throw new ERR_INVALID_ARG_TYPE(name, ‘string’, value);^[TypeError [ERR_INVALID_ARG_TYPE]: The “path” argument must be of type string. Received undefinedat validateString (internal/validators.js:121:11)at Objec
2021-04-15 17:45:33
2971
2
转载 各浏览器对document.body.onscroll,window.onscroll,document.documentElement.onscroll的兼容性
各浏览器对document.body.onscroll,window.onscroll,document.documentElement.onscroll的兼容性
2021-03-14 20:44:29
136
原创 运行npm install报错 path git errno -4058
运行npm install报错解决方法npm ERR! code ENOENTnpm ERR! syscall spawn gitnpm ERR! path gitnpm ERR! errno -4058npm ERR! enoent Error while executing:npm ERR! enoent undefined ls-remote -h -t ssh://[email protected]/sohee-lee7/Squire.gitnpm ERR! enoentnpm ERR!
2020-09-07 18:43:08
11606
9
原创 Vue初始化项目时遇到的目录路径错误问题
Vue命令行运行npm install、npm run dev遇到的问题E:\程序开发\uni-app\RuoYi-Vue>npm run devnpm ERR! code ENOENTnpm ERR! syscall opennpm ERR! path E:\程序开发\uni-app\RuoYi-Vue\package.jsonnpm ERR! errno -4058E:\程序开发\uni-app\RuoYi-Vue-New9.7>npm installWARN enoent ENOENT
2020-09-07 17:21:48
9032
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人