自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

汉堡请不要欺负面条

一个漫长的学习之路!!!

原创 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 4257

原创 React开发中遇到的问题

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

2018-07-31 15:37:32 2880

原创 Redux基本语法

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

2018-05-30 21:55:58 767

原创 React基本语法

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

2018-05-28 15:34:56 3267

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

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

2018-05-28 10:24:54 2693

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

一.数组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 205

原创 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 1404

原创 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 5805 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 1091

原创 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 720

原创 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 1516

原创 fis3创建项目

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

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

原创 百度上传webuploader

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

2017-05-17 09:40:17 8851

原创 常用的正则表达式

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

2017-05-10 10:51:58 557

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

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

2017-05-05 14:05:46 987

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

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

2017-05-04 10:35:00 15469

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

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

2017-05-02 17:31:33 121590 22

原创 简单的canvas动画原理

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

2017-02-27 11:56:42 1004

原创 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 1520

转载 了解KnockOut.js

Knockout是微软出品,是MVVM模型领域内的先驱,使用函数偷龙转凤,最短编辑长度算法实现DOM的同步,兼容IE6。Knockout是一个JS的MVVM模式的实现,Knockout是建立在3个核心功能之上:属性监控与依赖追踪 声明式绑定 模板机制MVVMMVVM是微软WPF结合发展演变的一种新型的架构框架。MVVM设计模式的优点低耦合 Model的修改不会影响视图的展现,ViewModel可绑定不同的View,当View变化时Model可以不变,当Model变..

2020-07-20 09:56:22 60

转载 Vue 中mixin 的用法详解

vue中提供了一种混合机制--mixins,用来更高效的实现组件内容的复用。一.区别1.mixin混入对象和Vuex的区别:    Vuex是状态共享管理,所以Vuex中的所有变量和方法都是可以读取和更改并相互影响的;    mixin可以定义公用的变量或方法,但是mixin中的数据是不共享的,也就是每个组件中的mixin实例都是不一样的,都是单独存在的个体,不存在相互影响的;    mixin混入对象值为函数的同名函数选项将会进行递归合并为数组,两个函数都会执行,只不过先执行mixin

2020-07-09 11:50:21 103

原创 谷歌工具使用以及兼容问题问题

1.去除谷歌浏览器记住密码后input颜色改变问题input:-webkit-autofill { box-shadow: 0 0 0px 1000px $bg inset !important; -webkit-text-fill-color: $cursor !important;}

2020-06-22 11:13:04 91

原创 vue-element-admin-master框架使用以及element UI 组件遇到的问题

一、细节注意点1.settings.js 文件 1.showSettings: false,//右边设置 是否关闭 2.tagsView: false,导航栏是否关闭 3.fixedHeader: false, 4.sidebarLogo: true,左边菜单顶部是否显示标题和logo2.permission.js 是权限控制的二、业务操作1.主菜单...

2020-04-03 13:52:59 931

原创 layui操作及遇到的问题

一.checkbox监听事件<div class="layui-input-inline" style="width: 300px;"> <input type="checkbox" name="menuIdss" lay-filter="systemMenu" data-id="1" title="男" checked> <input type...

2020-04-02 09:19:59 130

原创 微信自定义组件

官网文档1.Component 构造器2.组件间通信与事件this.triggerEvent('myevent', myEventDetail)1.父组件 <i-card card-title="标题" bindmyevent="myEventListener"></i-card>Page({ data: { }, onLoad: fun...

2020-03-17 15:44:09 127

原创 vue 登录拦截及权限管理

一.登录拦截用户登录成功后服务端返回token的值,然后前端使用axios中请求拦截器(service.interceptors.request.use)再每个的请求接口上加上Authorization:token的值,服务端通过这个Authorization来获取token的值,来进行判断token的值是否过期,如果过期则接口返回403,前端得到403的状态,则提示用户返回登录页。1.r...

2020-02-27 16:43:15 421

原创 IoT 小程序开发及WebSocket的链接和刷脸支付

一.IoT 小程序接入流程1.开发准备:查看2.开发调式:查看这时把 支付宝小程序开发工具 链接该设备sn,然后调式 发送,此时就可以在设备上查看了。二.支付宝WebSocket的链接官网webSocket链接Page({ onReady() { //1.连接WebSocket this.linkSocket(); // 2.监听WebSocket...

2020-01-14 14:13:04 409

原创 支付宝小程序

一.创建二.小程序开发(一).文件结构(二). 全局配置1.app.json 全局配置{ "pages": [ "pages/index/index", "pages/logs/index" ], "window": { "defaultTitle": "支付宝接口功能演示", "backgroundColor": "#F5F5F9", "pul...

2020-01-03 14:04:16 183

原创 公众号自定义菜单

接口只要在Posrman接口测试工具(接口工具随意) 请求下就可以。开发者文档:自定义菜单接口自定义菜单最多包括3个一级菜单,每个一级菜单最多包含5个二级菜单 一级菜单最多4个汉字,二级菜单最多7个汉字,多出来的部分将会以“...”代替。(1).微信公众平台接口调试工具(2).Posrman接口测试工具 请求接口接口:post请求https://api.weixi...

2019-11-06 17:16:12 191

原创 简单的了解TypeScript

TypeScript 是 JavaScript 的一个超集,主要提供了类型系统和对 ES6 的支持,它由 Microsoft 开发。1.TypeScript 增加了代码的可读性和可维护性 A.类型系统实际上是最好的文档,大部分的函数看看类型的定义就可以知道如何使用了 B.可以在编译阶段就发现大部分错误,这总比在运行时候出错好 C.增强了编辑器和 I...

2019-10-31 14:22:39 92

原创 vue调用微信qpi

接口签名校验工具 Js-SDK说明文档一.流程步骤一:绑定域名微信公众号的后台设置,必须是线上的,同时没有端口号步骤二:引入JS文件引入jshttps://res2.wx.qq.com/open/js/jweixin-1.4.0.js或是npm install weixin-js-sdk--save然后在相应的页面引入步骤三:通过config接口注入权限验证配...

2019-10-29 14:28:26 81

原创 微信模板/订阅信息(小程序/公众号)

一.小程序(1).模板消息小程序模板消息接口将于2020年1月10日下线。开发者可使用订阅消息功能.查看官网模板消息下发的理由:用户最近在小程序活跃过,有过交互的行为(比如表单提交)。那么开发者可以从这些交互行为中收集formid。一条formid会保留7天的时间,当我们调用发送接口的时候需要消耗一条formid。如果该用户没用formid的话,那么则发送失败。发送模板消息一...

2019-10-29 09:59:09 186

原创 小程序授权登录获取用户信息及手机号

关于授权登录 ,微信接口调整:查看内容为优化用户体验,使用 wx.getUserInfo 接口直接弹出授权框的开发方式将逐步不再支持。从2018年4月30日开始,小程序与小游戏的体验版、开发版调用 wx.getUserInfo 接口,将无法弹出授权询问框,默认调用失败。正式版暂不受影响。一.开发者可使用以下方式获取或展示用户信息1.使用 open-data 展示用户基本信息注意:这...

2019-09-25 13:38:52 4920

原创 小程序实时视频流程及api

一.前期准备及开发流程1、小程序申请(非个人的)2、到小程序后台中 开发-设置 (这2个打开)3、开通腾讯云直播服务3.1 申请开通视频直播服务 进入 云直播管理控制台 开通云直播服务。3.2 添加自有域名(查看腾讯云文档)3.3 域名 CNAME 在您添加域名成功后,您的域名需要指向腾讯云直播的云服务集群。4、开通腾讯云通信服务5、开通房间管理服务5.1 创建应...

2019-09-19 11:34:56 342

原创 uni-app开发前注意

uni-app 使用vue的语法+小程序的标签和API。特征1.跨平台更多(一套代码,多段发行)2.体验更好(组件、api与维修小程序一致,兼容weex原生渲染)3.通用技术栈(vue语法、微信小程序api、内嵌mpvue)4.开发生态,组件更丰富(支持通过npm安装第三方包、支持微信小程序自定义组件及sdk、兼容mpvue组件及项目、app端支持和原生混合编码、DCloud将...

2019-09-17 15:16:20 1394

原创 小程序跳转

同一公众号下关联的另一个小程序。如果没有关联同一个公众号,则无法成功打开另一小程序。(A主体小程序跳转B主体小程序,必须,A主体公众号 关联B主体小程序或是B主体公众号关联A主体小程序)一、公众号关联小程序公众号关联小程序后,将可在图文消息、自定义菜单、模板消息等功能中使用小程序。关联规则:所有公众号都可以关联小程序。一个公众号可关联10个同主体的小程序,3个不同主体的小程序。一个小...

2019-09-02 17:25:48 144

原创 uni-app开发注意点

一.特征1.跨平台更多(一套代码,多段发行)2.体验更好(组件、api与维修小程序一致,兼容weex原生渲染)3.通用技术栈(vue语法、微信小程序api、内嵌mpvue)4.开发生态,组件更丰富(支持通过npm安装第三方包、支持微信小程序自定义组件及sdk、兼容mpvue组件及项目、app端支持和原生混合编码、DCloud将发布插件市场)二.注意1.单位 upx ,支持的...

2019-08-05 17:36:43 165

原创 微信小程序支付开发及问题

一.前期准备微信后台申请微信支付:微信支付-商务号关联(个人信息 填写,操作密码)-》api密钥设置得到appidAppSecret商户号api密钥等微信支付接口签名校验工具二大概流程1)登录,获取code(一个code只能用一次)2)通过code获取openid(通过请求服务器,由服务器请求微信获取并返回小程序)。微信登录+获取openid接口wx.logi...

2019-07-26 10:38:58 115

原创 layui 常见使用及注意

一.注意1.layui-nav-itemed 这个加上就是默认展开 菜单二.菜单1.菜单数据类型[ { "name": "审核管理", "id":1,//这个每个菜单都要不一样 "icon": "",//这个字体图标 "url": "shgl",//菜单路劲 "children": null// 子集 }, { "name": "打印寄件管理",...

2019-05-12 20:50:10 1086

转载 浅析jQuery源码特性的分析

jQuery的总体架构可以分为:入口模块、底层模块和功能模块。这里,我们以jquery-1.7为例进行分析。一.jquery的总体架构(function( window, undefined ) { // 构造 jQuery 对象 var jQuery = (function() { var jQuery = function( selector, context ) { ...

2019-02-15 10:39:33 111

提示
确定要删除当前文章?
取消 删除