- 博客(99)
- 收藏
- 关注
RSS订阅
原创 antdv RangePicker 组件控制开始时间（分钟）不等于结束时间（分钟）
<template> <a-range-picker :show-time="{ format: 'YYYY-MM-DD HH:mm', defaultValue: defaultValue() }" :disabled-time="disabledTrainTime" @calendarChange="calendarRangeChange"/></template>methods: { range(start, end)
2023-08-10 16:24:26
416
原创 link工具[email protected]
npm link本地包做做调试流程：安装yalc ：npm install yalc -g安装nodemon：npm install nodemon -g1.本地宝发布：yalc publish2.本地包package.json的scripts添加监听"watch": “nodemon --ignore dist/ --ignore node_modules/ --watch src/ -C -e vue -x yalc push”3.项目中运行 yalc link 包名当本地包中更新时，会自动映射到项目
2022-06-06 10:56:45
1337
原创 微信小程序 组件
组件所有组件与属性都是小写，以连字符 - 链接如：cover-image :覆盖在原生组件之上的图片视图视图组件:view 属性 hover-class，hover-start-time, hove-stay-time,hover-stop-propagation=‘{{true}}’是否阻止冒泡swiper：滑块视图容器，其中只可放置swiper-item组件，...
2019-11-21 15:20:26
140
原创 Wxml,事件等
AppApp只能声明在app.js中onLaunch(){} //监听小程序的初始化getApp()去获取全局唯一的app实例通过getApp（）获取实例之后，不要私自调用生命周期函数在每一个页面的js文件，都需要一个Page进行注册页面WXMLMustache语法 ：{{ }}公共属性:id,class,style,hidden,data-*,bind*/catch*...
2019-11-21 09:36:41
296
原创 微信小程序笔记
微信小程序订阅号：适用人群：个人，媒体， 报纸，企业，政府或其他组织一天只能群发1条消息服务号适用人群：媒体、企业、政府或其他组织。一个月内可发送4条消息企业微信原企业号企业的专业办公管理工具。小程序是一种新的开发能力，开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播，同时具有出色的适用体验。小程序优点：开发周期短，开...
2019-11-18 20:48:44
202
原创 redux数据映射创建store
redux数据映射创建store.js，在store中引入createStore创建的store仓库，把仓库公开，在createStore中引入reducer创建reducer.js，在reducer中创建共有数据存储的对象defaultState，把组件中共有的数据抽离到defaultState，在reducer.js创建公开方法,写入state和action参数，把默认数据defau...
2019-10-31 22:20:34
235
1
原创 react路由，脚手架
react脚手架的使用import React,{Component} from 'react'class 组件名 extends Component {state ={数据}}样式类名会全局泄露Axios组件下直接引入axiosPublick文件夹是特殊路径配置代理:package.json下 "proxy":"http://localhost:3001"Post请求使...
2019-10-30 19:21:47
121
原创 React的条件渲染，父子，兄弟传值
条件渲染：if(布尔值){ return(jsx)}else{ return (jsx)}条件是否成立&&模块显示隐藏三目运算： 条件？模块：模块注：阻止条件渲染时，不使用DOM内容情况下返回null，数据类型保持一致列表渲染：使用map方法进行遍历react中无论后期列表是否进行变动，都需要给遍历的虚拟DOM加上唯一的key，否则控制台会...
2019-10-30 19:21:19
226
原创 React不使用JSX创建元素，以及传值
不使用JSX创建元素:React.createElement(DOM名称，节点属性，DOM中写入的内容) const childa = React.createElement( 'h1', {className:"childa"}, 'hello' ) ReactDOM.render( childa, ...
2019-10-30 19:20:25
653
原创 关于React
React把虚拟DOM渲染到真正DOM中ReactDom.render(组件，document.getElementById(根元素))虚拟DOM提升性能：虚拟DOM最大特点是只更新变化的内容，不变的内容就地复用JSX语法: {},相当于vue的 {{}}style={{key:val,key:val}} //第一个大括号为jsx语法，第二个大括号为style内写法...
2019-10-30 19:19:29
83
原创 vue优化，本地存储的方法
vue配合vuex和本地存储可以减少HTTP请求，进行优化本地储存：sessionStorage、localStorage和cookie之间的异同共同点：都是保存在浏览器端，且同源的。区别：cookie数据始终在同源的http请求中携带(即使不需要)，即cookie在浏览器和服务器间 来回传递 cookie数据不能超过4KB,同时因为每次http请求都会携带cooki...
2019-10-24 21:53:32
682
原创 for..of
for…of能够遍历数组，字符串，Set，Map结构，因为它们内置了Iterator遍历器，它们的原型中都有一个Symbol.iterator方法，而对象Object中并没有这个接口，无法被for…of遍历...
2019-10-24 16:39:43
77
原创 Vue全局前置守卫验证登录状态
全局前置守卫验证登录状态在login页 methods: { login() { this.$axios .post("/api", { user: this.user, password: this.pass }) .then(res => { if (res...
2019-10-24 16:02:31
1118
原创 对象的新增方法
Object.is()源自：http://es6.ruanyifeng.com/#docs/object-methods#Object-getOwnPropertyDescriptorsES5比较两个值只有2个运算符,相等（==）和严格相等（==）相等运算符:会自动转换数据类型严格相等运算符:NaN不等于自身，+0等于-0ES6提出同值相等算法解决以上2个缺点 当用来比较两个值...
2019-10-21 22:57:33
134
原创 mixin混入，插槽，过滤器
Mixins混入：把各个组件下相同的js部分提取出来，分发给每一个用到的组件，这样可以减少代码量进行优化，但是分发到各个组件下的数据都是相互独立的在组件下引入混入的内容:import minxi在子组件内先引入import mixis from ‘./…/…/…/mixin’然后派发 mixins:[mixis] （mixis为提出来的公共部分的js...
2019-10-21 20:35:24
311
原创 对象的扩展
引用自http://es6.ruanyifeng.com/#docs/object属性的简洁写法ES6允许在大括号里，直接写入变量和函数，作为对象的属性和方法，更加简洁属性简写function f(foo,bar){ return (foo,bar)}f(1,2)//{foo:1,bar:2}这时属性名就是变量名，属性值就是变量值方法简写const foo ={ ...
2019-10-20 20:59:34
82
原创 数组扩展
数组扩展注：例子均来源于http://es6.ruanyifeng.com/Array.of( )Array.of方法用于将一组值，转换为数组其主要目的是弥补数组构造函数Array( )的不足：因为参数个数的不同，不导致Array（）的行为有差异如： let a = Array()//[] let b = Array(3)//[empty*3] ...
2019-10-19 19:24:06
99
原创 axios,vuex
resource:本地的数据内容应该放在static文件夹下先下载npm install vue-resource ,在main.js中引入 vue-resource，使用 Vue.use（）；get：在需要请求数据的页面使用this.$http.get(路径).then((数据)=>{ 请求成功后拿到数据})post:在需要请求数据的页面使用this.$http.post(...
2019-10-19 11:08:32
150
原创 关于vue全家桶
vue全家桶包含哪些模块vue-cli vue脚手架vue-router 路由axios http请求vuex 状态管理（操作公用数据）UI库（element-ui）vue脚手架下，src文件夹下包含哪些文件，作用分别是什么？assets文件夹：一般放置图片components文件夹：放置所有自行编写的组件router文件夹：在index.js下进行路由配置...
2019-10-18 20:20:54
114
原创 Vue生命周期、自定义指令，传值，状态管理，路由
生命周期vue（包括组件)实例从 实例化到消亡的一个过程，每个vue实例在被创建时都要经一些列的初始化过程，如需要设置监听，编译模板，将实例挂载到DOM并在数据变化时更新DOM等生命周期8个钩子函数的作用：beforeCreater:初始化内容created：初始化数据完成，可以拿到数据了beforeMount：找到对应的el，把数据向虚拟DOM上挂载的过程mounted：...
2019-10-16 20:33:35
278
原创 Vue组件的命名
结论： 组件命名不能使用驼峰命名，可以使用 -形式，或者开头首字母大写形式，目的是为了跟普通html标签进行区分Vue.component("comA",{ template:``, }组件下用驼峰式命名不好，因为在DOM标签下要转为横杠形式，此处为否则报错.did you register the component correctl...
2019-10-16 17:04:30
566
转载 箭头函数与普通函数，以及使用场景
箭头函数和普通函数的区别如下。普通函数：根据调用我的人（谁调用我，我的this就指向谁）箭头函数：根据所在的环境（我再哪个环境中，this就指向谁）一针见血式总结:普通函数中的this:this总是代表它的直接调用者(js的this是执行上下文), 例如 obj.func ,那么func中的this就是obj2.在默认情况(非严格模式下,未使用 ‘use strict’),没找到直...
2019-10-15 21:31:28
1859
原创 v-model双向绑定的defineProperty实现
多选框绑定v-model时，会吧选中的对应的value值加入到v-model绑定的数组中下拉列别选取单个值时使用字符串，多个值(multiple)需要使用数组select下option 可以用v-for遍历，但是要用v-bind绑定如果option有value时，选中时会把option的innerHTML内容替代掉Vue下原生js实现数据双向绑定definePrope...
2019-10-15 20:42:55
392
原创 购物车
<!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-...
2019-10-15 19:34:18
92
原创 Vue列表渲染
列表渲染数组：（item，index） of arr对象:(val,key,index) of object实际使用时常用[{},{}] (数组嵌套对象)key的管理:(vue v-for 下key值的作用)在v-for使用v-bind:key绑定key,会使虚拟DOM记录节点的身份，在操作数组等元素进行变动时，DOM也会进行变动，在使用key值的情况下，不会让DO...
2019-10-15 19:02:37
95
原创 v-for为什么要加key
v-for为什么要加key未加key时 <div id="app"> <input type="text" v-model="name"> <button @click="add">增加元素</button> <ul> <!-- 没有加唯一key值，会对元...
2019-10-14 13:23:35
184
原创 mysql安装错误mysqladmin: connect to server at 'localhost' failed，和 卡在配置环境Starting the server
前者解决办法：在mysql的bin目录下输入: mysqladmin -u root -p password 123456出现enter password后**，直接回车，**即可后者win+r 输入 services.msc,找到Mysql，右键=>属性=>登录确定...
2019-10-12 22:44:38
914
2
原创 组件化
组件:把页面中的UI模块拆分出来(header,footer,nav),把DOM放在组件中,组件可以重复调用,渲染到页面中,减少代码量(1) 全局组件:在每一个vue实例化中都可以取使用声明全局组件 Vue.component(‘组件名字’,{template:模板(HTML的内容,必须有一个唯一的根元素)})可以使用v-if进行判断显示,但是没有必要这样去实现,组件的命名不能使用驼峰命名...
2019-10-12 21:50:24
113
原创 vue 的class绑定方式，模板语法，计算属性，深度侦听
class绑定方式(1) :class="{box1:flag}" key代表style样式下的class名,val为布尔值控制绑定,动态绑定的class可以和固定静态class共存,绑定动态的class可以配合表单的v-model使用,例如checkbox(2) :class=“boxStyle” 对象方式绑定多个class,推荐使用在data写入对象的形式操作class(3) :...
2019-10-12 08:37:00
460
原创 什么是MVVM？mvvm和mvc区别?
什么是MVVMMVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型， 也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模 型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象。 在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过ViewModel...
2019-10-10 20:50:38
1276
原创 Echarts，Highcharts，canvas
Echarts，Highcharts，canvasEcharts 头部<!-- 引入 echarts.js --> <script src="./js/echarts.min.js"></script> bddy中 <!-- 为ECharts准备一个具备大小（宽高）的Dom --> <div id="main" s...
2019-10-09 19:16:48
345
原创 D3.js
D3.jsselect() 选取单个DOM元素selectAll() 选取多个DOM元素data（) 把输入写入到DOM节点中 data方法只能把数组的内容写入到DOM中，就算有一个数据也要写到数组中text（） 把内容返回到页面中style（key，value）写入样式，可以传入对象的方式{key：val,key:val}可以使用链式操作datum（）把单个...
2019-10-08 19:49:18
154
原创 国庆项目的一些坑与总结
1.npm安装spm报错:network If you are behind a proxy解决 npm config set registry http://registry.npmjs.org/2.input框type=file设置cursor:pointer的问题为了让美化上传文件框，设置了cursor:pointer;,然而不起作用，然后百度找到了解决方法，设置font-size:0...
2019-10-08 09:40:01
165
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人