- 博客(18)
- 收藏
- 关注
RSS订阅转载 【react】hook中useState设置数据不能立即反映更改
问题：在业务代码中使用useState时发现，当我把一个修改后当数据set进state里面后，再次打印state中那个数据是初始状态的值，并未发生改变const [list, setList] = useState([]);// 下面在某个方法里面调用console.log(list); // []setList([1,2,3]);console.log(list); // []原因：类似于通过扩展React.Component或创建的class组件中的setStateReact.Pu
2020-12-04 16:15:28
13737
5
原创 Vue项目打包成app——Cordova
Cordova是使用HTML、CSS和JavaScript构建的混合移动应用程序的平台。官网：https://cordova.apache.org/中文官网：http://cordova.axuer.com/开发环境及工具开发环境操作系统： Windows 10nodeJs：需要使用其npm包管理工具安装CordovaJava环境：下载安装jdk http://www.oracle.com/technetwork/java/javase/downloads/index.h.
2020-09-15 14:00:45
752
原创 关于vue引入组件库样式无效问题
问题：今天新建了一个h5项目，打算用vant组件库进行开发，按照官方文档进行组件库的引入，发现三种引入方式都没有样式解决：发现是config文件中的配置出错，requireModuleExtension值默认为true，但我在配置的时候给了false值为了去掉文件名中的 .module 并将所有的 *.(css|scss|sass|less|styl(us)?) 文件视为 CSS Modules 模块。导致了引入的vant样式文件无效，设置为true或默认不设置即可css: { extra
2020-09-11 14:34:28
1776
原创 前端开发规范（三）—— JavaScript
JavaScript 规范语言规范引用const 和 let 都是块级作用域，var 是函数级作用域对所有引用都使用const，如果引用是可变动的，则使用 let ，不要使用 var // 不推荐 var a = 1 var b = 2 var count = 1 if (count < 10) { count += 1 } // 推荐 const a = 1 const b = 2 let count = 1 if (coun
2020-09-10 17:27:46
163
原创 前端开发规范（二）——CSS & 命名规范
css规范代码规范1、代码格式化紧凑格式.jdc{display: block; width: 50px;}展开格式.jdc { display: block; width: 50px;}2、代码大小写样式选择器，属性名，属性值关键字全部使用小写字母书写/* 不推荐 */.JDC { DISPLAY: BLOCK;}/* 推荐 */.jdc { display: block;}3、选择器尽量少使用通用选择器*不使用ID
2020-09-10 17:27:00
283
原创 前端开发规范（一）——HTML & 图片规范
HTML规范代码规范1、HTML文件必须加上DOCTYPE声明，并统一使用HTML5的文档声明<!DOCTYPE html>2、页面语言lang<html lang="zh-CN">推荐使用zh-CN(中国大陆)，浏览器和操作系统的兼容性好；同时可以避免浏览器的自动翻译功能3、编码方式<meta charset="UTF-8">尽量统⼀写成标准的 UTF-8 , 不要写成 utf-8 或者 UTF84、元素及标签闭合所有具有开始标签和结束标签
2020-09-10 17:21:29
546
原创 Vue路由权限控制
路由权限控制常用于后台管理系统中，对不同业务人员能够访问的页面进行一个权限的限制。对于无权限的页面可以跳转404页面或者提示无权限。方式一：路由元信息（meta）把所有页面都放在路由表中，只需要在访问的时候判断一下角色权限即可。vue-router 在构建路由时提供了元信息 meta 配置接口，我们可以在元信息中添加路由对应的权限，然后在路由守卫中检查相关权限，控制其路由跳转。在 meta 属性里，将能访问该路由的角色添加到 roles 里。用户每次登陆后，将用户的角色返回。然后在访问页面时，.
2020-07-24 16:11:04
5301
原创 伪代码基本规范~呦呦呦
伪代码每一条指令占一行（else if 例外），指令后不跟任何符号书写上的缩进表示程序中的分支结构每个算法开始时都要描述他的输入、输出算法中每一行都编上行号，在解释算法的过程中用行号来指代算法的步骤1、变量的声明算法中出现的数组、变量可以是以下类型：【整数、实数、字符、位串、指针】通常这些类型可以从算法上下文判断，不需要额外说明2、指令或子任务的表示可以用文字表示eg：...
2019-12-18 11:56:43
1755
原创 Runtime-Compiler和Runtime-Only的区别
我们使用 vue init 命令创建脚手架的时候，会有如下选择Runtime + CompilerRuntime-Only那么它们究竟有什么区别呢，今天我们就来探讨一下首先，我们分别通过这两种方式，创建Vue脚手架。我们来看一下两者的 main.js 有什么不一样区别很明显，在 Vue 实例中，runtime-compiler 创建的项目中的参数是 compoennts 和 te...
2019-12-18 11:29:01
708
转载 Vue 插槽使用
Vue 插槽使用因为在2.6.0中，具名插槽 和 作用域插槽 引入了一个新的统一的语法 (即v-slot 指令)。它取代了 slot 和 slot-scope，并且现在网上都说的是一些老版本的内容，官方文档不太容易理解，所以就整理了一篇有关于插槽(slot)使用的文章Slot 通俗的理解就是“占坑”，在组件模板中占好了位置，当使用该组件标签时候，组件标签里面的内容就会自动填坑（替换组件模板中s...
2019-12-17 10:54:02
674
转载 vue多选、全选和选中删除问题
<div id="vueContainer"> <div> <input type='checkbox' class='input-checkbox' :checked="fruitIds.length === fruits.length" @click='checkedAll()'>全选 <div v-for='(frui...
2019-11-28 21:31:56
3233
原创 强制刷新vue组件的方法
背景例如我有一个表格，每次点击其中的一行弹出一个窗口，展示对应的信息，弹窗如下<el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" top="0"> <UserPage v-if="isShow" :userid="userid"/></el-dialog&g...
2019-11-13 21:10:21
1152
转载 websocket实现原理
一、websocket与httpWebSocket是HTML5出的东西（协议），也就是说HTTP协议没有变化，或者说没关系，但HTTP是不支持持久连接的（长连接，循环连接的不算）首先HTTP有 1.1 和 1.0 之说，也就是所谓的 keep-alive ，把多个HTTP请求合并为一个，但是 Websocket 其实是一个新协议，跟HTTP协议基本没有关系，只是为了兼容现有浏览器的握手规范而已...
2019-09-28 14:38:17
245
原创 webpack基本配置（二）--url和babel
配置url的loader在页面上引用图片安装npm i url-loader file-loader -D打开webpack.config.js配置文件{test:/\.(jpg|png|gif|bmp|jpeg)$/,use:'url-loader?limit=91560'}//处理图片路径的loader// limit给定的值是图片的大小，单位是byte。如果引用的图片大于给定的...
2019-08-11 20:59:22
275
原创 webpack基本配置（一）--超详细版加问题解决
关于webpack 4.0+基本配置的详细说明及问题解决第一步：在安装webpack前，需要本地环境支持node.js新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章...
2019-08-11 15:05:12
383
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人