- 博客(34)
- 资源 (1)
- 收藏
- 关注
原创 setstate -> 多次调用合并
最近在获取state改变后的值时遇到问题问题:同一函数中多次调用setstate 发现并不是逐一执行set的代码:componentDidUpdate(){ console.log(this.state.test,1)}componentWillUnmount(){ console.log(this.state.test,2)}function test(){ console.log(this.state.test) // 0 this.setState({test:this.s
2022-01-27 14:45:12 1852
原创 行高,词间距、字间距
// 词间距 定义单词间的距离word-spacing: 20px;normal:标准空间,默认值。length:固定空间(长度值)。inherit:规定应该从父元素继承 word-spacing 属性的值。// 字间距 定义字(字母)的标准空间、只对文字起作用 对于图片失效letter-spacing: 20px;normal:,默认值。length:固定空间(长度值// 行高line-height: 20px;...
2021-10-27 11:58:01 296
原创 Andt-design日期组件使用moment.js问题
一、日期组件(DatePicker)提示和月份,星期引文显示解决前:解决后:解决办法,使用yarn add moment 重新安装依赖,如果没yarn先 npm install -g yarn
2021-08-26 14:55:49 239
原创 chosen插件引入、初始化、取val、取text、赋值
开淦一、引入jquery.min.js(插件依赖jq)、chosen.jquery.js、chosen.css(chosen.min.css)官方下载地址:chosen:(https://harvesthq.github.io/chosen/)jq:(下载地址)别忽略图片了(chosen-sprite.png)就是这个玩意,不想改源码就放在css文件目录下,其实没有它也行 比如你想做一个这种功能,再次点击就会清除该选项,你只需要修改对应的样式宽高设置100%即可源码在这:二、初始化没啥说的
2021-08-23 18:02:37 1467
原创 微信小程序include和template引入
include引入template引入总结:include需要引入整个或大部分相同的页面布局建议使用 》》template重复的小模块多的话建议使用注意:template不能直接引用被引用模块中引用的模块,只能引用被引用模块中申明的template,官方文档框架也有解释https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/import.html...
2021-06-23 11:24:39 152
原创 微信开发者工具里使用 -> less
首先需要准备一份less的插件 可以前往vscode里下一个 然后在C盘下的‘ .vscode/extensions ’里找到mrcrowl.easy-less第二步在微信开发者工具中依次打开设置->扩展设置->编辑器自定义扩展->打开扩展文件夹将上面的less文件夹copy进来第三步微信开发者工具里依次打开 设置-> 扩展-设置-> 编译器-> 更多把下面配置copy进去“less.compile”:{“outExt”:".wxss"}最后
2021-05-31 17:56:23 424 2
原创 微信小程序常见问题以及解决,
**/自定义弹出框滚动时页面跟着滚动给弹窗的盒子设置catchtouchmove=“xxx” ,并且盒子flexd固定定位宽高100% 预览和真机可以看到效果 开发者工具里不生效原理就是catch绑定事件可以阻止事件冒泡如果弹窗内容要实现滚动那就再弹窗的内容外包层scroll-view 高度或宽度要比内容高度或宽度小就跟正常写的逻辑一样<view class="showmodal" wx:if="{{showmodal}}" catchtouchmove='true'> <sc
2021-05-20 15:07:25 318
原创 gitee于本地文件夹的绑定
下载gitee,下一步 下一步https://github.com/Nightonke/Gitee/releases首先配置username 和 useremailgit config --global user.name "你码云的名字"git config --global user.eamil "你码云的注册邮箱"git remote add xxx(这里先使用frist) 仓库地址xxx 可以是定义的名字 意为把远程仓库与这个本地仓库建理链接并取一个名字 第一次push的时候就可以用
2021-04-01 01:43:57 403
原创 类型判断 - 之章
一、判断对象是否未空 es6的: Object.keys(对象名).length === 0 / true, or JSON.stringify(对象名) == '{}' / true
2021-03-23 00:24:37 94
原创 vue量子背景 -> vue-particles
下载依赖npm install vue-particles --save-dev main.js 中引入improt Vue from 'Vue'import VueParticles from 'vue-particles' Vue.use(VueParticles) 好了 ,下面只需要只要引入ok<vue-particles color="#fff" :particleOpacity="0.7" :particlesNumbe
2021-03-22 20:31:12 151
原创 Ant Design之form表单提交获取不到数据问题
今天在使用antd库时,form的onFinish始终获取不到表单的内容,仔细阅读文档后才发现,tmd,form下的from item必须要有name属性,<Form name="basic" labelCol={{ span: 4, }} wrapperCol={{ span: 14,}} onFinish={this.submitFrom} > {/* 表单的标题 */} <Form.Item name="title" labe
2021-03-17 19:18:06 3129 2
原创 REACT -> 解决多级路由模式下引入样式文件时刷新后样式丢失的问题
当我们使用多级路由如<Switch> <Route path="/golo/home" component={Home}/> <Route path="/golo/about" component={About}/></Switch>自定义的路由组件<Mynavlink to="/golo/home">HOME</Mynavlink><Mynavlink to="/golo/about">ABOUT<
2021-03-13 10:04:43 346
原创 报错 -> 问题 -> 解决 ->原因
Method "components" has type "object" in the component definition.解决:methods方法写在 components 之前原因:将components即组建注册写在了methods之后导致的, "components"是注册子组件,会将其挂在到vm上, "methods"里是方法定义的地方,触发后执行,搞清楚功能就好理解了...
2021-02-26 12:55:23 490
原创 axios -> 请求方式 及 反向代理
<template> <div id="home"> <nav-bar class="home-nav"><div slot="center">小蘑菇</div></nav-bar> </div></template><script>// import axios from 'axios'import NavBar from 'components/common/
2021-02-24 00:09:34 342
原创 vuex -> 助手函数的原理
vuex:状态管理模式js代码块import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)//和router一样使用时要useexport default new Vuex.Store({ //state里存放公共的状态 state: { num: 5, uum: 10, sum: 0 }, //state中的状态如果需要动态请求获取那么这个请求的动作放在actions里,mutations里不可以
2021-02-22 20:31:46 151
原创 runtime compiler 和 runtime-only的区别
import Vue from 'vue'import App from './App.vue'import router from './router'import store from './store'Vue.config.productionTip = falsenew Vue({ router, store, template: '<App/>', components: { App },}).$mount('#app')//compiler -相当于
2021-02-18 01:53:38 103
原创 vue -> router(编程式导航/路由跳转的方式)
路由传参的方式动态路由传参{path: "/home/:id/:name/:age’,component: home}params传参<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta
2021-02-05 15:46:41 707 1
原创 vue -> router动态路由和匹配404
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <script src="./vue.j
2021-02-04 22:27:05 842
原创 vue ->路由的嵌套
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <script src="./vue.js
2021-02-04 11:55:14 124
原创 axios -> 取消请求操作
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <script src="https:/
2021-02-03 21:55:52 98 1
原创 axios -> 拦截器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <script src="https://
2021-02-03 20:23:34 86
原创 AXIOS ->基础
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <script src="https:/
2021-02-03 19:39:40 109
原创 vue — 过度&动画 transition
过度<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box{ width: 150px;
2021-02-02 20:52:06 111
原创 vue -> 自定义指令
一个父组件 和 一个子组件 生命周期钩子 加载顺序父beforeCreate-父created-父beforeMount-子beforeCreate-子created-子beforeMount-子mounted-父mounted<body> <div id="app"> 商品价格 <input type="text" v-focus="50"> </div> <script src="./vue.js"></s
2021-02-02 20:47:10 97
原创 vue -> 过滤器
全局过滤器 //时间过滤(全局的) vue.filter(“过滤器名字”,执行函数(接受参数)) Vue.filter("timefilter", (timestr,[...parse])=>{ const dt = new Date(timestr) const y = dt.getFullYear() const m = dt.getMonth() + 1 const d = dt.getDate() return `${y}-${m}-${d}
2021-02-02 20:31:09 98
原创 vue->slot 插槽
slot//让我们子组件 在 不同父组件中 使用时,可以给这个组件的定义标签 添加内容,我们可以在子组件内部 得到你 在使用时 添加的内容,渲染出来// 子组件内部 slot组件 代表了 子组件标签 嵌套的内容(相当于站为的作用)<body> <div id="app"> <home></home> </div> <script src="./vue.js"></script> <scri
2021-02-02 20:17:02 116
原创 vue -> 组件
创建全局组件----方法一:(初始阶段)1.//使用vue.extend来创建组件模板const vr = vue.extend({ // template: `<div> <h1></h1> <p></p> </div> `})//使用component来创建组件模板对象 vue.component('MyCont(实例化的组件名)',vr(组件模板名))//调用:<body>
2021-02-02 19:44:18 147
原创 ref获取元素或组件
ref获取组件和内部dom<body> 父组件 <div id="app" ref="oneself"> <!-- 如果给子组件加上ref,那么在父组件中使用$refs获取 --> <!-- 得到的就是整个子组件,用为加在子组件标签上的这个ref属于父组件的东西 --> <login ref="fu"></login> </div> 子组件的模板 <template id="
2021-02-02 17:45:35 638
原创 清除事件的方式
一般删除方式:div.onclick = null事件源.事件类型 = null;监听方式删除:div.addEventListener('事件类型(click)', 回调函数(fn)) /* 里面的 fn 不需要加小括号 */ function fn() { alert("I love China"); this.removeEventListener(“事件类型', 调用自己(fn)); // fn.removeEventLis
2021-02-01 10:44:45 575
原创 vue基础
什么是vuevue是一个前端渐进式 mvvm(模式) 框架#渐进式:只要有基础的核心功能即可,其他功能可通过插件导入,与js相比vue属于申明式的实现某些功能,js的核心是dom,vue的核心是数据全称(Model-View-ViewModel)#mvvm:(是一种模式)## m:数据## v: 视图## mv:数据改变视图自动刷新(数据指导)## vm:new Vue的实例(通过vue实例 实现让数据改变视图自动刷新)#mvvm 优缺点:MVVM模式和MVC模式一样,主要目的是分离视图
2021-01-29 15:52:55 170
原创 单行 / 多行文本溢出隐藏
单行文本超出隐藏:在这里插入代码片 overflow: hidden; text-overflow:ellipsis; white-space: nowrap;多行文本超出隐藏:在这里插入代码片 overflow:hidden;/*超出隐藏*/ text-overflow:ellipsis;/*文本溢出时显示省略标记*/ display:-webkit-box;/*设置弹性盒模型*/ -webkit-line-clamp:3; -webkit-box-orient:vertical;
2021-01-25 09:53:19 1650
普通数组 怎么 转成多叉树
2022-10-17
TA创建的收藏夹 TA关注的收藏夹
TA关注的人