weixin_44021910的博客

原创 H5-ffmpeg.js压缩视频

前端ffmpeg压缩视频

原创 小程序webview引入H5安卓坑

h5小程序的坑

原创 JavaScript工具常用

1.通过Object.protype.hasOwnProperty.call 完成深拷贝动作/** * @Author Object.protype.hasOwnProperty.call * @Date * @Title 深度拷贝对象**/export function extendData(scoreObj, obj) { for (let i in scoreObj) { if (Object.prototype.hasOwnProperty.call(obj,

原创 vue 组件开发

组件通信父子子父兄弟祖代后代 （一般用于组件库开发

原创 Vue 组件传参知识点

**Vue 组件传参知识点**很多时候用$emit携带参数传出事件，并且又需要在父组件中使用自定义参数时，这时我们就无法接受到子组件传出的参数了。找到了两种方法可以同时添加自定义参数的方法。方法一子组件传出单个参数时：子组件传参this.$emit('test',this.param)父组件接收@test='test($event,userDefined)'方法二子组件传出多个参数时：子组件传参this.$emit('test',this.param1，this.param2

原创 vue2升级vue3

一.vue cli2升级vue cli3因为安装包的不同，所以需要先删除vue-cli安装vue-cli3.0。1.先升级npm的版本npm install -g npm2.再卸载之前的vue cli 2.9.6npm uninstall -g @vue/cli若是mac可能会报错，没有权限删除，使用sudo npm uninstall vue-cli -g 删除3.下载最新的vue cli版本npm install -g @vue/cli二.vue3,0版本创建项目1、vue

原创 Git 常用命令

仓库#在当前目录新建一个Git代码库$ git init#新建一个目录，将其初始化为Git代码库$ git init [project-name]#下载一个项目和它的整个代码历史$ git clone [url]配置#显示当前的Git配置$ git config --list#编辑Git配置文件$ git config -e [--global]#设置提交代码时的用户信息$ git config [--global] user.name "[name]"$ git co

原创 vuex的五个属性和基本用法

VueX 是一个专门为 Vue.js 应用设计的状态管理构架，统一管理和维护各个vue组件的可变化状态(你可以理解成 vue 组件里的某些 data )。Vuex有五个核心概念：state, getters, mutations, actions, modules。1. state：vuex的基本数据，用来存储变量2. geeter：从基本数据(state)派生的数据，相当于state的计算属性3. mutation：提交更新数据的方法，必须是同步的(如果需要异步使用action)。每个 m

原创 Vue路由页面钩子

Vue导航守卫以我自己的理解就是监听页面进入，修改，和离开的功能。每个守卫接受三个参数to: Route: 即将要进入的目标路由对象from: Route: 当前导航正要离开的路由next: Function: 一定要调用该方法来 resolve 这个钩子。执行效果依赖 next 方法的调用参数。next(): 进行管道中的下一个钩子。如果全部钩子执行完了，则导航的状态就是 confirmed （确认的）。next(false): 中断当前的导航。如果浏览器的 URL 改变了（可能是用户手动或者浏

原创 sass、less的对比与区别

什么是Sass和Less？sass和less都属于CSS预处理器。css预处理定义了一种新的语言，其基本思想是，用一种专门的编程语言，为css增加了一些编程的特性，将CSS作为目标生成文件，然后开发者就只要使用这种语言进行CSS的编码工作。通俗地说就是“用一种专门的编程语言，进行Web页面样式设计，再通过编译器转化为正常的CSS文件，以供项目使用”。为什么使用CSS预处理器？　　　　CSS只是一个标记语言，不是编程语言，因此不可以自定义变量，不可以引用等等。css有具体以下几个缺点：　　语法不够

原创 http-CORS策略

Access to XMLHttpRequest at 'https://XXXXX.com/api/center/notify' from origin 'http://localhost:9090' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: The value of the 'Access-Control-Allow-Origin' header in

原创 vue文件导出类型详解及处理方式

responseType值的类型可为如下值数据类型‘’DOMString(默认类型)arraybufferarraybuffer对象blobBlob对象documentDocument对象JSONjavaScripe object,parsed from a JSON string returned by the servertextDOMStringaxios请求下载导出一个文件，请求成功时返回的是一个流形式的文件，需要设置respon

原创 vue金额计算精准度问题

今天用vue做小数点转换百分比的时候遇到：36*19.2 = 691.1999999999999 ，起初以为是vue计算方式有问题，后来想到js有小数点失精的问题，结果测试了一下果然是这个问题：js失精算法console.log(0.1+0.2); // 0.30000000000000004console.log(0.07*100); // 7.000000000000001console.log(0.119*100); // 11.899999999999999…结果为什么会这样？

原创 JS随机颜色

var getRandomColor = function() { return '#' + (function(color) { return (color += '0123456789abcdef' [Math.floor(Math.random() * 16)]) && (color.length == 6) ? color : arguments.callee(color); })('');}随机生成6个

原创 yarn命令行

yarn官网从npm迁移yarnnpm install === yarnnpm install lodash --save === yarn add lodashnpm install lodash --save-dev === yarn add lodash --devnpm install lodash --global === yarn global add lodashnpm uninstall lodash --save === yarn remove lodashrm -rf no

原创 React+and管理系统

基于React、Ant Design的管理系统架构。https://gitee.com/myliu/react-admin

原创 JavaScript中对象转数组方法

**1、Array.from(object)**用于数组的浅拷贝。就是将一个类数组对象或者可遍历对象转换成一个真正的数组。object中必须有length属性，返回的数组长度取决于length长度， key 值必须是数值let obj = { 0: '1', 1: '2', 2: '3', 'length': 3} let arr = Array.from(obj)console.log(arr);//[1,2,3]**2、Object.keys(

原创 vue简单实现拖拽添加数据

拖拽事件和属性标记 这个很重要!!! 这个决定了拖拽事件的行为。当点击开始拖拽之后，鼠标点击所在的位置就是标记。dragstart：当单击下鼠标，并移动之后执行。drag：在dragstart执行之后，鼠标在移动时连续触发。dragend：当拖拽行为结束，也就是松开鼠标的时候触发。dragenter：当正在拖拽的元素的标记进入某个Dom元素时触发，自身首先会触发。被进入的Dom元素会触发...

原创 JS数组的交集、差集、并集、补集（多种实现方式）

方法一：最普遍的做法使用 ES5 语法来实现虽然会麻烦些，但兼容性最好，不用考虑浏览器 JavaScript 版本。也不用引入其他第三方库。1，直接使用 filter、concat 来计算var a = [1,2,3,4,5]var b = [2,4,6,8,10]//交集var c = a.filter(function(v){ return b.indexOf(v) > -1...

原创 uniapp 画布签名

index.vue使用组件页面<template> <view class="content"> <button type="primary" @tap="doss">点击签名1</button> <button type="primary" @tap="doss2">点击签名2</but...

原创 yarn与npm

安装yarn下载msi包https://yarnpkg.com/lang/zh-hans/docs/install/#windows-stable命令行执行运行命令来测试 Yarn 是否安装：yarn --versionyarn命令安装npm、yarn安装步骤npmyarnnpm installyarnnpm install react --save...

原创 常见es6算法

1、js 统计一个字符串出现频率最高的字母/数字let str = 'asdfghjklaqwertyuiopiaia';const strChar = str => { let string = [...str], maxValue = '', obj = {}, max = 0; string.forEach(value...

原创 vue 获取实时时间

html显示<span class="fixed-h time">{{currentTime}}</span>变量定义data() { return { timer: "", //定义一个定时器的变量 currentTime: '' // 获取当前时间 }; },获取时间 created() { let _t...

原创 程序员接单平台

1.程序员客栈程序员客栈，中国最大的程序员自由工作平台，未来互联网企业用人方式。签约经验丰富的中高端程序员，采用线上组队开发和云端工作等方式，帮助企业解决软件开发和技术用人难题，为中高端程序员提供稳定的线上工作机会：自由工作、远程工作、兼职工作。2.猿急送猿急送，一个高级技术共享平台，这里汇聚知名互联网公司的技术、设计、产品大牛，通过实际坐班、远程等方式，一对一为创业公司解决问题，提高创业...

原创 真机cover-image不显示问题

关于真机cover-image不显示问题当未设置cover-image标签高度和宽度导致测试环境域名，需打开调试器即可访问后端api显示路径当使用downloadFile微信API时，线上版必须配置downloadFile域名，否则无法正常显示路径说明：图标路径，支持临时路径、网络地址（1.6.0起支持）、云文件ID（2.2.3起支持）。暂不支持base64格式。那么我们分析...

原创 javascript截取字符串方法实例

JS截取字符串可使用 substring()或者slice()函数：substring()定义：substring(start,end)表示从start到end之间的字符串，包括start位置的字符但是不包括end位置的字符。功能：字符串截取，比如想从"MinidxSearchEngine"中得到"Minidx"就要用到substring(0,6)示例var src="images/...

原创 new Date()获取当前时间，年月日、时分秒

const d = new Date();d.getFullYear(); //获取当前年d.getMonth() + 1 ;//获取当前月 默认0-11d.getDay(); //获取当前日d.getHours()//获取当前小时d.getMinutes())//获取当前分d.getSeconds()//获取当前秒d.getMilliseconds()...

原创 css波浪效果

以下代码使用uniapp框架,css波浪效果一、第一种效果<template> <view class="content"> <view class="zr"> <view class='user_box'> <view class='userInfo'> <open-data type="use...

原创 关于object-fit 使用

语法object-fit 属性由下列的值中的单独一个关键字来指定。取值contain被替换的内容将被缩放，以在填充元素的内容框时保持其宽高比。 整个对象在填充盒子的同时保留其长宽比，因此如果宽高比与框的宽高比不匹配，该对象将被添加“黑边”。cover被替换的内容在保持其宽高比的同时填充元素的整个内容框。如果对象的宽高比与内容框不相匹配，该对象将被剪裁以适应内容框。fill被替换...

原创 Android studio 汉化

android入门实操链接: https://pan.baidu.com/s/149vgxTkQiKb5dUwrkyGoQw 提取码: n5ds 复制这段内容后打开百度网盘手机App，操作更方便哦

原创 VUE使用cookie限制弹窗

// 利用cookie限制每天只弹窗一次// expires指定时间删除有效期24小时的cookieshowPopup(){ //==================== var s = document.cookie; if (s.indexOf('tdShow=1') != -1){ this.$nextTick(function(){ this....

原创 uni_app各平台条件编译标记

条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。写法：以 #ifdef 或 #ifndef 加 %PLATFORM% 开头，以 #endif 结尾。ifdef：if defined 仅在某平台存在#ifndef：if not defined 除了某平台均存在%PLATFORM%：平台名称值平台参考文档APP-PLUS...

原创 语音识别

微信同声传译微信同声传译插件是微信自研的语音输入，文本翻译等功能的插件封装，用于提供给第三方小程序调用。体验入口语音输入提供语音的实时流式识别能力。 通过获取全局唯一的语音识别管理器recordRecoManager实现recordRecoManagerrecordRecoManager 对象的方法列表：方法参数说明startoptions开始识别s...

原创 小程序标签重写

重写复选框样式/* 未选中的 背景样式 */checkbox .wx-checkbox-input { // border-radius: 50%;/* 圆角 */ width: 28rpx; /* 背景的宽 */ height: 28rpx; /* 背景的高 */}/* 选中后的 背景样式 （红色背景 无边框 可根据UI需求自己修改） */checkbox .wx-chec...

原创 vue 单页面与多页面开发

原创 前端插件程序包无效问题

程序包无效：“CRX_HEADER_INVALID”，解决方法如下：解压你刚刚更改后缀名为 .rar的谷歌插件压缩包 (选择解压到你插件名的文件夹中)在右上角有个开发者模式，点击启用，然后在点击 “加载已解压的扩展程序”按钮，找到你解压谷歌插件压缩包的文件夹的位置，点击 “选择文件夹”按钮成功之后会显示插件...

原创 js数据存储方式

session、cookie、sessionStorage、localStorage等区别？session会在一定的时间内存储在服务器端，用来保存用户的对象信息，session不能区分路径，同一个用户在访问一个网站期间，所有的session在任何一个地方都可以访问到；cookie、sessionStorage、localStorage的相同点是都存储在客户端不同点分别表现在存储大小有效时间...

原创 小程序学习

小程序navigator标签设置回退属性值delta = 1当 open-type 为 ‘navigateBack’ 时有效，表示回退的层数open-type属性navigate属性值对应 wx.navigateTo 或 wx.navigateToMiniProgram 的功能redirect属性值对应 wx.redirectTo 的功能switchTab属...

原创 原生js放大镜效果

index.html页面<!DOCTYPE html><html lang="en" dir="ltr"><head> <meta charset="utf-8"> <title>放大镜</title> <script src="index.js"></script> &...

原创 JavaScript学习

js常用定义方式var，let，const;ES5 专用定义变量例如：var a = 10;// var a;//不会报错console.log('var定义a：' + a);//可以输出a=10function events(){var a = 20;console.log('var定义a：' + a);//可以输出a=20}events();console.log('函数...