- 博客(49)
- 收藏
- 关注
RSS订阅
原创 Angular学习记录（会把遇到问题记录）
Angular学习之路安装安装 Angular CLIcnpm install -g @angular/cli创建第一个项目使用cling new first-demo-ng等待大概3分钟安装完毕，编辑器打开看一看到如此目录使用ng serve --open打开程序可以看到如下页面本地打包使用到ng build看到下图说明打包成功了ng build常用指...
2019-10-09 09:56:48
216
原创 kata的javaScript每日一题算法题
每天给自己学点东西，持续更新。不要求多，用自己的方式去实现然后在去看别人的正解了解自己的不足2019/8/1//数组去从let arrSort = [1,1,2,3,4,2,3,4];let data = [];for(let i=0;i<arrSort.length;i++){if(data.indexOf(arrSort[i])==-1){data.push(arrSor...
2019-08-09 11:18:19
336
原创 webpack run dev的时候是测试环境，run build是生产环境
在我们日常开发中经常会遇到测试环境在上线的时候打包忘记切换，现在我们可以通过配置webpack，设置run dev为测试，build为生产；首先找到config文件夹找到de’v.env.js,这里就是run dev然后找到config文件夹找到prod.env.js 这里就是run buildapi请求页面用个变量保存，打印结果...
2019-02-27 15:55:08
2348
原创 公总号的分享微信，朋友圈，复制直接要
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>首先引入微信的jsdk。分享的方法（直接贴代码）share(){//分享 shareInfoShareUrl(window.location.href.split('#')[0...
2019-01-21 12:06:08
394
原创 reduxjs/toolkit使用
在test/test.js页面中引入 createSlice 创建切片在页面中使用 首先在app.js入口页引入 Provider 跟引入跟本地store在使用页 引入本地store的暴露方法 引入 useDispatch触发redux useSelector使用redux中暴露的方法实际效果 每次点击加4完结...
2022-07-12 11:44:46
474
原创 react-router-dom(v6)使用记录
在app.js入口文件引入本地路由 hooks 返回路由本地路由 引入 {Routers Route} 引入本地组件嵌套文件中的占位Outlet编程模式获取参数 useParams编程模式获取当前路由 useLocation编程模式跳转模式 useNavigate后台管理端菜单路由跳转，默认选中 刷新选中等等实际效果完整的react（18）+react-router-dom(v6)搭建开发...
2022-07-12 11:24:10
641
原创 vue3.0的父子组件传值，
父传子，这个跟vue2.0X差不多<template> <div class="home"><a-button type="primary" @click='goRight'> Primary </a-button> <a-radio>Radio</a-radio> <## 组件传值 ##> <Drawer title='详情页' :visible='visible'
2020-10-30 11:54:06
2940
原创 axios的二次封装，简单实用易于扩展
axios的二次封装，代码可以直接复制用，错误的直接引入弹出框，弹出提示，或者根据自己业务增加错误码返回即可http.jsimport axios from 'axios'const server = axios.create({ timeout:6000,});server.interceptors.request.use(config=>{ //判断toke // config.headers['AuthToken'] = 'xxxx' return
2020-08-26 15:26:51
320
原创 vue3.0 RC版本出来的第一个练手项目
上手Vue3.0 ，用Vue-cli穿件项目4.5.4版本，可以直接搭建Vue3.0的有个小活做个播放器，刚好可以花1天时间随便练手就选择了Vue3.0 ，路由import { createRouter, createWebHistory } from 'vue-router'const routes = [ { path: '/', name: 'Home', component: () => import(/* webpackChunkName: "abo
2020-08-21 09:44:44
670
原创 树形数据的无限级别（递归实现）
树形数据的菜单路由无限级别（递归实现）从后台获取到数据根据前端的需要重组数据，因为后端没有component所以得依据后端数据匹配前端的路由拿到component下面是两个模拟的数据// 模拟后端的数据 let ceshi = [ { name: '电脑', val:'a', children: [ { name: 'F盘', val:'b', children:
2020-08-12 18:16:14
637
原创 nodeJs学习完成demo
使用nodejs搭建后台，vue+less+vant+axios作为前端，mysql为数据库，navicat为数据库可视化工具基本数据来自猫扑电影。实现了基本的下拉刷新，分页，增删改查上传图片，效果如下：node代码server.jsconst express = require('express');const path = require('path');const fs = require('fs');const static = require('express-static');
2020-05-09 14:16:36
307
原创 vue项目的后台管理系统之------动态权限路由
vue项目的后台管理系统之------动态权限路由首先我们定义基本路由建立router .js,这里有个坑，开始的时候我把403，404页面放在这里，每次在刷新的时候都会进如到403页面，从而导致路由不能正常进如。import Vue from 'vue'import Router from 'vue-router'Vue.use(Router);/* Layout */import ...
2020-03-20 12:13:40
1069
原创 js实现代码复制
copy(){//点击复制 let _this =this; document.addEventListener('copy', save); // 监听浏览器copy事件 document.execCommand('copy'); // 执行copy事件，这时监听函数会执行save函数。 d...
2019-12-05 14:17:28
180
原创 一个基于jquery的周日历，简单易懂
周日历一个基于jquey跟moment的周日历????<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>日历</title> <script src="https://cdnjs.cloudflare.co...
2019-10-11 16:35:31
1242
原创 react中写了个简单的日历适合打卡后查询。
js日历，代码简单，粗暴本来用antd-mobile’的的日历插件十分好的，但产品这边费要价格右上角的小点，没办法只能自己写个日历了，点不不复杂，简单粗暴首先封装日历方法，要配合moment插件使用import moment from ‘moment’export function calendar(value) {let year = !!value?moment(new Date(...
2019-09-06 16:43:45
2140
原创 redux的初始使用简单demo笔记
最近接手react项目，上个大佬没有引入redux，想着vue一直用vuex的，就试着在项目中引入了。首先cnpm install redux在项目中创建store.js这个看个人想在哪里创建就在哪里创建此处是我的store.js代码import { createStore, combineReducers, applyMiddleware } from ‘redux’ //引入/*...
2019-08-29 15:13:41
181
原创 微信小程序连接蓝牙，向蓝牙设备发送数据
微信小程序连接蓝牙,用的是uni-app转微信小程序可直接复制可用。template<button @tap=“openBluetoothAdapter”>开始扫描<button @tap=“stopBluetoothDevicesDiscovery”>停止扫描<button @tap=“closeBluetoothAdapter”>结束流程已发现...
2019-07-31 16:46:41
12022
1
原创 微信小程序调用百度文字转语音API
文字转语音,这里接入的是百度的https://ai.baidu.com/docs#/TTS-API/top里面有详细的介绍怎么去申请。不多说什么 直接效果已解决ios播放没有语音的bug,已经亲测魅族手机，iphone7手机代码export default { data() { return { token: '',//百度的token } }, onLoad() {...
2019-07-24 16:10:27
2535
1
原创 uni-app一端开发实现微信小程序，H5，安卓端开发
最近闲来没事使用uni-app给自己写个小程序，又想上到H5，跟安卓上所以就开始捣鼓了，看官网挺简单的。就是vue+微信小程序的结合体；so开始…首先下载个HBuilderX下载地址；然后去登录没有登录的话去注册个。开始选择uni-app，选择默认，我选的是默认，创建就好了上一段代码首页的吧HTML:<view class=“homeLi” v-for="(item,...
2019-07-17 15:04:09
4208
原创 antd-mobile的下拉刷新上拉加载使用
在使用antd-mobile有用到下拉刷新上拉加载import { NavBar, Icon ,Tabs , ListView , PullToRefresh } from ‘antd-mobile’; // 这是我这个页面要的的组件贴出我所有的代码，可以直接复制，我的这个是自定义的下来刷新上拉加载// 新闻列表import React, { Component } from ‘r...
2019-07-09 11:55:52
7812
原创 React-native的路由使用
次次的项目路由用的是’react-native-router-flux’首先还是npm install react-native-router-flux --save安装好之后再我们的入口文件中 或者单独定义js随个人爱好引入如上：在定义两个js文件home/home.js/login.js//导入Action的包,处理页面跳转home.jsimport { Actions } ...
2019-07-04 14:38:37
2783
原创 React Native项目的搭建与热更新
今天开始了新的项目，我决定用React Native来开发我们的新项目。首次接触大家一起学习，也把此项目保存笔记。我的是window系统所以选择了android开发看了React Native官网需要我们安装开发依赖必须安装的依赖有：Node、React Native 命令行工具、Python2 以及 JDK 和 Android Studio。这些安装都可以自行百度这有篇很好的文章有所有...
2019-07-04 11:57:59
422
原创 vue-cli3.0搭建项目
没事想用vue-cli3.0搭建个后台，虽说创建一路顺风风，但是打完包想本地看看项目，一脸懵逼了，居然都找不到爆红。一步步来vue create 项目名字提示了是默认还是自定义，默认一路回车就对了，自定义可以自行vue-cli去看看这里我选择的是默认最后提示cd 项目 npm run serve一顿操作猛如虎。没错，本地跑起来了。打包吧npm run build后打包成功。去d...
2019-06-28 14:56:55
161
原创 nuxt.js利于SEO
在开发项目的时候要求SEO，vue是单页面开发，最大的不利于SEO，nuxt.js就完全适合了，语法完全是跟vue一模一样，只是把.vue打包成.html;其实打完包运行，虽然可以运行但实际还是不能利于SEO，这是个巨坑。在经过几番挣扎之后解决了，解决方案如下图请求方式的改变用async await这是ES6提出了的可自行了解然后再我们的路由必须设置history基本在页面就能看到你的...
2019-05-14 10:39:22
4274
原创 vue一个页面多个倒计时使用
在活动中或多或少的用到倒计时，一个很好实现，最近要用到一个页面多个倒计时。效果图下：直接代码；首先封装方法export function countDownFun(time) {time–;//时间一秒秒的减let nowTime = new Date().getTime(); //现在时间if(nowTime<=time){//获取时间差let timediff=Mat...
2019-05-14 10:15:37
3582
原创 typeScript中的继承
自学typeScript中继承的敲的笔记//ts中类的定义// class Person{// name:string; // 属性 前面省略了public 关键字// constructor(n:string){ //构造函数 实例化类的时候触发的方法// this.name = n;// }// run():void{...
2019-04-02 18:18:15
517
原创 node爬取网站图片
首先保证装有node然后cnpm install cheerio模块，代码var request=require(“request”); //请求var http = require(‘http’); //基本模块var cheerio=require(“cheerio”); //node的jq版本 ，爬虫用var fs = require(‘fs’); //文件的上传下载//目标网...
2019-03-29 15:23:08
590
原创 同一天的日期，只能显示出现第一次的日期（后台返回的json数据按日期分组）
相同的的日期只显示一天的日期，内容跟上;上代码模拟数据data () {return {arrData:[{a:‘1’,b:“aa”},{a:‘2’,b:“bb”},{a:‘3’,b:“cc”},{a:‘4’,b:“dd”},{a:‘4’,b:“ee”},{a:‘4’,b:“ff”},{a:‘4’,b:“gg”},],}}let data=[];for (l...
2019-03-28 15:02:56
720
原创 微信授权登陆重定向到指定页面，微信公众号内调微信支付，H5跳小程序支付
微信授权登陆，授权获取code，微信提供的snsapi_userinfo可以获取微信用户的信息，snsapi_base只能获取到openId；document.location.replace(‘https://open.weixin.qq.com/connect/oauth2/authorize?appid=’ + “后台提供的appid” + ‘&redirect_uri=’ +...
2019-03-20 11:40:11
3441
原创 用vue-cli创建的项目过大，各种优化
1.首先肯定是路由懒加载const Home = resolve => require([’@/components/home/home’], resolve); //详情不是懒加载import Home from ‘@/components/home/home’ //详情2.在webpack的config/index.js文件中配置productionSourceMap...
2019-02-22 14:09:17
1653
原创 ios的二次分享不展示图片,描述，显示链接
最近项目需要接入微信分享，按照微信的分享的流程走了一遍，跑一遍发现在安卓下毫无问题，但是iOS下就出现了诡异的二次分享不出现图片，描述啦！项目眼看上线还出现这种完了赶紧找资料；各种debug，console都是正确的。有说HTTP换HTTPS的。不是问题根本没解决。无意间看到需要把url传给后台的要把字符串作为 URI 组件进行编码。把代码赶紧试试完美解决！...
2019-02-21 11:31:56
1340
原创 vue-waterfall2瀑布流插件是项目使用
vue的瀑布流插件很多，很多又兼容问题或则跟自己项目不符合；废话不多说上代码npm i vue-waterfall2main,js引入import waterfall from ‘vue-waterfall2’Vue.use(waterfall)使用了xxx.vue页面width和gutterWidth必须一起使用 页面不能使用scopecreated的时候调下面两给方...
2019-02-19 14:56:33
3223
5
原创 vue瀑布流布局
瀑布流布局封装方法 waterFull(items){//瀑布流 items为传入的dom let columns = 2; // 1- 确定列数 let itemWidth= (this.sizeWidth().width - this.gap) /2; //2列每列的宽度 this.gap为间距我定义的10 this.sizeWidth()为获取宽度高度 ...
2019-01-21 13:56:29
3241
3
原创 nuxt的学习之路
nuxt.js安装1.用npm来安装vue-cli这个框架npm install vue-cli -g2..使用vue安装 nuxtvue init nuxt/starter3.使用npm install安装依赖包npm install4.使用npm run dev 启动服务npm run dev5.在浏览器输入 localhost:3000,可以看到结果。6.打包$ npm...
2018-12-21 15:22:24
340
原创 使用ES8新属性
Object.values/Object.entriesString.prototype.padStart /String.prototype.padEnd
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人