- 博客(31)
- 收藏
- 关注
原创 快速判断数组中每个对象同一属性值是否相同(3种方法)
1、findIndex方法 var ticketArr=[ { name:'大师傅', isshow:false }, { name:'的风格', isshow:false } ] if(ticketArr.findIndex(target=>target.isshow === true)==-1){ console.log('验证通过') }else { console.log('验证不通过') }2、every方法 var ticketArr
2020-05-11 11:13:59 10588 3
原创 小程序悬浮框拖拽事件
wxml<view> <!-- 需要点击事件的话加个bindtap就行 --> <view catchtouchmove="buttonMove" bindtouchstart="buttonStart" catchtouchend="buttonEnd" style="top:{{buttonTop}}px;left:{{buttonLeft}}px;wi...
2019-09-04 14:17:20 966
原创 小程序封装全局POST和GET的方法
在写小程序的时候,我们最好使用的是全局环境来调用接口,这样我们可以在改域名地址的时候会显得很方便config.js里面的是自己放置接口地址的地方userApi.js里面专门放置咩个接口调用的方法request.js里面是自己封装的POST和GET方法config.js var app = getApp() const config = { url:'接口的地址...
2019-07-16 17:27:18 1413
原创 git的使用方法
新电脑获取git秘钥 流程// 首先配置用户名和邮箱cd ~/.ssh//*先看看有没有秘钥ssh-keygenssh-keygen -t rsa -C "yangmengsheng@163.com"//*没有就生成秘钥 一路回车就行cat ~/.ssh/id_rsa.pub// 直接进来获取ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABAQDuTKXc...
2019-07-04 10:49:38 170
原创 小程序快速入手
一、基本样式的配置页面的头部显示名片页面跳转的方法可以跳转到底部选项卡。totallist横向滚动的问题<scroll-view scroll-x="true" style=" white-space: nowrap; display: flex" ><!-- display: inline-block-->接口请求数据的展示...
2019-06-15 13:58:57 202
原创 小程序---横向轮播图
按照官网API可能看不懂,那么就参照以下方法<view class="section__title">vertical scroll</view><scroll-view scroll-x style="height: 200px;display:flex;white-space:nowrap" //添加display:flex;...
2019-02-15 11:13:34 678
原创 React项目打包出现的问题
项目打包后页面空白不显示在配置文件package.json中配置一下"homepage":".",内容显示出来后但是一刷新就报错,且页面变成空白把 import {BrowserRouter as Router} from "react-router-dom"改成 import {HashRouter as Router,Route,Redirect,Switch} from "r...
2019-01-25 14:30:00 765
原创 React处理跨域问题
需要使用代理在page.json中"proxy": { "/api": { "target": "https://www.jiayiunion.com", //你的接口地址前面的 "pathRewrite": { "^/api" : "" }, "changeOrigin"
2019-01-21 13:27:54 4213
原创 canvas--画板
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2019-01-19 09:34:13 146
原创 canvas画小球碰壁反弹
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2019-01-19 09:33:33 467
原创 Canvas画刮刮乐
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2019-01-19 09:32:31 184
原创 Canvas画布完成一个数字钟表
Canvas最初由苹果推出,后来由W3C推广,目前几乎所有浏览器都支持Canvas。canvas是一个闭合标签,包括宽度和高度属性。默认值为宽300,高150。浏览器不支持canvas时,canvas的文本会显示,通常用来检测浏览器兼容性。<canvas id="can" width="300" height="300">您的浏览器不支持canvas</canvas>...
2019-01-18 21:20:30 619
原创 React---Redux的使用
Redux 的适用场景:多交互、多数据源。Redux对于JavaScript应用而言是一个可预测状态的容器。换言之,它是一个应用数据流框架,而不是传统的像underscore.js或者AngularJs那样的库或者框架。Redux最主要是用作应用状态的管理。简言之,Redux用一个单独的常量状态树(对象)保存这一整个应用的状态,这个对象不能直接被改变。当一些数据变化了,一个新的对象就会被创建(...
2019-01-18 10:26:51 173
原创 React之Flux
Flux是Facebook用来构建客户端Web应用的应用架构。它利用单向数据流的方式来组合React中的视图组件。它更像一个模式而不是一个正式的框架,开发者不需要太多的新代码就可以快速的上手Flux。工作流程1、用户访问 View2、View 发出用户的 Action3、Dispatcher 收到 Action,要求 Store 进行相应的更新4、Store 更新后,发出一个"chang...
2019-01-18 09:07:43 462
原创 React高版路由写法
步骤 create-react-app my-app 创建项目1、安装依赖 不需要指定版本,默认最新npm i react-router react-router-dom jquery --save-dev2、引入主要组件对象import {BrowserRouter as Router,Route,Link,NavLink,Redirect} from 'react-route...
2019-01-17 13:30:54 1201
原创 React-2015版路由的配置
路由只有2和4的版本,没有3的版本,差距比较大什么是路由? 路由是根据不同的 url 地址展示不同的内容或页面。React Router一个针对React而设计的路由解决方案、可以友好的帮你解决React components 到URl之间的同步映射关系。定义链接的组件,类似于a标签。<Link to=“/users>users</Link>{thi...
2019-01-16 23:35:09 180
原创 React写totallist
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2019-01-15 20:07:23 393
原创 React 2016搭建脚手架流程
一、具体流程1、webpack全局环境 webpack webpack-cli webpack-dev-server2、初始化项目 npm init3、安装项目依赖 npm i webpack webpack-cli webpack-dev-server --save-dev4、创建项目目录结构 主视图(index.html) 主配置(webpack.config.js)入口文件(...
2019-01-15 10:21:14 231
原创 使用vuex写地址的增删和替换
store文件夹下的index.jsimport Vue from "vue"import Vuex from "vuex"Vue.use(Vuex)var state={ users:[ {email1:"姜长坤",email2:"13253422387",email3:"河南省郑州市二七区",email4:"千锋教育"} ],}var
2019-01-14 10:36:57 531
原创 Vue图灵机器人自动回复
废话不多说了,直接上代码<template> <div id="container"> <mt-header title="客服" style="background:#fff;border-bottom:1px solid #bbb;height:6vh;color:#101010"> <mt-b
2019-01-14 10:28:29 1739
原创 用windows终端命令删除node_modules用windows终端命令删除文件夹
全局安装npm install rimraf -g使用cd 进入文件夹 rimraf node_modules
2019-01-12 15:55:02 653
原创 使用vuex存储token
store下的index.jsimport Vue from "vue"import Vuex from "vuex"Vue.use(Vuex)var state={ token:''}var mutations={ cun:function(a,b){ a.token=b } }var actions = { cun( {comm...
2019-01-12 08:53:21 5135 4
原创 Vue项目实战引入百度地图(二)
一、在 http://lbsyun.baidu.com/ 申请 秘钥二、在index.html文件中引入<script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=Fh9X4hT3ygcBMZnlPbRlMG508r0OCqsk"></script>标签<div...
2019-01-10 11:40:02 254
原创 Vue项目实战引入百度地图(一)
一、在 http://lbsyun.baidu.com/ 申请 秘钥二、在index.html文件中引入<script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=Fh9X4hT3ygcBMZnlPbRlMG508r0OCqsk"></script>三、在需要引入的页面...
2019-01-10 11:34:13 1232
原创 vue封装组件写toast弹出框
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2019-01-02 16:51:31 826
原创 vue+bootstrap 实现数据的增删改查
需要自己吧vue这个文件引入,可以从bootcdn中导入还需要把bootstrap这个文件的css导入 <html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca
2019-01-02 12:08:14 1271
原创 vue生命周期的理解和一些面试题
所有的生命周期钩子自动绑定 this 上下文到实例中,因此你可以访问数据,对属性和方法进行运算。这意味着 你不能使用箭头函数来定义一个生命周期方法 (例如 created: () => this.fetchTodos())。这是因为箭头函数绑定了父上下文,因此 this 与你期待的 Vue 实例不同, this.fetchTodos 的行为未定义。1)beforeCreate 类型Fu...
2019-01-02 12:03:58 3922
原创 Vue基础语法介绍
什么是Vue?Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。Vue.js借鉴了Angular以及React的一些核心思想,综合各自的长处进行了操作以及性能等方面的优化,进而打造出一款性能更优,学习更容易的MVVM框架。它的作者是:尤雨溪vue对比ang...
2019-01-01 16:07:45 13304
原创 每隔0.5s循环打印5,6,7,8,9,10,9,8,7,6,5,6,7,8........
function conLog(){ var i=4,j=0; var timer=setInterval(function(){ j++; if(j<=6){ i++; }else{ i--; if(j==10){ clearInterval(timer); conLog();...
2018-12-13 15:37:21 146
原创 Node.js安装
一、安装环境1、本机系统:Windows 10 Pro(64位)2、Node.js:v6.9.2LTS(64位)二、安装Node.js步骤1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/2、选安装目录进行安装3、环境配置4、测试三、前期准备1、Node.js简介简单的说 Node.js 就是运行在服务端的 JavaScrip...
2018-12-11 13:29:10 140
原创 数字时钟
<head> <meta charset="UTF-8"> <title></title></head><body> <script type="text/javascript"> 1. 首先设置一个DIV并且插入六张图片
2018-08-30 20:16:39 925
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人