- 博客(61)
- 资源 (264)
- 收藏
- 关注
RSS订阅
原创 ES5-ES6中数组方法使用详解
Array 对象属性constructor 返回对创建此对象的数组函数的引用。 length 设置或返回数组中元素的数目。 prototype 使您有能力向对象添加属性和方法。传统Array 对象方法toSource() 返回该对象的源代码。 toString() 把数组转换为字符串，并返回结果。 toLocaleString() 把数组转换为本地数组，并返回结果。 valueOf() 返回数组对象的原始值修改原数组 不修改原数组 push， pop concat
2020-06-11 23:02:46
1271
2
原创 Flex弹性布局教程-语法篇
网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于，依赖属性 +属性 +属性。它对于那些特殊布局非常不方便，比如，就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。Flex 布局将成为未来布局的首选方案。本文介绍它的语法，给出常见布局的 Flex 写法。网友为本文的所有示例制作了，也可以参考。和。
2020-06-05 13:06:14
1658
2
原创 Vue.js学习笔记--进阶之路
框架，framework，是能够让程序开发人员更好的专注于业务逻辑的开发，而无需关心底层功能的实现。vue是一个渐进式 JavaScript 框架，Vue (读音 /vjuː/，类似于 **view**) 是一套用于构建用户界面的**渐进式框架**。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。国人自己的开发的框架，作者是：尤雨溪vue有两大核心数据驱动页面组件化methods，用来存放用户自定义函数vue支持我们自定义一些指令来完成一定的操作。
2020-06-01 22:23:36
1085
1
原创 React中生命周期钩子函数实例演示
生命周期钩子函数速查表# React生命周期钩子函数## 页面渲染期* constructor 构造函数 在所有函数执行之前它先执行(数据接收 实现继承super(props))* UNSAFE_componentWillMount 组件将要挂载(数据挂载之前 可以操作数据 不可以操作dom)* render 页面渲染(渲染组件 和 html 标签)* componentDid.
2020-06-30 20:56:23
849
原创 vscode中快速生成React代码块-rcc rcf
ES7 React/Redux/GraphQL/React-Native snippets安装完毕后，就可以开心的使用啦
2020-06-30 18:57:13
4177
2
原创 React的生命周期的三个阶段 挂载、渲染、卸载
1. 挂载卸载过程1.1.constructor()1.2.componentWillMount()1.3.componentDidMount()1.4.componentWillUnmount ()2. 更新过程2.1. componentWillReceiveProps (nextProps)2.2.shouldComponentUpdate(nextProps,nextState)2.3.componentWillUpdate (nextProps,nextState)2....
2020-06-30 17:32:21
2061
原创 React-使用中报错处理ERROR
React常见错误①Uncaught SyntaxError: Inline Babel script: Adjacent JSX elements must be wrapped in an enclosing tag虚拟DOM中只能有一个根标签②Warning: Invalid DOM property `class`. Did you mean `className`? in div在react的jsx语法中，class是一个类的关键词，所以标签的class属性要改为classN..
2020-06-29 22:34:16
1222
原创 Vue-使用中报错处理ERROR
Vue常见错误解析vue.js:634 [Vue warn]: Do not mount Vue to <html> or <body> - mount to normal elements instead.vue实例只能挂在到普通的元素标签上，不能是html、body标签，而且推荐使用id选择器来获取标签[Vue warn]: Property or method "XXX" is not defined on the instance but referenced
2020-06-29 22:30:15
1673
原创 React中通过状态控制元素显示隐藏的三种方法
React控制元素显示和隐藏的方法目前我知道的有三种方法：第一种是通过state变量来控制是否渲染元素，类似vue中的v-if。第二种是通过style控制display属性，类似vue中的v-show。第三种是通过动态切换className。方法一：第一种方法是通过此例中showElem变量来控制是否加载元素的，如果showElem为false，内容是直接不会渲染的。class Demo extends React.Component{ constructor(prop..
2020-06-29 21:49:41
1564
原创 在React中使用Bootstrap
可以在react项目中执行以下命令安装bootstrapnpm install bootstrap@3 --save在使用的时候，直接在index.js文件导入即可import 'bootstrap/dist/css/bootstrap.min.css';import 'bootstrap/dist/js/bootstrap';
2020-06-29 21:41:41
2642
原创 React+Bootstrap中实现用户信息收集功能-简单版本
import React, { Component } from 'react';import './App.css';export default class Home extends Component { state = { isidx: -1, empty: true, user: { name: '', age: '', }, info: [] } // 输入框数据绑定 iptChange(e, item)...
2020-06-29 21:37:08
510
原创 vscode中React中使用jsx语法中写html代码没有语法提示-不能自动补全
html语法自动补全没有语法提示在vscode中进行配置自动补全的方法： 文件 —> 首选项 --> 设置 搜索 includeLanguages，找到这个点击到settings.json文件配置步骤到json文件中添加"emmet.includeLanguages": { "javascript": "javascriptreact" }配置完毕保存已经可以正常提示html语法了，尽情享用吧！...
2020-06-29 18:21:36
4267
原创 vue项目中事项显示秒杀倒计时效果-限定开始和结束时间
页面结构<!-- 限时秒杀 --><div class="left"><p class="txt1">限时秒杀</p><p class="txt2">{{ !seckill.title ? '每天零点场 好货秒不停' : seckill.title }}</p><div v-if="seckill.length !== 0"><p class="txt3"> <span>{{...
2020-06-28 23:45:58
1785
原创 vue-移动端购物车滑动事件-左滑删除-mintUI
购物车左滑事件goods.startx = 0;//滑动goods.endx = 0;//结束goods.isshow = false;//显示隐藏标签中添加滑动事件<div :class="{list:true,activeleft:item.isshow}" v-for="(item,idx) of goods" :key="idx" @touchstart="start($event,idx)" @touchmove="move($event,idx)" @t...
2020-06-28 23:04:47
1031
2
原创 mintUI MessageBox confirm弹框确认和取消按钮的使用-回调
注意：需要使用then和catch进行捕获MessageBox.confirm("", { message: "你确定删除吗？", title: "警告" }).then(action => { if (action == "confirm") { console.log(1); this.$http.post(this.$apis.cartdelete, { id }).then(.
2020-06-27 13:35:17
2416
原创 js中防止短时间多次请求接口-截流问题
方法一：<button @click="submit" :disabled="isDisable">点击</button>data(){ return{ isDisable:false }}methods:{ submit(){ this.isDisable=true setTimeout(()=>{ this.isDisable=false //点击一次时隔两秒后才能再次点...
2020-06-27 10:10:55
2687
1
原创 使用vue/cli4+版本快速搭建项目结构
@vue/cli前言如果下载速度慢，可以设置淘宝镜像-国内速度杠杠滴npm config set registry "https://registry.npm.taobao.org"1、升级本地环境卸载旧版本 安装新版本脚手架卸载全局安装旧版本npm uninstall -g vue-cli全局安装新版本npm install -g @vue/clivue --version2、创建项目vue create 项目名称或vue ui ...
2020-06-25 20:26:58
453
2
原创 Vue在Element-ui项目中如何使用Iconfont(阿里图标库)
我们使用element-ui、vue开发网站的时候，往往图标是起着很重要的作用。下面是vue、element-ui项目，如何使用阿里iconfont图标库的方法。点击紫色按钮创建项目image.png图中画红线的地方很重要1）、FontClass/Symbol前缀这个很重要，一定不要写成：el-icon-***这样的形式。如果你写成这样的前缀，会和element-ui框架所带的图标（icon）冲突，导致你图标显示不出来2）、FontFamily随便起一个名字..
2020-06-24 17:39:54
1994
原创 vuex中数据持久化插件vuex-persistedstate使用
vuex是在中大型项目中必不可少的状态管理组件，刷新会重新更新状态，但是有时候我们并不希望如此。例如全局相关的，如登录状态、token、以及一些不常更新的状态等，我们更希望能够固化到本地，减少无用的接口访问，以及更佳的用户体验。安装起步npm i -S vuex-persistedstate目前的环境版本："vue": "2.2.4","vuex": "^2.5.0","vuex-persistedstate": "^2.5.4"vuex已经升级到了3.0.1，看了release
2020-06-22 16:59:28
3785
2
原创 四种常见的表单提交数据的方式
HTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE、CONNECT 这几种。其中 POST 一般用来向服务端提交数据，本文主要讨论 POST 提交数据的几种方式。我们知道，HTTP 协议是以 ASCII 码传输，建立在 TCP/IP 协议之上的应用层规范。规范把 HTTP 请求分为三个部分：状态行、请求头、消息主体。类似于下面这样： <method> <request-URL> <ver
2020-06-19 00:05:44
3163
2
原创 程序猿的Markdown快速使用语法指南
什么是 MarkdownMarkdown 是一种轻量级标记语言，创始人为约翰·格鲁伯（John Gruber）。它允许人们「使用易读易写的纯文本格式编写文档，然后转换成有效的XHTML(或者HTML)文档 」—— 维基百科>Markdown具有一系列衍生版本，用于扩展Markdown的功能（如表格、脚注、内嵌HTML等等），这些功能原初的Markdown尚不具备，它们能让Markdown转换成更多的格式，例如LaTeX，Docbook。Markdown增强版中比较有名的有Markdown Ext
2020-06-18 23:50:52
373
原创 在vue项目中在elementUI中使用敲击回车登录效果
<el-form-item> <el-button type="primary" @click="submitForm('ruleForm')">登录</el-button> <el-button @click="$router.push('/register')">注册</el-button></el-form-item>在vue的created钩子函数中写 // 钩子函数 created() { ...
2020-06-18 23:34:39
509
原创 Token登录认证与Cookie与Session的区别和联系
基于 Cookie/Session 的认证方案CookieCookie的工作原理由于HTTP是一种无状态的协议，服务器单从网络连接上无从知道客户身份。怎么办呢？就给客户端们颁发一个通行证吧，每人一个，无论谁访问都必须携带自己通行证。这样服务器就能从通行证上确认客户身份了。这就是。cookie指的就是在浏览器里面存储的一种数据，仅仅是浏览器实现的一种数据存储功能。cookie的保存时间，可以自己在程序中设置。如果没有设置保存时间，应该是一关闭浏览器，cookie就自动消失。Cookie实际上
2020-06-18 17:17:18
1046
原创 使用element-ui时删除最后一页全部数据时显示无数据的bug修复
问题：element-ui的分页组件在你删除最后一页数据的时候默认的还是会显示在最后一页，此时最后一页已经没有数据了，所以就显示暂无数据，需要手动去跳转到第一页或者重新刷新页面才能看到第一页的数据解决：1.如果是删除最后一页的最后一条数据，则要跳转到第一页2.如果不是则继续显示在当前页中翻页组件<!-- 分页 page-size 每页展示的数据条数total 总数据条数current-change 页码点击事件--><el-paginatio.
2020-06-18 00:42:37
1583
1
原创 ajax和axios和fetch的区别之处
1.jQuery ajax$.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function () {}, error: function () {}});传统 Ajax 指的是 XMLHttpRequest（XHR）， 最早出现的发送后端请求技术，隶属于原始js中，核心使用XMLHttpRequest对象，多个请求之间如果有先后关系的话，就会出现回调地狱。
2020-06-16 22:58:00
285
原创 vue-cli项目提交时设置Git忽略提交文件 .gitignore
在使用Git的过程中，我们喜欢有的文件比如日志，临时文件，编译的中间文件等不要提交到代码仓库，这时就要设置相应的忽略规则，来忽略这些文件的提交。.gitignore.DS_Storenode_modules//dist/npm-debug.log*yarn-debug.log*yarn-error.log*# Editor directories and files.idea.vscode*.suo*.ntvs**.njsproj*.sln规则 作用/mtk 过滤
2020-06-15 22:41:56
6040
原创 Named Route index has a default child route. When navigating to this named route to name index
⚠警告[vue-router] Named Route 'index' has a default child route. When navigating to this named route (:to="{name: 'index'"), the default child route will not be rendered. Remove the name from this route and use the name of the default child route for nam.
2020-06-15 22:08:08
3932
原创 Git配置连接问题之SSH Key和连接问题
1.检查本机是否有ssh key设置,切换到.ssh目录 $ cd ~/.ssh 或cd .ssh2.配置git用户名和邮箱，配置多个用户时添加 --add 参数 $ git config --global --add user.name "username" $ git config --global --add user.email "email" $ git config --global --unset user.name "username"
2020-06-15 19:07:30
730
原创 GIt版本控制软件安装后配置详解
Git配置文件种类 Git的配置文件在控制台中使用 git config 命令用来修改配置，Git配置级别有3种，分别存在不同的配置文件中： 1、仓库级别（当前仓库有效） local 〖优先级最高〗 2、用户级别（当前用户有效） global〖优先级次之〗 3、系统级别（系统全局有效） system〖优先级最低〗仓库级别的配置 仓库级别的配置保存在当前仓库（指定创建Git仓库的文件夹）下面的 .git\config 文件内，通常 .git 文件夹是隐藏的，所以要在文件管
2020-06-15 17:53:36
341
原创 手把手教你安装GIt工具详细步骤
获取Git安装程序 到Git官网下载最新版本即可，网站地址：https://git-scm.com/downloads，如下图： 因为我们是用Windows系统上的浏览器访问的，Git官网自动之别到了我使用的操作系统，所以右侧直接显示下载使用Windows系统的最新版本（如果识别错误，可以在中间选择系统），点击即可下载。我下载的是 2.24.0 for Windows，文件名称是“Git-2.24.0.2-64-bit.exe”。下载到电脑上之后，鼠标双击这个文件即可进入安装过程。Git
2020-06-15 17:48:44
1125
4
原创 vue中router路由重复跳转Avoided redundant navigation to current location Redirected when going from...
在使用ElementUI中的导航时，默认情况下如果重复点击某选项，会报错。element-ui.common.js?b705:3354 Error: Avoided redundant navigation to current location: “/home/home1”.可以在router的配置文件中（router -> index.js）加上下面这句话，注意位置：import Vue from 'vue'import Router from 'vue-router'Vue
2020-06-14 18:36:15
1728
原创 Computed property “XXX” was assigned to but it has no setter错误
当你使用Vuex中state中状态时，在Vue中使用了v-model绑定数据报错原因组件中v-model=“XXX”，而XXX是vuex state中的某个变量 vuex中是单项流，v-model是vue中的双向绑定，但是在computed中只通过get获取参数值，没有set无法改变参数值解决在computed中添加get和set将v-model改成:value...
2020-06-14 11:38:28
2039
原创 vuex中state对象会数组中的值更新后getters没有监听到state数据的改变的问题state数据跟新页面不刷新问题
问题就出现在使用这样的写法直接修改/更新state对象中的值，没错state中的值是修改到了，但是vuex监测不到的，所以很简单的方法就是整个对象去替换/赋值，这样vuex就能监测到state的变化，同事getters也会跟着变化了赋值之后不会触发getter方法刷新，修改为深拷贝之后即可触发getter刷新简单的处理方法是，将对象或数组转换成字符串，再转换回来，赋值就解决这个问题了downNum(state,id){ //将对象转换一下，从新开辟内存空间保持，然后在从新赋值，...
2020-06-14 00:22:14
3736
4
原创 Vuex教程第六讲：Vuex的管理员Module--06
写在前面这一讲是 Vuex 基础篇的最后一讲，也是最为复杂的一讲。如果按照官方来的话，对于新手可能有点难以接受，所以想了下，决定干脆多花点时间，用一个简单的例子来讲解，顺便也复习一下之前的知识点。首先还是得先了解下 Module 的背景。我们知道，Vuex 使用的是单一状态树，应用的所有状态会集中到一个对象中。如果项目比较大，那么相应的状态数据肯定就会更多，这样的话，store 对象就会变得相当的臃肿，非常难管理。这就好比一家公司只有老板一个人来管理一样。如果小公司倒还好，公司要是稍微大一点，那
2020-06-12 19:16:47
352
原创 Vuex教程第五讲：Vuex的小助手--05
先说两句前面已经讲完了 Vuex 下的State、Getter、Mutation及Action这四驾马车，不知道大家是否已经理解。当然，要想真正熟练掌握的话，还是需要不断的练习和动手实践才行。其实只要把这四驾马车完全熟练驾驭了，那么应对一些中小型的项目，基本上就已经没啥问题了，后面的 Module 这架终极马车，其实是为了搞定那些稍微大型复杂一点的项目，避免 store 里面的数据太多，难以管理而设计，这驾马车稍微比较抽象，不太好驾驭，我们下一讲再来详细的去剖解它。Vue 里面的很多配套...
2020-06-12 19:14:13
370
原创 Vuex教程第四讲：Vuex旗下的Action--04
写在前面通过上一讲，我们知道了如何去修改 State 的数据，而且只能通过 Mutation 去提交修改，另外还了解到了 Mutation 必须是同步函数，那么如果需求当中必须要用到异步函数怎么办？好办，那就轮到 Action 上场了。简单介绍Action 类似于 mutation，不同在于：1、Action 提交的是 mutation，而不是直接变更状态。2、Action 可以包含任意异步操作。看一个简单的 action 示例：const store = new Vue
2020-06-12 19:13:01
291
原创 Vuex教程第三讲：Vuex旗下的Mutation--03
写在前面上一讲，告诉了我们怎么去使用仓库 store 中的状态数据。当然，光会用肯定还不够，大部分的应用场景还得对这些状态进行操控，那么具体如何操控呢，这就是这一讲要说的重点。只有 mutation 能动 State更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件：每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。这个回调函数就是我们实际进行状态更改的地方，并且它
2020-06-12 19:11:33
270
原创 Vuex教程第二讲:Vuex旗下的State和Getter--02
先说两句上一讲，已经完美诠释了 Vuex 的牛逼技能之所在。如果把 Vuex 比喻成农药里面的刘备，那就相当于你现在已经知道了刘备他是一个会打枪的力量型英雄，而且他打的枪还是双排量的，认识到这一点后，那么接下来就是要了解他到底是如何打枪的，是左手打，还是右手打，还是双手一起端着枪打？同样，我们已经知道了 Vuex 就如同一个全局的管理员一样，帮着我们统一管理着项目的共享数据，那它到底是通过什么样的方式去管理的呢？我们应该如何与这个管理员进行沟通和交流，才能有效的访问和操作这些共享数据呢？再说一.
2020-06-12 19:09:20
313
原创 Vuex教程第一讲：Vuex到底是个什么--01
先说两句官方已经有教程了，为什么还要写这个教程呢？说实话，还真不是我闲着蛋疼，官方的教程真的是太官方了，对于刚入门 Vuex 的童鞋来说，想必看官方的教程，很多地方就如同看圣经一样，比如「欧玛尼玛尼牙」，所有的字都认识，就是不知道说些什么玩意，不信，你可以戳进去看看。当然，对于大神级别一看就懂的，那就不用说了，肯定是看官方的更权威。还有，如果对Flux、Redux、The Elm Architecture比较熟悉的话，也可以移步官方，因为官方也说了，Vuex 的套路基本上都是从那边吸取整合后，过..
2020-06-12 19:05:53
305
原创 VueX快速入门-Vue状态管理模式
一、初识VueX1.1 关于VueXVueX是适用于在Vue项目开发时使用的状态管理工具。试想一下，如果在一个项目开发中频繁的使用组件传参的方式来同步data中的值，一旦项目变得很庞大，管理和维护这些值将是相当棘手的工作。为此，Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。在具有VueX的Vue项目中，我们只需要把这些值定义在VueX中，即可在整个Vue项目的组件中使用。1.2 安装由于VueX是在学习VueCli后进行的，所以在下文出现的项目的目录请参照VueCl
2020-06-12 18:52:12
334
JackieDYH自定义板块html代码
2023-10-11
vscode-settings.json
2023-09-08
vscode-配置文件.code-profile
2023-09-08
Vue2.x和Vue3.x面试常问知识点-面试题-JackieDYH - CSDN博客.pdf
2023-09-07
两句css代码实现全屏滚动效果.zip
2023-04-03
微信小程序video标签如何在其他视频播放时让另一个视频暂停播放-demo
2023-03-29
Vue海报二维码组合图片生成和下载-qrcodejs2-html2canvas
2022-05-08
js时间对象实现倒计时效果(可设置倒计时开始时间)
2020-03-30
C语言复习资料.docx
2020-03-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人