- 博客(16)
- 收藏
- 关注
RSS订阅原创 VUE问题和技巧记录
项目场景：流程审批单据详情页，某一审批节点、审批环节，存在多人审批场景，由于审批人太多，做了个人员的展开和收起点击按钮。问题描述：点击收起和展开无反应，状态的改变是通过一个状态showMore变量来改变，change方法可以改变审批节点对象item.showMore属性false/true原因分析：分析现象是状态改变了，但是却没有渲染，change方法其实就是这样一行代码item.showMore = !item.showMore尝试把这行代码换成this.$set(item, 'sho
2021-12-21 22:28:26
72
原创 实用工具备忘录
程序员实用工具snipaste-1.16.2-x64Beyond compareCmderjcpicker为知笔记progress telerik fidderTotal commandersnipaste-1.16.2-x64可用来截图代码，并始终至于页面顶部，轻量简单好用的工具。Beyond compare代码比对工具https://www.beyondcompare.cc/Cmder非常好用的终端模拟器https://cmder.net/jcpicker前端取色器为知笔记好用的
2021-04-15 22:40:54
148
原创 备忘录
height:100%和height:100vh的区别vh代指当前屏幕高度的1%，所以100vh == 100%height:100vh == height:100%;当元素没有内容时，height:100%不会撑开，高度为0vue中ref用法可以用来获取DOM元素
2021-04-14 21:47:53
108
原创 如何理解DOM和css样式的关系
文章目录DOM元素在添加position:absolute后，属性发生了什么变化DOM元素在添加position:absolute后，属性发生了什么变化
2021-04-01 23:24:49
580
原创 元素的BFC理解
文章目录何为BFC实现BFC的方式其他例子补充知识何为BFCBFC简单理解就是，一块元素区域被赋予了某些样式特性，就会形成一个独立的区域，在此区域内的元素进行margin，padding等改变内部元素样式的操作，不会影响BFC区域外的其他元素。我们来看一个例子有两个盒子，大盒子套着小盒子，给小盒子加个上外边距50px，我们期望的是小盒子以大盒子的边缘为基准来下移50px距离，但是事实和我们想的不一样，内外盒子出现了margin重叠的现象，内盒子的margin-top就不是以外盒子为参照物，而是以
2021-03-17 23:32:48
363
原创 关于Object.defineProperty中enumerable: false不可枚举的理解
能否被for…in循环判断一个属性是否可枚举的一个标准是看：对象的这个属性能否被for…in循环给遍历出来，例子：1.基本包装类型如Object, Array, Number等的对象，直接遍历他们创建的实例对象，用for…in循环是遍历不出属性来的，因为这样遍历的是基本包装类型的实例对象的原型属性，而原型属性是不可被遍历的。var num = new Number();for(var pro in num) { //代码没执行进来，因为没遍历出属性 console.log("num
2021-03-13 23:01:29
1051
原创 css技巧备忘录
氖光效果（Neon）Neon可以产生很炫酷的效果，它的效果和text-shadow有关系。text-shadow: h-shadow v-shadow blur color;关键在于第三个参数blur，我们设置3层以上阴影效果，并且每层blur值间隔较大，就能起到炫酷效果。<template> <div> <h1>Neon</h1> </div></template><script>expo
2021-03-08 21:45:16
74
原创 npm使用技巧
查看包的最新版本npm view vue version查看包的所有版本号npm view vue versions卸载包npm uninstall jquerynpm uninstall -g jquery查看当前镜像地址npm get registry
2021-02-28 21:15:57
95
原创 安装nvm和配置node
安装nvm和配置node一、到git下载资源二、点击nvm-setup.exe程序三、Nvm的环境变量配置四、安装node五、配置node环境一、到git下载资源https://github.com/coreybutler/nvm-windows/releases二、点击nvm-setup.exe程序按如下步骤安装：安装的时候需要分别选择 nvm 和 nodejs 的安装路径，如下：我的nvm安装路径是：D:\installationPackage\nvmNode安装路径：D:\ins
2021-02-28 11:02:59
1386
原创 vue中v-bind绑定属性后，双引号和花括号的结合用法
vue中v-bind绑定属性后，双引号和花括号的结合用法v-bind绑定属性后，如果是对象写法，属性名要加单引号，以示和vue实例变量属性的区别，属性值可以是布尔值或者vue实例的变量属性或者计算属性或者js表达式如果是数组写法，则每个元素可以是单引号字符串的写法，也可以是js表达式，不过不能使用 ‘mardown’ + checked === 0 ? ‘s’ : ‘’ 这种字符串拼接表达式...
2020-04-15 08:58:17
3252
1
原创 一些方法的正确用法
concat()concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。这方法对于在React中很有用，可以在不直接改变传入到子组件的属性值的情况下，间接对属性值改变let newCount = props.count.concat(); newCount.splice(0, 1)Object.assign() 方法该方法用于将所有...
2019-10-15 10:53:15
120
原创 React使用的问题解惑
React中props的值不能直接改变TryHook组件import React, { useState } from 'react';import TryHookChild from './TryHookChild';function TryHook() { // 声明一个叫 “count” 的 state 变量。 setCount不能直接放在渲染的流程中 cons...
2019-10-15 10:33:31
160
原创 React 16.8 新特性Hook
React 16.8 新特性HookHook可以在不使用class情况，用state和其他的react特性，完全使用function的形式书写组件，可读性更高了另外要记住Hook：完全可选的—即无序重写已有代码，可以在任何组件中直接使用Hook100% 向后兼容的—不包含任何破坏性改动没有计划从React中移除class，对Hook的使用更多是采用渐进式策略Hook不会影响你对...
2019-10-14 13:18:28
300
原创 用PHP上传文件，上的文件和html界面中文乱码问题分享
今天做了个php上传文件的例子，如下是成功后的代码：<?phpheader("content-type:text/html;charset=utf-8");// error_reporting(0);function getUploadErr($err){ switch($err){ case 1: return '上传文件超过了PHP.ini限定的大小'; ca...
2019-06-14 11:06:12
480
原创 闭包本质的理解
在网络上看有些对闭包的解释还是过于复杂，这里我说下自己的看法其实闭包的问题便是一个顺序执行问题，我们都知道代码是从上往下执行的，先执行的不能引用后执行的变量，比如下面这两个例子：console.log(n);function f1() {var n = 5;}或者function f1() {var n = 5;}console.log(n);这两个例子，都可以看成是计算机...
2019-05-01 08:42:55
370
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人