面条请不要欺负汉堡_Vue+Element+axios+store(vuex),javascript+TypeScript,微信小程序开发-CSDN博客

原创 Vue CLI 3 安装、创建、配置、安装插件

一、安装1、全局安装过旧版本的 vue-cli(1.x 或 2.x)要先卸载它：npm uninstall vue-cli -g //或者 yarn global remove vue-cli注意：如果卸载不了(我卸载2.9.6，还剩下一个2.9.3版本一直卸载不了),就直接安装vue cli3，包直接安装就能覆盖掉2.安装 vue cli3npm install -g @vue/...

2019-01-04 10:55:48 13284

原创 React开发中遇到的问题

一.细节React的核心思想就是组件化思想，页面会被切分成一些独立的、可复用的组件。1.React中state和props分别是什么？ props理解为从外部传入组件内部的数据。由于React是单向数据流，所以props基本上也就是从服父级组件向子组件传递的数据。一种：跳转页面父组件addressList：item 是参数对象 this.props.history.push(...

2018-07-31 15:37:32 4758

原创 Redux基本语法

一.Redux1.什么是ReduxRedux是专注于状态管理,单一状态，单向数据流处理.在Redux中，所有的数据（比如state）被保存在一个被称为store的容器中 → 在一个应用程序中只能有一个。store本质上是一个状态树，保存了所有对象的状态。任何UI组件都可以直接从store访问特定对象的状态。要通过本地或远程组件更改状态，需要分发一个action。分发在这里意味着将...

2018-05-30 21:55:58 977

一.什么是JSX JSX 是 JavaScrip 的一种扩展语法。JSX是React的核心组成部分，它使用XML标记的方式去直接声明界面，界面组件之间可以互相嵌套。可以理解为在JS中编写与XML类似的语言,一种定义带属性树结构（DOM结构）的语法，它的目的不是要在浏览器或者引擎中实现，它的目的是通过各种编译器将这些标记编译成标准的JS语言。下面就是jsx的语法function formatName...

2018-05-28 15:34:56 5053

原创使用 create-react-app 构建 react应用程序流程及开发注意点

一.了解1.什么是React.jsReact.js 是 Facebook 推出的一个用来构建用户界面的 JavaScript 库。React 中，把一切东西都看成组件，而且所有组件有其状态。什么是状态？简单来说，一个组件有多种有限的状态，但同时只能是一种状态，不过条件处罚就会变成另一种状态。学术上叫有限状态机。React.js 是一个新兴的 JavaScript 库，有很多经典的思想值...

2018-05-28 10:24:54 4030

原创数组或是对象、日期的操作

一.数组1.俩个数组的整合 concatarrs1=["0002", "0003"];arrs2=["0004", "1000"];arrs1 = arrs1.concat(arrs2);console.log(arrs1);//输出 ["0002", "0003", "0004", "1000"]引申到一个数据的累加开始arr=[]; 点击获取后 arr=["1002"......

2018-04-18 17:11:21 472 1

原创 webpack+vue+ element ui +vueX+axios 开发项目注意点及知识点

一.小知识点1.项目中`.`和`@`的区别./这是相对路径的意思。@/这是webpack设置的路径别名。这东西在vue标准模板里面的build/webpack.base.conf这个文件里面。resolve: { // 路径别名 alias: { '@': resolve('src'), 'vue$': 'vue/dist/vue.e...

2018-04-02 10:50:14 2307

原创 nodeJs + webpack+vue+ element ui 环境安装

一.安装nodeJs1.打开NodeJs官网：https://nodejs.org/en/download/ 点击下载2.双击安装，安装过程基本直接“NEXT”就可以了。（windows的安装msi文件在过程中会直接添加path的系统变量，变量值是你的安装路径，例如“C:\Program Files\nodejs”）3.安装完成后可以使用cmd（win+r然后输入cmd进入）测试下是...

2018-03-22 13:04:32 25718 3

原创 JavaScript 中的数据截取问题

一.数组中获取1.获取value的值var revokeModel = $("#modalMsgRevoke form").serializeArray(); console.log('cxyy00:'+revokeModel[0].value)2.从一组数据数组中获取1个字段 var formData = $("#tbMai...

2017-12-13 16:56:14 1664

原创 Vue.js常用的语法（一）

一.用列子分析在一个html文件中，我们直接可以通过script标签引入Vue.js，然后就可以在页面里写Vue.js代码了。我们通过new Vue()构建了一个Vue的实例。html文件： pejeco {{a}} app.jsvar app = new Vue({ el: '#app', data: { a: 1

2017-08-01 14:13:06 900

原创 Vue.js安装以及创建项目

一.安装Vue.js怎么搭建vue.js的环境呢？要搭建vue的环境需要借助node.js的npm的包管理器，所以先去看下NodeJS、NPM安装配置步骤。1.安装淘宝的npm镜像（可安装可不安装）：如果在cmd中直接使用npm来安装的一些工具的话会比较慢，所以我们使用淘宝的npm镜像：输入npm install -g cnpm –registry=https://r

2017-07-25 10:56:27 2178

原创 fis3创建项目

首先我们根据前俩篇文章 NodeJS、NPM安装配置步骤(windows版本)和fis3初步学习体验，我们安装fis3，同时也大概了解fis3。现在我们来简单创建项目。一.创建项目（1）,打开cmd(运行)，创建一个目录（注意请用管理员的身份去打开运行）mkdir fisdemo( fisdemo文件名)（2）,并进入该目录cd fisdemo( fisdemo文件名)

2017-07-21 11:02:55 840 1

原创百度上传webuploader

一.注意细节1.不能重复上传问题？根据查看webuploader文档里面有个duplicate属性，是可选的， true为可重复，false为不可重复默认为undifind 也是不可重复。所以在 pick: '#filePicker',下面加上duplicate :true,2.为什么点击“”上传”按钮，弹出框会延迟时间？accept: { tit

2017-05-17 09:40:17 9176

原创常用的正则表达式

现在开发一般都是用框架，而框架都会自带表单验证。然而手机号码会随之而改变，所以啊，框架自带的验证是不正确的。下面我们来了解几个正则表达式，慢慢积累啊。首先推荐正则表达式编辑器(验证表达式是否正确)PyRegex：http://www.pyregex.com/一.常用的正则表达式1.手机号码(包含177开头)tip: /^[1][3,4,5,7,8][0-9]{9...

2017-05-10 10:51:58 776

原创微信小程序开发—(十一)navigator

一.理解navigator二.使用1.navigator跳转页面样式分为两种一种是左上角带返回按钮跳转到新的页面，另一种不带即在本页跳转，通过控制redirect属性跳转到navigator新页面 redirect在当前页打开2.参数传递在index.wxml 跳转到navigator新页面 redirect在

2017-05-05 14:05:46 1695

原创微信小程序开发—(八)canvas绘制图形

一.小知识(1).API接口(2).context 对象的方法列表二.步骤wxml中：在js文件onLoad: function() {}的方法中开始编写代码1.创建一个 Canvas 绘图上下文 CanvasContext const ctx = wx.

2017-05-04 10:35:00 17977

原创微信小程序开发—(五)弹出框

消息提示框模态弹窗操作菜单 1.消息提示——wx.showToast(OBJECT)//show.js//获取应用实例 var app = getApp() Page({ showok:function() { wx.showToast({ title: '成功', icon: 'success', duration:

2017-05-02 17:31:33 131996 23

原创简单的canvas动画原理

简单的canvas动画原理一般就是如下步骤：setInterval( function(){ draw(ctx); update(canvas.width,canvas.height); }, 50); 一. draw(ctx);1.清空 canvas除非接下来要画的内容会完全充满 canvas （例如背景图），否则

2017-02-27 11:56:42 1672

原创 canvas注意细节

1.canvas与svg的区别svg1.SVG 是一种使用 XML 描述 2D 图形的语言。2.SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。3.在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。canvas1. Canvas 通过 J

2017-02-24 11:52:16 1675

原创 vue3+wangEditor5/vue-quill自定义上传音频+视频

wangEditor5用在Vue3中自定义扩展音频、视频、图片菜单；并扩展音频元素节点，保证音频节点的插入、读取、回写功能正常；支持动态修改尺寸。

2023-07-04 15:57:12 1207

原创 Vue3 组合式函数,实现minxins

截至目前，组合式函数应该是在VUE 3应用程序中组织业务逻辑最佳的方法。它让我们可以把一些小块的通用逻辑进行抽离、复用，使我们的代码更易于编写、阅读和维护。

2023-02-28 11:22:13 1094

转载干货 | RAF替代setTimeout_setInterval

为什么用 requestAnimationFrame代替 setInterval 和 setTimeout？那得先了解微任务、宏任务与Event-Loop，还有 setInterval 存在的问题

2023-02-28 10:29:25 208 1

转载搞懂pinia状态管理

如果你学过Vue2，那么你一定使用过Vuex。我们都知道Vuex在Vue2中主要充当状态管理的角色，所谓状态管理，简单来说就是一个存储数据的地方，存放在Vuex中的数据在各个组件中都能访问到，它是Vue生态中重要的组成部分。

2023-02-23 17:20:33 240

原创对vite的简单了解

vite 是一种新型的前端构建工具，能够显著的提升前端开发者的体验。它主要有俩部分组成：一个开发服务器：它基于原生的es模块，提供了丰富的内建功能，如速度快到惊人的模块热更新HMR.一套构建指令：使用Rollup打包代码，并且它是预构建的，可输出用于生产环境的高度优化过的静态资源。vite旨在提供开箱即用的配置，但同时它也提供插件API和JavaSccript API 带来高度的可扩展性并且有完整的类型支持。

2022-09-07 15:25:52 5220

转载 iframe通信

iframe作为一个html标签，可以让嵌入任何的html网页。解决跨域问题的方法，通过postMessage发送消息，相应的页面进行消息监听，监听到正确消息后再执行操作

2022-08-02 14:23:01 306

转载 vue3 虚拟DOM的底层原理

Vdom （虚拟dom）凭借着出色的性能成为了目前的主流的前端框架都会选择的渲染方案。再加上优秀的 diff 算法对它的一步步的优化，使框架的价值得到了极致的体现，几乎成为了我们前端开发必不可少的方案。...

2022-07-15 08:57:06 465

转载 Vue3 的函数式编程

vue3 setup 所有单独的功能模块全部都独立开来，最后在 setup 函数中统一暴露给模板使用。我们甚至可以把组合后的逻辑放在单独的js文件中，这样会使我们的代码逻辑更直观，可维护性更高，复用性更强。...

2022-07-13 11:32:28 1540

原创 Vue3内置组件Teleport

Teleport是Vue 3.0 新增的一个内置组件，主要是为了解决一些特殊场景下模态对话框组件、组件的渲染。

2022-07-12 11:23:07 635

原创 vue3细节的改变以及unocss 原子化

vue3在vue2中细节的变化

2022-07-11 17:17:43 1387 2

原创 vue3 的组件通信以及ref的使用&v-model

vue3 组件通信以及ref的使用

2022-07-05 15:52:31 5154

原创 Vue3 composition-api&setup 生命周期

setup是组合Composition API中的入口函数，也是第一个要使用的函数。setup只在初始化时执行一次，所有的Composition API函数都在此使用。Composition API代码组织很灵活，代码直接全部都写在setup里面即可（简单点来说，就是vue2⾥⾯的data，method，computed···全不要啦，所有数据⽅法全写在setup⾥*）........................

2022-07-01 16:52:50 2477

转载 watch 和 watchEffect 的区别

Vue3中 watch、watchEffect 详解

2022-06-28 15:07:11 445

原创（一）了解函数化组件 Hooks【useState，useEffect，useContext，useReducer】

Hook 是一些可以让你在函数组件里“钩入” React state 及生命周期等特性的函数。Hook 不能在 class 组件中使用 —— 这使得你不使用 class 也能使用 React。

2022-06-22 15:16:55 541

原创 Reac组件化以及组件通信

react 组件化、多类型组件介绍、组件嵌套、组件通信方式

2022-06-16 16:53:49 250

转载 React18.生命周期

react生命周期分为四大阶段：Initialization：初始化阶段 Mounting：挂载阶段Updation：更新阶段 Unmounting：销毁阶段

2022-06-15 14:38:32 2809 1

转载 React 函数组件与class组件的区别

函数组件看似只是一个返回React元素的函数，其实体现的是无状态组件（Stateless Components）的思想。函数组件中没有this，没有state，也没有生命周期，这就决定了函数组件都是展示性组件，接收props，渲染DOM，而不关注其他逻辑。因为函数组件不需要考虑组件状态和组件生命周期方法中的各种比较校验，所以有很大的性能提升空间。...

2022-06-15 12:00:36 1052 1

转载如何构建出色的Vue组件？

通过对大量的开源组件进行调查后，我认为一个出色的 Vue 组件需要实现以下几点： 1. 实现 v-model 兼容性 2. 对事件透明 3. 为恰当的元素赋予属性 4. 拥抱浏览器标准，实现键盘导航功能 5. 优先选择事件，而不是回调 6. 限制组件内样式的使用实现 v-model 兼容性某些组件主要是为表单字段所设计的，包括搜索自动完成、日期选择字段，或是为简单的字段添加额外的功能，使组件的使用者能够添加数据属性。为了使所设计的组件符合使用标准，最重要的一种方式就是支持 v-model

2021-11-05 17:06:24 310

原创 ECharts 入门学习

一.简单使用1、echarts柱状图x轴数据隔一个显示xAxis: { axisLabel: { interval:0 }},2、显示数值柱状图上方显示数值 series: [ { type: 'bar', itemStyle: { normal: { label: { show: true, //开启显示 posit...

2021-10-27 11:44:10 857 1

原创 css 高频实用小技巧

利用 drop-shadow 对元素的部分内容添加单重及多重阴影 <div class="setCss"> <div class="round"></div></div>.setCss { width: 300px; height: 300px; background: #000; padding: 32px}.round{ --colorA: #fff; position: relative; margin: aut

2021-10-09 10:02:52 294

原创脚手架搭建及发布npm

一.为什么需要脚手架？减少重复性的工作，不再从零创建一个项目，或者复制粘贴另一个项目的代码。根据动态交互生成项目结构和配置文件，具备更高的灵活性和人性化定制的能力。有利于多人开发协作，避免了人工传递文件的繁琐。可以集成多套开发模板，根据项目需要选择合适的模板。二.第三方库的支持实现一个脚手架，通常需要以下工具commander: 命令行工具download-git-repo: 来通过git下载项目模板的插件inquirer: 用于命令行交互问询等ora: 用于实现node命令

2021-09-29 11:00:30 915

vue3+wangEditor5自定义上传音频+视频

wangEditor5用在Vue3中自定义扩展音频、视频、图片菜单；并扩展音频元素节点，保证音频节点的插入、读取、回写功能正常；支持动态修改尺寸

2023-07-05

select2首字母

select2 插件要首字母搜索时，请添加这个pinyin.js的插件

2019-02-26

ztree官网案例

zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。 zTree 是开源免费的软件（MIT 许可证）。如果您对 zTree 感兴趣或者愿意资助 zTree 继续发展下去，可以进行捐助。

2018-07-09

mongobooster可视化工具

mongobooster可视化工具，不用安装，下载解压直接打开就可以使用

2018-06-11

web页面批量打印

批量打印 HTML：打印页面预览，跳转到打印那边使其分页（使每个报告单占据一页）

2018-01-31

PLSQL Developer

PLSQL Developer 7.1.5.1398 中文破解版 32位中文破解版

2017-11-28

瀑布流waterfall

瀑布流布局插件waterfall，这是基于jquery，类似于 Pinterest、花瓣、发现啦。直接引用js就好。兼容ie8等浏览器

2017-09-12

全国省份城市

这里面包括：js原生态最新版本省市县全国地名选择input插件和jQuery省市区三级联动（将代码片段封装成了jQuery插件）

2017-09-12

验证码生成

图形验证码插件gVerify.js：纯JS实现图片验证码功能，简单好用，实现完美。但是说要兼容IE8以下，是不行的。

2017-09-12

百度地图map

基于jQuery的百度地图，实现省、市、区三级联动，然后您可以再结合百度API控件增加功能。百度地图兼容ie7等

2017-09-12

鼠标悬停图片动画

20款css3鼠标悬停图片动画过渡特效:鼠标移上图片，显示一些内容或是另一张图片，这个过程中产生的效果动画的多样性。

2017-09-11

webuploader上传图片源码

WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。此文件中webuploader上传图片的案例以及webuploader+cropper裁剪图片，还有md5-demo等案例。

2017-09-01

cropper裁剪案例

jQuery.cropper是一款使用简单且功能强大的图片剪裁jquery插件。该图片剪裁插件支持图片放大缩小，支持图片旋转，支持触摸屏设备，支持canvas，并且支持跨浏览器使用。

2017-09-01

小程序案例1

微信小程序（选项卡,轮播图,弹出框,上传图片/获取图片信息,滚动区/无限滚动,链接,列表, 无限滚动,音乐播放,表单,下拉菜单,搜索, 预览图片,拖放图片,上传文件）

2017-08-29

常见视频插件

视频插件，不支持ie8一下

2017-08-15

WebUploader+cropper

上传图片以及裁剪图片，用WebUploader+cropper结合使用

2017-08-11

FLIP 动画实现多维网格的过渡

内部的实现，Vue 使用了一个叫 FLIP 简单的动画队列使用 transforms 将元素从之前的位置平滑过渡新的位置。我们将之前实现的例子和这个技术结合，使我们列表的一切变动都会有动画过渡

2017-08-09

简单vue2开发

Vue.js（读音 /vjuː/，类似于 view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。

2017-08-08

webuploader上传图片

WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势，同时又不摒弃主流IE浏览器，沿用原来的FLASH运行时，兼容IE6+，iOS 6+, android 4+。两套运行时，同样的调用方式，可供用户任意选用。采用大文件分片并发上传，极大的提高了文件上传效率。

2017-08-07