笔记
关注
分享
扫一扫
随风小薇
听闻远方有你，动身跋涉千里；我吹过你吹过的风，这算不算相拥
展开
-
js中bind、apply、call简单使用
js中bind、apply、call简单使用，一起了解一下吧原创 2022-01-18 15:51:02 · 640 阅读 · 0 评论 -
vue表单校验功能（uni-app）
uni-app表单校验原创 2021-12-28 15:50:16 · 1150 阅读 · 0 评论 -
微前端qiankun从搭建到部署的实践总结
最近负责的新项目用到了qiankun，写篇文章分享下实战中遇到的一些问题和思考。示例代码： https://github.com/fengxianqi/qiankun-example。在线demo：http://qiankun.fengxianqi.com/单独访问在线子应用： subapp/sub-vue subapp/sub-react 为什么要用qiankun项目有个功能需求是需要内嵌公司内部的一个现有工具，该工具是独立部署的且是用React写的，而我们的项目主要技原创 2021-08-04 14:45:20 · 1216 阅读 · 1 评论 -
git 常用命令速查表
原创 2021-03-23 14:10:56 · 242 阅读 · 0 评论 -
uni-app人脸检测和人脸比对
//人脸检测和人脸比对百度ai人脸检测//1.获取access_token//每次更新access_token//获取client_id和client_secret使用百度ai的下面这个已经失效//client_id=YXtYiFxEUU7OBFF4sG6K1v88&client_secret=j1a5FdWp4jvGzwS0n37hzy1kKh9rIQog//uni.request(...原创 2020-11-06 16:09:58 · 2706 阅读 · 2 评论 -
自定义jquery下拉select
js部分;(function($){ var ser_object2,ser_object2_img,radius_v; jQuery.fn.extend({ // *********************** // *********************** // select下拉框 ...原创 2020-03-19 12:40:09 · 105 阅读 · 0 评论 -
学习锁
<!-- 添加锁机制 商品购买添加锁 -->let JlockCache = new Map();export async function Jsclock(key){ var clock = JlockCache.get(key); var awaitObj; if(clock) { awaitObj = clock[clock.len...原创 2020-03-18 14:09:49 · 326 阅读 · 0 评论 -
常用类型判断
/** * * @param {string} PASSWORD * 验证密码强度 ls<2 "密码强度不够，至少8位，大写、小写、字母、符号 其中两种" */export const PasswordPower = (PASSWORD)=>{ let ls = 0; if (PASSWORD.match(/([a-z])+/)) { ...原创 2020-03-16 16:54:36 · 152 阅读 · 0 评论 -
刮刮乐在移动端的效果（react项目中）
动画效果如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me...转载 2020-01-15 14:49:16 · 1043 阅读 · 1 评论 -
js拖动按钮
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-11-27 12:29:54 · 607 阅读 · 0 评论 -
html2canvas 实现长按截图保存
$.fn.longPress = function(fn){ let timeout = 0;//控制时间 const $this = this; for(let i=0;i<$this.length;i++){ $this.addEventListener('touchstart',()=>{ timeout = se...原创 2019-11-25 17:27:34 · 1155 阅读 · 0 评论 -
MySQL个人学习记录
// MySQL语句// WHERE 语句// 读取数据通过 SELECT 语句来完成// 如果需要有条件的选择数据，可以将WHERE 语句添加到SELECT语句中// WHERE子句也可以运用于SQL的 DELETE 或者 UPDATE 命令。// WHERE 子句类似于程序语言中的if条件，根据 MySQL 表中的字段值来读取指定的数据。// 以下为操作符列表，可用于 WHER...原创 2018-12-13 13:06:48 · 205 阅读 · 0 评论 -
flutter的webview案例
flutter 加载webview安装插件 flutter_webview_plugin: ^0.2.1从listview点击item跳转页面加载详情页案例 import 'dart:async';import 'package:flutter/cupertino.dart';import 'package:flutter/material.dart';import 'p...转载 2018-12-14 17:47:13 · 12348 阅读 · 0 评论 -
前端构建工具的使用
1.为什么要使用构建工具？主要原因a JavaScript和css的依赖问题在开发中，经常出现的一个问题，就是JavaScript和css的依赖问题；简单来说就是JavaScript和css在页面中的顺序问题。经常会造成css没有起到作用，JavaScript的某个变量和方法找不大。很多情况是引入的JavaScript和css的顺序不对，所以我们使用构建工具可以大大减少此类...转载 2018-12-28 21:30:04 · 1107 阅读 · 0 评论 -
js简单实现剪刀石头布
剪刀石头布小游戏的规则很简单，接下来就简单实现一下啊div + css 随便写写<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www....原创 2019-01-05 16:43:26 · 3712 阅读 · 1 评论 -
flutter之listview 下拉刷新上拉加载更多
flutter 开发之listview上拉加载更多，下拉刷新 可以使用插件 flutter_refresh 0.0.2 https://pub.flutter-io.cn/packages/flutter_refresh使用方法：1：在pubspec.yaml 文件中引入flutter_refresh 2：在相应的.dart页面引入flutter_refresh...原创 2019-01-21 16:23:41 · 1649 阅读 · 0 评论 -
react-navigation使用中的总结
底部导航页面之间切换时，如何停止当前页面的一些操作（如何关闭正在播放的视频、音乐等操作）？didFocus和didBlur解释didFocus是指当前页面第一次加载的时候会调用一次didBlur是指当前页面离开的时候会调用一次(前提是当前页面没有被销毁既没有执行componentWillUnmount()函数)使用方法：在 componentDidMount(){ ...原创 2019-05-21 10:39:18 · 1745 阅读 · 0 评论 -
mysql笔记1
<!--学习的链接https://www.cnblogs.com/cxx8181602/p/9525950.html--><!-- 连接数据库 -->mysql -h 地址 -P 端口 -u 用户名 -p 密码mysql -h 127.0.0.1 -P 3306 -u root -p 123456<!-- 退出数据库 --&g...转载 2019-05-27 17:45:33 · 271 阅读 · 0 评论 -
react-native订单进度小部件
编写一个关于订单进度的小部件/** * 步骤进度数据格式 * data=[ * { name:"下单成功", title:"2019-05-20", content:"fsdsdfsdf的赛场上的", isExecuted:true//控制原点和线的颜色 },...转载 2019-05-31 17:51:13 · 671 阅读 · 0 评论 -
react-native多功能模态弹框选择
看着那些选择组件，不能满足开发项目的需求，还是自己编写一个自定义的模态框选择组件功能说明同一个组件实现如下功能0、出现动画效果1、多选：可以实现多选的功能2、单选：可以实现单项选择3、存在默认值情况处理** * 模态选择框 * <UISelectModal data={[{id:1,display: '111111',}]} /> * props: * ...转载 2019-06-04 13:59:16 · 2124 阅读 · 0 评论 -
react-native 自定义轮播组件
最近需要一个轮播的功能，查看了其他的轮播组件，好像都不满足需求需要的效果如下直接上代码了import React, {Component} from 'react';import { AppRegistry, StyleSheet, ScrollView, Image, Text, View} from 'react-na...原创 2019-06-26 12:44:00 · 1127 阅读 · 0 评论 -
移动端H5部分区域缩放并移动
最近开发个项目，需要实现div内容的缩放（包含图片等内容），但不影响其他内容开始没头绪，网上找了许多都是在index.html中实现，不满足我的需求在react里面实现找了很久，总算发现一个写的不错的，能够满足在纯html中实现，也可以在react中实现的东西我的react代码import React from 'react'import {Link,withRou...原创 2019-06-23 11:33:50 · 4840 阅读 · 1 评论 -
pdf文档预览
效果代码太多，直接放在GitHub上，需要的直接拿去使用：https://github.com/wangweiruning/PDF_SHOW希望能够帮到你(●'◡'●)原创 2019-06-23 11:52:28 · 806 阅读 · 0 评论 -
rematch简单使用
import {init,dispatch} from 'rematch/core';const count = {state:{number:0},reducers:{//一个改变该model state的所有函数的对象increments:(state,payload) => state.number + payload,decrements:(stat...原创 2019-08-28 12:29:52 · 2271 阅读 · 0 评论 -
Mock数据实现增删改查
mock的增删改查demo.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale原创 2018-09-20 16:18:56 · 11361 阅读 · 0 评论 -
css sprite 雪碧图
特点：1.静态图片，不随用户信息的变化而变化2.小图片，图片容量比较小3.加载量比较大一些大图不建议拼接成雪碧图有效的减少http请求，加速内容的显示我们每请求一次，就会和服务器连接一次，而建立连接是需要额外的时间的 css sprite实现原理css background-position拼合背景图的小图（x，y）为负值 实现方式：ps手...原创 2018-09-20 11:26:50 · 169 阅读 · 0 评论 -
vue钩子函数对路由进行权限跳转
import router from './router'; 使用钩子函数对路由进行权限跳转router.beforeEach((to, from, next) => {const role = localStorage.getItem('ms_username');if(!role && to.path !== '/login'){next('...原创 2018-08-10 10:55:23 · 1510 阅读 · 0 评论 -
vue开发之路由按需加载
通过vue写的单页应用时，可能会有很多的路由引入。就像图片的懒加载一样，如果客户根本就没有看到那些图片，而我们却在打开页面的时候全部给加载完了，这样会大大的增加请求的时间，降低用户的体验程度。 使用 vue-cli构建的项目,在 默认情况下 ,执行 npm run build 会将所有的js代码打包为一个整体，打包的这个文件非常大，不利于加载。我们需要将路由拆分...原创 2018-07-31 17:31:01 · 3850 阅读 · 2 评论 -
koa文件上传下载
上传下载在web应用中是比较常见的，无论是图片还是其他文件。在koa2中，我们可以使用中间件帮助我们快速实现功能文件上传在前端上传文件，我们都是通过表单来上传，而上传文件，在服务器端并不能像普通参数一样通过ctx.request.body获取我们可以使用koa-body中间件来处理文件上传，可以将请求体拼接到ctx.request中。 //app.jsconst koa ...原创 2018-07-31 17:10:50 · 5475 阅读 · 1 评论 -
营销就是不流血的战争
营销就是不流血的战争 也许你会好奇，一个程序员不好好敲代码搞业务逻辑，学什么营销？其实原来我也是这么想的，以前的我几乎只读程序有关的书籍，也许人生就是这么奇妙，工作中一次偶然的机会让我接触到了营销，让我看到了营销的璀璨魅力和让人惊叹的能量，我从此入坑，一发不可收拾，在写代码累了或者回家无聊时我看的都是营销的书。时间飞逝，一晃两年过去了，我觉的也应该试着去输出一些东西，特别是应该帮助...转载 2018-08-09 14:38:17 · 249 阅读 · 0 评论 -
window系统安装odoo
安装软件 ： pycharm，git ，postgresql安装环境： windows10 x64 ，python3.6安装前若已经安装了python 建议删除后重新安装，因为pycharm创建的是虚拟环境 基于现有的python安装，最好是什么包都没有安装的环境，避免不必要的麻烦 1.pycharm 新建project 2.起个项目名，也就是那个untitled...转载 2018-07-27 16:47:16 · 10860 阅读 · 8 评论 -
hui框架开发APP
hui是类似于mui框架的app构建框架，通过一段时间学习，写了个app例子GitHub地址 等待中..........数据来源--------聚合数据hui框架地址：http://www.hcoder.net/hui/docs 先看下效果吧 功能就这么简单...原创 2018-07-20 11:09:56 · 6171 阅读 · 0 评论 -
mui上拉刷新下拉加载
废话不多说，直接上代码1、容器<!--下拉刷新容器--><div id="refreshContainer" class="mui-content mui-scroll-wrapper"> <div class="mui-scroll"> <!--数据列表--> <ul class="mui-原创 2018-07-12 13:02:09 · 382 阅读 · 0 评论 -
vue全套视频开发
vue全套视频开发https://pan.baidu.com/s/1aDgFkvwhCg71Vsaz5ffyvg 密码:523k 永久有效原创 2018-07-11 17:07:32 · 27987 阅读 · 8 评论 -
React Native的照相机和图片
React Native的照相机和图片 react-native-image-picker如果要实现多个图像选择，裁剪，压缩等功能需要 react-native-image-crop-picker 安装yarn add react-native-image-picker react-native link环境配置1.android1，在android/settings.gradle文件...原创 2018-07-11 15:44:26 · 1136 阅读 · 0 评论 -
react native Android启动页面
给Android添加启动图片这里使用 rn-splash-screen 使用步骤：1、安装 npm i --save rn-splash-screen2、连接react-native link rn-splash-screen3、在res文件夹中新建文件夹 drawable ,里面放图片splash.png4、修改Android/app/src/main/res/values/styles.xm...原创 2018-07-11 13:51:23 · 1036 阅读 · 0 评论 -
前端react/vue跨域拦截 axios
前端react/vue跨域拦截 axiosfirst stepimport axios from 'axios'inport qs from 'qs'const server = axios.create({ timeout:5000, headers:{'Content-Type':'application/x-www-form-urlencode'}})server.int...原创 2018-07-11 11:35:46 · 1107 阅读 · 0 评论 -
Vue Beauty
链接：vue UI框架https://fe-driver.github.io/vue-beauty/#/components/button原创 2018-08-10 16:55:58 · 1365 阅读 · 0 评论 -
小程序之购物车逻辑
工作之余，写个小程序购物车Cart.wxml<view class="main"> <view wx:if="{{hasList}}"> <!--hasList判断是否存在购物列表--> <view class="cart-box"> <view class=&qu原创 2018-08-02 14:31:27 · 1758 阅读 · 1 评论 -
索引列表
常见的一种索引列表<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />原创 2018-09-25 18:02:54 · 2754 阅读 · 0 评论