全村人的希望@-CSDN博客

原创原生Js绑定事件

html标签事件绑定：属性赋值，这个在该元素的properties属性中可以查到，也可以在事件监听中看到<script> function show(){　　 console.log('show'); } function print(){　　 console.log('print'); }</script> <button onclick="show()" id="btn1" onclick="print()"&

2020-07-03 23:51:25 180

原创 Vuex

Vuex是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化这是vuex的官网，对vuex的解释，乍一看挺难理解的，什么叫状态管理模式？，什么又是集中式存储管理？，官网的描述不明觉厉。首先我们就先来解释这个定义。所有的开源库都是为了解决我们在实际开发的过程之中遇到的问题而出现的。而vuex就是为了解决我们在使用vue的过程中对多个视图依赖于同一个状态（或者说：我们很难在vue中通

2020-06-26 21:26:57 99

原创微信小程序生命周期函数

由于小程序的数据在我们退出小程序时并没有得到释放，因此再次点击开来数据依然没有变成初始化解决方法：在小程序 data 数据中声明一个变量isClose默认为true用于判断是否为从入口打开，当点击跳转页面或者关闭小程序的时候，会触发OnHide函数在此函数中将判断isClose is true的时候即为关闭之后在打开，当跳转页面时首先将isClose设置为false, 这样触发 OnHide 函数的时候，isClose is flase并不会执行，进入跳转的页面，然后在由页面

2020-06-24 23:55:45 366

原创微信小程序组件之label

效果图index.wxml<view class="section section_gap"><view class="section__title">表单组件在label内</view><checkbox-group class="group" bindchange="checkboxChange"> <view class="label-1" wx:for="{{checkboxItems}}"> <label&g

2020-06-23 23:32:36 348

原创微信小程序传参数

1，navigator 跳转时wxml页面（参数多时可用“&”）<navigator url='../index/index?id=1&name=aaa'></navigator>或者添加点击事件，js用navigateTo跳转传参，两种效果一样 wx.navigateTo({ url: '../index/index?id=1&name=aaa', })js页面在onLoad里直接获取 onL

2020-06-22 23:56:49 112

原创 h5和css3常用新特性

说到H5C3会不会觉得东西好多啊，今天就整理了一份总结性的内容；CSS3选择器有哪些？答：属性选择器、伪类选择器、伪元素选择器。CSS3新特性有哪些？答：1.颜色：新增RGBA，HSLA模式2. 文字阴影（text-shadow、）3.边框：圆角（border-radius）边框阴影： box-shadow4. 盒子模型：box-sizing5.背景：background-size 设置背景图片的尺寸background-origin 设置背景图片的原点background-clip 设

2020-06-19 22:16:28 135

原创什么是深拷贝与浅拷贝理解

浅拷贝：对内存地址的复制，让目标对象指针和源对象指向同一片内存空间。注意：当内存销毁的时候，只想对象的指针，必须重新定义，才能够使用代码：var a = {x:1}var b = aconsole.log(b);//{x:1}b.x = 2console.log(b)//{x:2}console.log(a)//{x:2}浅拷贝是一个传址,也就是把a的值赋给b的时候同时也把a的址赋给了b，当b（a）的值改变的时候，a（b）的值同时也会改变深拷贝：深拷贝是指，拷贝对象的具体内容，二内存地

2020-06-19 22:06:30 392

原创 Promise的基本用法

1.Promise是什么？Promise是异步编程的一种解决方案，在ES6中Promise被列为了正式规范，统一了用法，原生提供了Promise对象。2.Promise的基本用法then中成功失败的执行// resolve代表成功 reject失败都是一个函数let p = new Promise(function(reslove,reject){ //reslove('成功') //状态由等待变为成功，传的参数作为then函数中成功函数的实参 reject('失败')

2020-06-19 22:02:35 302

原创 Promise知识点整理

1、概述：Promise是异步编程的一种解决方案，从语法上讲，Promise是一个对象，可以获取异步操作的消息2、目的：（1）、避免回调地狱的问题（2）、Promise对象提供了简洁的API，使得控制异步操作更加容易3、Promise有三种状态：pendding //正在请求，rejected //失败，resolved //成功4、基础用法：new Promise(function(resolve,reject){ })5、resolved,rejected函数：在异步事件状态pendding-

2020-06-19 09:16:26 462

原创 JS数组去重6种方法

利用ES6 Set去重（ES6中最常用）function unique(arr){ 　 return Array.from(new Set(arr)); } var arr=[1,1,2,3,3,3,4,4,4,5,5,'1','true',true];console.log(unique(arr));此种方法对{}一些符号不起作用，可用于字符串和数字。利用for嵌套，然后splice去重（ES5中常用）function unique(arr){ for(var .

2020-06-18 22:16:58 103

原创 vue自定义指令

一.背景除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令二.自定义指令基本用法1.全局注册// 注册一个全局自定义指令 `v-focus`Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { //

2020-06-17 22:33:04 113

原创 vue事件处理

1:第一种写法点击事件<template> <div> <button name="button" type="button" v-on:click="counter += 1">test</button> </div></template><script>export default { data: function() { return { counter: 0

2020-06-16 22:59:05 96

原创 JS如何判断一个对象为空zongjie

在平时的开发过程中，我们经常用到的是数组判空，但是针对对象的判空，我做了以下整理，希望可以帮到有需要的小伙伴。如果大家还有更好的方法，欢迎留言，一起学习奥。1.最常见的思路，for…in… 遍历属性，为真则为“非空数组”；否则为“空数组”for (var i in obj) {// 如果不为空，则会执行到这一步，返回truereturn true;}return false; // 如果为空,返回false;2.通过 JSON 自带的 stringify() 方法来判断:JSON.

2020-06-12 23:44:36 201

原创 Vue项目封装请求数据的接口

一、配置url（可以放在一个js中）1、引入axios：import axios from “axios”2、配置url const service=axios.create({ baseURL:请求的地址, timeout:5000 //访问超时的时间限制 });抛出（如果是新起的js文件）：export default service;二、写接口的文件（js文件）1、将配置url和axios引入：（例如配置的url文件叫request.js）

2020-06-11 21:26:19 1140

原创 Vue项目中使用swiper

第一步：安装swipernpm install vue-awesome-swiper --save第二步：在vue文件中使用1、引入依赖import 'swiper/dist/css/swiper.css';import { swiper, swiperSlide } from 'vue-awesome-swiper'; export default { name: 'swi...

2020-03-19 16:06:09 205

原创 element ui设置轮播图

<div id="banner">  <el-carousel :height="bannerHeight + 'px'">  <el-carousel-item v-for="item in imgLi...

2020-02-26 15:44:54 3694 2

qq_45906429的博客