猿小龙-优快云博客

原创 mac 安装cnpm 淘宝镜像记录

过期，以及因版本不一致导致的错误处理方法，步骤包括设置npm配置、卸载和重新安装cnpm到特定版本。本文介绍了在安装cnpm时遇到权限问题的解决方案，包括使用sudo，处理。这时候如果有些人会报错，证书过期不能访问之类的。会报错没有权限，这时需要加上sudo。

2024-08-07 17:39:15 467

问题：在router.ts 内获取store中的参数时发现返回的不是JSON，而是proxy对象网上查了一下相关描述Proxy：他会代理一个对象，（实际是对代理的这个对象的属性进行读写），生成一个指定对象。从而监听被代理对象的所有getter和setter。Proxy解决了Object.definePorperty(),无法监听新增属性的操作，无法实现响应式的问题。正常理解是我可以直接读写的。但是不知道为什么。我能读到但是报语法错误使用。

2022-10-16 09:04:24 2657

原创前端长链接EventSource

EventSource：单向长链接。webSocket：双向长链接。ps：服务器重启的话。就会断开需要重连做个呼吸重连就好。

2022-10-16 08:45:27 1394

原创 npm命令行

npm 修改仓库地址

2022-06-01 10:17:23 542

原创 js 获取本机IP vue 项目IP浏览

需求：因别的测试想直接查看我本地项目。但是只要运行项目就是 localhost 地址。所以弄了一个获取IP的方法const os = require('os')const path = require('path')const getIPAddress = () => { let interfaces = os.networkInterfaces(); for(let devName in interfaces) { let iface = interfac

2022-04-28 14:42:48 251

原创 js 同时绑定click||dblclick事件

方法一：想法是根据防抖得来的<trmplate> <div @click="rowClick" @dblclick="rowDblclick"></div></template><script>export default { data(){ return { timer: null } }, methods: { rowClic

2022-04-21 09:53:41 720

原创 mac 安装nvm管理nodejs

nvm和n都是node版本管理工具为了解决node各种版本存在不兼容现象nvm是让你在同一台机器上安装和切换不同版本的node的工具安装：两种方式curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh | bash wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh | bash这里说一下

2021-10-29 10:47:21 816

原创 WebSocket前端代码

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>WebSocket</title> <script type="text/javascript" src="js/jquery.min.js"></script> </head> <body> <div id="main" style="w

2021-05-26 13:25:14 1084 1

原创前端分片上传文件

需求：上传10G的文件问题：前后端数据交互时间不宜过长，否则很容易中断，或是被其他操作打断，会导致上传失败方案：把一个文件分成多个小文件，在上传，这样前后端链接时间短，数据传输稳定，不宜被打断；用户体验更加实现说明通过 slice 方法对文件切割两个参数（start， end）开始位置，结束位置基本上知道用什么切，就完成百分之80了切好之后就是给后端穿参数***** 记得你切的是文件。所以是需要form格式传给后端。这里需要用的。formData对象对数据...

2021-05-21 22:08:54 601

原创 mac 安装javaJDK教程

1.在安装JDK之前，先查看下自己电脑是否已经安装了JDK。打开终端，输入java -version并回车。从上图中可以看出我们已安装了，JDK 16。如果这个版本是你需要的版本，可直接看4配置Java开发环境。2.从官网下载需要的JDK版本链接：http://www.oracle.com/technetwork/java/javase/downloads/3.JDK安装。MAC系统JDK安装是很简单的，一路下一步就ok了。4.配置Java开发环境MAC默认安装目录为..

2021-05-21 21:49:01 1781 2

原创 2020-11-04

单行文本溢出隐藏：overflow: hidden;单行文本溢出隐藏显示省略号：white-space: nowrap;overflow: hidden;text-overflow: ellipsis;多行文本溢出隐藏显示省略号：text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-cla

2020-11-04 14:09:43 101

原创百度搜索结果左侧图片设置方法

百度搜索结果左侧图片设置方法如下图1所示，一些seoer及站长在百度的搜索结果的左侧会发现有一张图片，那这张图片是怎么设置的呢？下面我们就来说说这张图片的设置方法。图1 首先，要拥有一个百度站长的账号（http://zhanzha...

2020-10-10 17:04:34 3659 1

原创 vue data声明区别data:{}与data(){return {}}

第一种:data: {}这种可以直接挂在vue实例上第二种data(){ return {}}这种方式是为了防止，在同一个页面内多次引用同一个子组件，其中一个组件参数发生改变会造成其他组件参数的同时改变(这也是VUE中的数据双向绑定)，而使用return一个初始数据对象的函数，是把最初子组件定义的初始值进行复制...

2020-09-18 15:26:57 2253 3

原创 uni-app/HBuilderX 搭建并启动微信小程序项目

1、安装HBuilderX官网下载地址：https://www.dcloud.io/hbuilderx.html2、创建uni-app项目默认模版就可以3、设置微信小程序密钥（这步很重要）4、关联微信小程序开发者工具 ps: 因为运行起来还是要在小程序开发者工具上看效果，所以需要关联5、接着登录微信开发者工具,点击设置下面的安全设置获取小程序端口号关联HBuilder6、填写外部web服务器调用url7、运行项目 ...

2020-05-14 16:52:40 8835

原创 mac homebrew安装 nginx 、 php 、mysql

1.安装homebrew/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2020-05-14 14:08:04 238

原创通过ajax获取页面，js不执行，解决办法！

$.ajax({ url:"/customerpool/detail?id=" + remarksId, type:"post", success(res){ $("#iframe").html(res) // 第一步：匹配加载的页面中是否含有js var regDetectJs = /<script(.|\n)*?>...

2019-10-17 11:20:40 787

原创微信获取权限

微信授权两种模式静默模式，非静默模式！1.静默模式：在进入页面后，不需要客户点击同意，直接获取到用户的openid！但是无法获取到用户其他信息头像，昵称等！只能获取openid！let uri = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=' + ...

2019-10-15 12:10:06 796

原创 zthree 运用

zthree 初始化var setting1 = { view: { selectedMulti: false // 设置是否允许同时选中多个节点。 }, check: { enable: true, //设置 zTree 的节点上是否显示 checkbox / radio chkboxType: { ...

2019-09-24 10:44:55 723

原创监听input type=file 文件上传取消事件

<input type="file" id="files">var batchUpload = document.querySelector('#files');files.click();files.addEventListener('change', function () { var filesList = document.querySe...

2019-09-04 10:02:58 5398

原创滚动到顶部回滚到底部

bakToTop() { var timer = null; cancelAnimationFrame(timer); timer = requestAnimationFrame( function fn() { var oTop = document.body.scrollTop || document.documentElement.scroll...

2019-08-13 18:01:23 431

原创 bootstrap-paginator.js

bootstrap-paginator.js(function($){"use strict";var BootstrapPaginator=function(element,options){this.init(element,options);},old=null;BootstrapPaginator.prototype={init:function(element,options){t...

2019-06-15 11:52:27 1778 2

原创 echarts自适应，封装 echarts后获取实例方法

自适应：echarts有一个很明显的BUG,在选项卡中外部盒子设置的是%；echarts会出现高宽变成width:100px;height:100px;这个很让人闹心，真心很恶心；解决办法：1、如果选项卡是自己写的话：（代码更容易懂）$(document).on('click','.nav li',function(){ myChart.resize(); ....})...

2019-05-22 18:26:02 1319

原创判断是什么浏览器打开的项目

browser: { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息 trident: u.indexOf('Trident') > -...

2019-03-28 14:35:57 251

原创 -webkit-box-orient: vertical;在webpack 打包过程中会被清理掉

第一种方法：在css红添加注释命令;/* autoprefixer: off */ 跳过webpack 打包 -webkit-box-orient: vertical;/* autoprefixer: on */ 第二种方法：修改配置文件；1.找到配置文件/build/webpack.prod.conf.js文件，注释掉一下代码new OptimizeCSSP...

2019-03-26 18:25:02 309

原创 vue 添加版本号

router.beforeEach((to, from, next) => { if (to.meta.title) { document.title = to.meta.title }/** * 添加版本号**/ if (document.URL.indexOf('?t=') < 0) { let timestamp = (new Date())....

2019-03-25 17:33:20 4325

原创 Git常用命令使用大全

Git常用命令使用大全查看、添加、提交、删除、找回，重置修改文件git help <command> # 显示command的helpgit show # 显示某次提交的内容 git show $idgit co -- <file> # 抛弃工作区修改git co . # 抛弃工作区修改git add <file> # 将工作文件修改提交...

2019-03-20 11:14:45 123

原创微信支付jssdkDemo

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-...

2019-03-19 15:09:05 2309

原创判断是什么浏览器

const browser={ versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息 trident: u.indexOf('Trident') &...

2019-03-19 15:05:25 381

原创腾讯地图！获取经纬度

html<iframe id="geoPage" width=0 height=0 frameborder=0 style="display:none;" scrolling="no"src="https://apis.map.qq.com/tools/geolocation?key=密钥&referer=myapp"></iframe>jsw...

2019-03-19 14:49:20 5702

原创时间戳转换YYYY-MM-DD HH:mm:SS

getItem = (data = 1, type = 0) => { let myDate; if (data !== 1) { myDate = new Date(data * 1000); } else { myDate = new Date(); } let Y = myDate.getFullYear(), M = myDate.getMonth() +...

2019-03-08 16:51:27 978

原创 vue axios封装

第一步 cnpm install axios第二步创建个js文件import axios from 'axios';import { Message } from 'element-ui';axios.defaults.timeout = 5000;axios.defaults.baseURL ='';//http request 拦截器axios.intercepto...

2019-03-08 16:47:20 174

原创 vue mint-ui

引用 import Mint from 'mint-ui';<template> <div class="hello"> <h1 class="page-title">Action Sheet</h1> <div class="page-actionsheet-wrapper"> .

2019-03-08 16:27:21 382

原创 vue lrz.js

最近的项目写一个微信公众号上传图片的功能，在网上找到了一个插件挺好用的；他是把图片转换成Base64格式的然后上传字符串；下载插件 cnpm installlrz --save-devhtml<input type="file" name="" id="photo" accept="image/*" @change="uploadFiles($event)">

2019-03-08 15:01:06 4704

原创 vue中使用vue-awesome-swiper

安装 cnpm install vue-awesome-swiper --save-dev在用到的模块页面中引用 jsimport { swiper, swiperSlide } from 'vue-awesome-swiper';data(){ return{ swiperOption: { loop :true, ...

2019-03-08 14:48:36 2131

原创 vue 图片Base64压缩上传

最近做的一个vue项目，后台要求请求头是application/json格式的，所以我对axios 进行了全局设置了请求头；但是正常上传图片都是application/x-www-form-urlencoded;charset=UTF-8格式的，这样突然出现的from请求就很是尴尬；对此和后台商量把图片转换成Base64在传过去let _this = this;// console.l...

2019-03-07 16:31:39 4172

原创 Vue有什么特性，相对于其他框架都有那些优势！

Vue中的数据渲染都有那些！{{}} vue可以直接直接使用双大括号来进行渲染数据 <div id="app">{{ message }}</div>var vm = new Vue({ el: '#app', data:{ message:"我很帅" }})v-html v-html是可以解读html标签...

2018-08-28 20:59:17 7650

原创 vue中 v-model的原理

Vue的v-model使用和原理v-model作用子啊input标签上才会起到相应的作用Vue HTML书写 &amp;lt;input v-model=&quot;str&quot; type=&quot;text&quot;&amp;gt;Vue js定义 new Vue({ data{ str:&

2018-08-28 20:16:58 4654 3

猿小龙