jdBug

原创 vue插件应用实列集合

1：animate.css的应用2：jwt的解密应用3：监听安卓手机的物理返回键 mui4：vue复制的功能5：vue生成二维码6：vue前端生成验证码7：获取验证码的方法8：vue项目中简单的px到rem的换算单位1：animate.css的应用1：npm install animate.css --save2：main.jsmain.js中import animated from 'animate.css';Vue.use(animated);== 3：应用==<d

原创 VUE笔记

项目中遇到的一些问题，笔记 方便下次

原创 处理时间戳的一些公共方法

时间戳的处理方法

原创 uniapp的公共样式

css基础样式

原创 uniapp的授权小程序登录

1：第一步获取code：// 获取code getCode() { return new Promise((resolve, reject) => { uni.login({ provider: 'weixin', success: res => { console.log('code', res.code) resolve(res.code) }, fail: reject }) }) },// 获取微信用户信息(

原创 笔记：uniapp授权微信公众号

由于是第一次对接uniapp授权微信公众号，过程也很复杂，记录一下，下次不迷路。 onLoad() { //获取当前页面的url let link =window.location.href; console.log('我是请求的url') console.log(link) // let link = 'http://xxxxxx.com/?code=001vGk&state=123#/'; let code = null; // 判断link中有没有c

原创 vue插件集合25：删除全部的console

1：在开发中显示console.log打包后不显示console.log路径：build/webpack.prod.conf.js

原创 学习php的学习笔记2

2：inlcude 和requre的区别如果引入的文件不存在include ：会发出警告继续执行函数。requre：直接报错，函数无法继续执行。2：inlcude 和include_once的区别inlcude 和include_once的区别在于，检测是否重复包含。如果重复包含了include_once不会再包含 对应的文件了，而include 则不管这些。有没引入过文件，都再引入一次...

原创 备份助记词 部分

&lt;!-- 导航栏返回按钮 --&gt; &lt;!-- &lt;van-nav-bar title='备份助记词' left-arrow @click-left="onClickLeft" /&gt; --&gt; &lt;!-- 选中词 --&gt; &lt;div class="seleWords"&gt; &lt;ul class="sele

原创 VUE开发钱包助记词的逻辑

&lt;!-- 导航栏返回按钮 --&gt; &lt;!-- &lt;van-nav-bar title='备份助记词' left-arrow @click-left="onClickLeft" /&gt; --&gt; &lt;!-- 选中词 --&gt; &lt;div class="seleWords"&gt; &lt;ul class="sele

原创 react，antd-mobile的按需引入，适配，主题定制 第二种方法

按需引入0：npm install antd-mobile --save1：npm i [email protected].更改package,json文件的“script”内容为 "scripts": { "start": "react-app-rewired start", "build": "react-app-rewired build", "test": "react-app-rewired test --env=jsdom", "eje

原创 react，antd-mobile的按需引入，适配，主题定制，路由，状态管理

按需引入办法1：安装antd-mobilenpm install antd-mobile --save2：引入 react-app-rewired 并修改 package.json 里的启动配置。。由于新的 [email protected] 版本的关系，你需要还需要安装 customize-cra。npm install react-app-rewired customize-cra --save-dev3：修改package,json文件的“script”内容为"scripts"

原创 react，antd-mobile的按需引入，适配，主题定制

1：第一种方法按需引入办法1：安装antd-mobilenpm install antd-mobile --save2：引入 react-app-rewired 并修改 package.json 里的启动配置。。由于新的 [email protected] 版本的关系，你需要还需要安装 customize-cra。npm install react-app-rewired customize-cra --save-dev3：修改package,json文件的“script”内容为"

原创 关于区块链的助记词以及BTC地址，私钥，公钥，ETH地址获取的方法

*** VUE项目中的获取助记词的方式***安装需要的依赖环境如果你安装了国内的淘宝镜像了 ，建议你用cnpmbip39：npm install bip39bip32：npm install bip32ethereumjs-util：npm install ethereumjs-utilbitcoinjs-lib:npm install bitcoinjs-lib这个我不知道怎么回事...

原创 web3的一些简单的应该用

直接上代码 在vue中应用npm install web3.js --savevar Web3 = require("web3");var web3 = new Web3();web3.setProvider(new Web3.providers.HttpProvider("https://mainnet.infura.io/v3/0360f8360af941eeb58f6d2db15a...

原创 vue插件集合21：vue i18n做国际化切换中英文

1：安装需要的插件npm install vue-i18nnpm install js-cookie2：创建多语言的文件夹和js文件我是在src下创建了lang级目录，然后新建了zh.js，en.js，lang.js 三个js文件lang.js文件内容export default { setLang(lang) { window.localStorage.setItem('language', lang) }, getLang(defaultLang) { let localLa

原创 react的笔记

1：创建完react项目后 显示webpack.config的方法1：第一步 ：npm run eject （如果这一步出现不了 进行一下两步）1:git add .2:git commit -m"init"3:npm run eject

原创 vue插件集合15：vue 组件传递参数的方法以及事件方法

1：创建公共的子组件template：<view class="listCon" v-for="item in list"> <view class="listwd flexbox"> <view class="vipwd">{{item.name}}</view> <view class="vipwd">{{item.vip}}</view> <view>{{item.num}}&

原创 uniapp的分页加载没有用到uni-load-more

简单粗暴上代码1:template文件<template> <view class="energy"> <view class="content"> <div class="contentab"> <div> <view v-for="(item,index) in list" :key="item...

原创 手机号，邮箱正则匹配验证

1：手机号的验证1:第一种let mobileReg = /^13[\d]{9}$|^14[7,8]{1}\d{8}$|^15[^4]{1}\d{8}$|^17[3,5,6,7,8]{1}\d{8}$|^18[\d]{9}$|^19[9]{1}\d{8}$/;2：let mobileReg = /^1(3|4|5|7|8|9)\d{9}$/ 没有上一步验证的范围小let mobileR...

原创 vue插件集合16：vue前端生成图片验证码包含验证

1:创建组件的文件（简单粗暴上代码，方便复制）<template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="contentHeight"></canvas> </div></template>&...

原创 vue项目的创建步骤

1:第一步清楚默认的浏览器样式引入清楚默认样式的css :reset.cssmain.jsimport '../static/css/reset.css' //样式重置2:安装FastClick依赖安装：cnpm i fastclick --savemain.js//屏幕点击事件import FastClick from 'fastclick'if ('addEventLis...

原创 vue插件集合22：vue 简单粗暴，复制粘贴改变跨域

1：找到config下面的index.js 在dev下面的proxyTable添加如下'/': { target: 'http://www.zgddyc.com.cn/api/', //你要访问的服务器域名 changeOrigin: true, //允许跨域 pathRewrite: { '^/': '' }...

原创 php小知识

1：怎么在打印的时候 讲时间戳变成时间格式 y-m-d H:i:s格式strTable.=′<tdstyle="text−align:left;font−size:12px;">′.date(′Y−m−dH:i:s′,strTable .= '<td style="text-align:left;font-size:12px;">'.date('Y-m-d H:i:s',...

原创 thinkphp的操作

原创 php的环境配置以及使用

1：在app下的index模块的index方法打印出 public function index(){ dump($_ENV); }如果返回的数据为空修改参考在php.ini中 variables_order = ‘EGPCS‘;https://blog.csdn.net/lijincheng77266/article/details/82757679?locationN...

原创 reactNative 引用图标库

1:npm install --save react-native-vector-icons2:react-native link react-native-vector-icons3:import Icon from “react-native-vector-icons/Ionicons”;

原创 非常方便理解的 flexbox的图文理解

原创 React native环境安装 简单到不能在简单

1：安装python安装完去配置 path 变量然后 cmd 检测有没有成功 python --version2：安装jdk必须得配置环境变量滴①java_home:安装的路径②classpath(.;开头):.;%java_home%\lib\dt.jar;%java_home%\lib\tools.jar③追加path变量的值:;%java_home%\bin然后 cmd...

原创 如何在地图上显示多个红包商店 vue

1：申请百度，高德等任意一个地图的key2：在vue的html中 引入 3：简单粗暴上代码HTML: <section> <div id="map_canvas" class="map_canvas" style="width: 100%;height: 100%;"></div> </section>script：&...

原创 上传图片的方法（单张或者多张）

1：<div class="pclogo"> <img v-show="!fileimg" src="@/assets/img/[email protected]" alt="正面" class="pic"> <img v-show="fileimg" :src="fileimg&&fileimg" class="pic" alt="正面"> &l...

原创 单张上传图片的方法

1：<div class="pclogo"> <img v-show="!fileimg" src="@/assets/img/[email protected]" alt="正面" class="pic"> <img v-show="fileimg" :src="fileimg&&fileimg" class="pic" alt="正面"> &l...

原创 开始我的react之旅

1：用工具链搭建项目参考：工具链（就是node搭建项目）

原创 vue插件集合20：vue三种路由引用以及路由守卫

1：这是最常见一种 route的方式import home from "./home.vue";import about from "./about.vue";export default new Router({ routes: [ {path: '/home ',name: 'home ',component: home ,meta: {title: 'home',require...

原创 vue插件集合17：vue获取国家以及地区的方法

<template> <div class="atnight"> <div class="topseach"> <form action="/"> <van-search v-model="searchVal" :placeholder="$t('auth.count')" show-action @search="onS...

原创 js获取当前日期的前七天

aa() {var myDate = new Date(); //获取今天日期myDate.setDate(myDate.getDate() - 6);var dateArray = [];var dateTemp;var flag = 1;for (var i = 0; i < 7; i++) {dateTemp = (myDate.getMonth() + 1) + “-”...

原创 vue插件集合19：vue将时间戳转换成日期格式

（1）创建一个处理时间格式的js，内容如下：export function formatDate(date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)) } let o = { 'M...

原创 筛选蒙层

<div class="listbox"> <transition name="filter"> <div class="filterbox" v-show="tkshow"> <div class="content"> <div class="title"> 币种 </d...

原创 git克隆仓库 以及提交

1：克隆到本地git clone 仓库地址2：查看修改了那个文件git status3：提交代码 以及修改的标注git add .git commit -m ‘标注以及修改内容’4：上传与下拉git push 跟 git pull...

原创 5：ref的简单用法

1：模板中&lt;li ref="item" class="li qli" v-for="(item,index) in arr" :key="index" @click="add(index,$event)"&gt;{{item}}&lt;/li&gt;点击时间变颜色 addRemove(index, e) { //获取点击的元素，也就是wordsArr的索引