- 博客(91)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 【Homebrew】brew 命令
Brew（也称为Homebrew）是Mac OS上的一款包管理器，它允许用户通过简单的命令行界面来安装、更新、卸载和管理软件包。
2024-08-05 15:06:02
710
原创 nginx
Nginx可以根据不同的正则匹配，采取不同的转发策略，比如图片文件结尾的走文件服务器，动态页面走web服务器，只要你正则写的没问题，又有相对应的服务器解决方案，你就可以随心所欲的玩。Nginx可以对不同的文件做不同的缓存处理，配置灵活，并且支持FastCGI_Cache，主要用于对FastCGI的动态程序进行缓存。Ip hash算法，对客户端请求的ip进行hash操作，然后根据hash结果将同一个客户端ip的请求分发给同一台服务器进行处理，可以解决session不共享的问题。
2023-07-21 17:30:26
175
原创 Vue中动态设置Style样式
凡是有-的style属性名都要变成驼峰式，比如font-size要变成fontSize除了绑定值，其他的属性名的值要用引号括起来，比如backgroundColor:'#00a2ff'而不是 backgroundColor:#00a2ff 对象 html :style="{ color: activeColor, fontSize: fontSize + 'px' }" ...
2021-05-24 10:33:30
3071
1
原创 js 空格判空去空格
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title></head> <body> <input type="text" id="test"/> <input type="button" val
2021-03-16 15:07:26
347
原创 LINUX—rsync 配置与详解
LINUX—rsyncrsync 官方站点[url]http://rsync.samba.org/[/url][url]http://samba.anu.edu.au/rsync/download.html[/url][ WINDOWS 2003 RSYNC 服务端 ]rsync for windows download :[url]http://switch.dl.sourceforge.net/sourceforge/sereds/cwRsync_Server_2.0.10_Installe
2021-03-05 15:32:58
475
原创 小程序照片高度如何自适应
微信小程序 Image 图片实现宽度100%，高度自适应样式设置宽度100%.img{ width: 100%;}添加属性 mode=“widthFix” ;<image class="img" src="../../images/hello.png" mode="widthFix">完美实现!!!
2021-01-29 10:25:51
209
原创 教你@media媒体查询来适配ipad iphone5678plus 各种屏幕
@media媒体查询 这功能是非常强大的，他可以让你定制不同的分辨率和设备，并在不改变内容的情况下，让你制作的web页面在不同的分辨率和设备下都能显示正常，并且不会因此而丢失样式。/* 判断ipad */@media only screenand (min-device-width : 768px)and (max-device-width : 1024px){/* style */}/* ipad横屏 */@media only screenand (min-device-width.
2020-12-18 17:46:55
3225
1
原创 element UI表格线不齐一行代码解决!!!!!!
在入口文件app.vue加上全局样式:<style> body .el-table th.gutter {display: table-cell !important;}</style>就解决了
2020-12-08 16:30:09
275
1
原创 node.js调用第三方接口
1. 安装依赖 requestnpm install request -S2. 使用get请求var request = require('request');request('https://escnodeapi.***?query=**', function(err, response, body){ //err 当前接口请求错误信息 //response 一般使用statusCode来获取接口的http的执行状态 //body 当前接口response返回的具体数据 返回的
2020-11-24 16:41:34
6783
1
原创 TypeScript 的类型全解及声明
1. TypeScript类型全解及声明a. 布尔值let isDone: boolean = false;b. 数字:let decLiteral: number = 6;let hexLiteral: number = 0xf00d;let binaryLiteral: number = 0b1010;let octalLiteral: number = 0o744;c. 字符串:let name: string = "bob";name = "smith";d. 数组:1
2020-11-18 10:27:56
431
原创 彻底理解js中的闭包
闭包是js的一个难点也是它的一个特色，是我们必须掌握的js高级特性。我们都知道，js的作用域分两种，全局和局部，基于我们所熟悉的作用域链相关知识，我们知道在js作用域环境中访问变量的权利是由内向外的，内部作用域可以获得当前作用域下的变量并且可以获得当前包含当前作用域的外层作用域下的变量，反之则不能，也就是说在外层作用域下无法获取内层作用域下的变量，同样在不同的函数作用域中也是不能相互访问彼此变量的，那么我们想在一个函数内部也有限权访问另一个函数内部的变量该怎么办呢？闭包就是用来解决这一需求的，闭包的本.
2020-10-04 10:15:08
240
原创 js原生解析路由传参中的汉字
var str = JSON.stringify(strAddrs); //对象转为字符串 str = "../position.html?strAddrs="+str; //路由拼接 str = encodeURI(str); //encodeURI()是Javascript中真正用来对URL编码的函数 window.location.href = str
2020-09-24 21:09:57
926
原创 html5+JS调用手机摄像头扫码
在app项目中实现HTML5的扫描二维码，网上的搜了一大推，但是实际使用的时候发现能直接上手的并不多，所以自己百度，然后提炼了一些，下面直接上代码。 注意： 1.安卓(5.1)有些手机中测试正常，iOS暂时不行，后续再研究。 2.需要自己打包成APP，比如用Hbuilder打包，因为摄像头涉及权限问题。（我打包的下载）js插件链接：插件代码:!function(){"use strict";let getObjectURL=function(file){let url=null;if(windo.
2020-09-22 10:38:30
7654
3
原创 前端在H5页面调起微信支付
在微信服务号开发的时候经常会遇到微信支付的功能实现，通过实际经验自己总结了一下，前端在H5页面调起微信支付有两种办法，一是利用内置对象，二是通过引用微信的js sdk，亲测都能支付成功，从写法上来看用内置对象方法比较简单。这里讲的只是前端要做的事情，整个微信支付还有多一半的工作量需要后台去实现，这里就不讲了。方法一（利用内置对象）：function onBridgeReady(){WeixinJSBridge.invoke('getBrandWCPayRequest', {"appId":
2020-09-20 20:39:17
3549
原创 javaScript禁止鼠标右键及F12禁止查看源代码及禁止其他操作
1. 屏蔽F12 审查元素<script> document.onkeydown = function () { if (window.event && window.event.keyCode == 123) { alert("F12被禁用"); event.keyCode = 0; event.returnValue = false; } if (
2020-09-18 21:49:15
430
原创 webstorm配置github/gitee
前提条件：①本地已经安装了git；②idea/webstorm安装了gitee插件（github默认支持插件，如果没有的话也要安装一下，步骤如下） idea/webstorm安装gitee插件 github/gitee使用步骤 1、File->settings->Version Control ->Git 配置本地git的路径## 2、将项目上传到github/gitee上（这里需要填写github/gitee账号、密码和需要上传的仓库信息） 前提条件：github/gitee
2020-09-18 14:30:30
2303
原创 一行代码搞定overflow: scroll；滚动条隐藏,并不妨碍滚动
代码:& 为overflow: scroll;的盒子/*用伪类选择器 ::-webkit-scrollbar*/&::-webkit-scrollbar {width: 0 !important}
2020-09-15 14:47:54
549
原创 vue 使用nprogress 实现顶部加载进度条效果
一、下载安装yarn add nprogressnpm i nprogresscnpm i nprogress二、引入//可以在router.js 和 axios.js文件中使用import NProgress from 'nprogress'//样式可以放在main.js中全局样式import 'nprogress/nprogress.css'三、配置使用//页面打开时显示router.beforeEach((to,from,next) => { NProgress.s
2020-09-13 20:18:17
451
原创 vue 编写插槽组件
标题vue-组件化-插槽(slot) 理解Vue组件化中，当我们在设计一个组件的时候，可能会保留一部分，让使用者自定义的内容，比如：导航栏组件中，右上角的分享按钮，左上角做菜单按钮弹出框组件中，弹出框的提示内容等...在这种场景下，把保留给使用者的部分，叫做插槽(slot)插槽分类匿名插槽理解：所谓匿名插槽，就是这个插槽里，没有声明任何名称，使用者放进来的东西，都扔进这个插槽中。匿名插槽是一种特殊的具名插槽，也就是名为default的插槽写法：//自定义组件中&l
2020-09-10 10:30:38
805
原创 elementUI表单验证报错：Error in event handler for “el.form.blur“: “Error: Unknown rule type name“ found in
elementUI是一款非常好用的基于vue脚手架的后端框架，表单验证非常好用。但是，今天我爱模板网在使用它进行日期验证的时候出了问题，报Error in event handler for "el.form.change": "TypeError: value.getTime is not a function"的错误：代码如下：js验证码的代码：从上面的错误可以看出，应该是类型出错。可能是：elementUI自带的格式转换后会将绑定值转为字符串，而校验规则中的【type...
2020-09-09 11:34:33
9208
原创 webpack 中 Module build failed (from ./node_modules/babel-loader/lib/index.js): 的错误解决
在使用webpack打包中出现以下错误:Module build failed (from ./node_modules/babel-loader/lib/index.js):Error: Plugin/Preset files are not allowed to export objects, only functions.1. 原因:出现错误是由于babel的版本冲,有两种解决方式:版本更换:babel-loader 8.x | babel 7.x （升级版本）npm inst
2020-09-09 10:46:59
4761
1
原创 vue v-for遍历对象详解
代码:<body><div id=" app"> <!--注意:在遍历对象身上的键值对的时候，除了有val key, 在第三个位置还有一个索引--> <p v-for=" (val, key, i) in user">值是: {{ val }} ---键是:{{key}} --索引{{i}}</div><script> //创建Vue实例，得到ViewMode1 varVm = new
2020-09-03 21:00:18
3297
原创 使用Lodash进行防抖节流
下载引入Lodash$ npm i -g npm$ npm i --save lodash一、防抖使用方法:_.debounce(func, [wait=0], [options={}])创建一个 debounced（防抖动）函数，该函数会从上一次被调用后，延迟 wait 毫秒后调用 func 方法。 debounced（防抖动）函数提供一个 cancel 方法取消延迟的函数调用以及 flush 方法立即调用。 可以提供一个 options（选项） 对象决定如何调用 func 方法.
2020-09-03 07:48:44
1641
原创 vue input搜索功能分享
全部都是亮点:<template> <div> <div class="top"><!--搜索框--> <van-nav-bar title="搜索" left-text="返回" right-text="按钮" left-arrow
2020-08-31 20:23:36
1050
原创 vue页面与页面之间的滚动位置隔离并缓存各页面位置
上代码:let arr = {}const router = new VueRouter({ mode: 'history', base: process.env.BASE_URL, routes, //页面之间无位置影响 scrollBehavior(to, from, savedPosition) { arr[from.name] = document.documentElement.scrollTop let y = ar
2020-08-30 19:28:06
305
原创 参数为FormData 类型转换
一、准备，了解所需技术知识上传文件表单： <input type="file" accept="image/*" capture="camera" > 介绍:1. type="file" 上传文件表单2. accept="image/*" 上传文件类型3. capture="camera" 使用手机摄像头拍摄请求参数为FormData 类型 new FormData() let formData = new FormData()
2020-08-27 21:17:47
2062
原创 npm安装 生成二维码插件和拖放api插件
一、生成二维码安装：npm install --save qrcode引入:import QRCode from 'qrcode' <temppate> <div> <img :src="imrUrl"> </div> </template> //触发事件调用下面的方法// With promisesQRCode.toDataURL('http://jd.com/') .then(ur
2020-08-27 07:34:19
1181
原创 vue中的组件通信 及 递归组件
一、vue组件通讯父子通讯**** 父->子：主要通过props实现 props:支持数组和对象两种接收形式单向数据流:只能父->子级->子级的子级，而不能子级改变父级注意：如果要接收的props值进行修改，则通常把props接收的值处理成data变量或computed计算属性难道子级真的不难改变父级了吗？？1.利用对象特性--浅复制2.利用vue中的sync和$emit实现父组件中： <a-com :msg.sync="msg"><
2020-08-27 07:31:20
364
原创 封装axios网络请求模块
core.jsimport axios from "axios";import store from '../store'const instance = axios.create({//实例化axios baseURL: 'https://www.****.com/api', headers: { //设置请求头,这里支持create创建实例时需要带的 }});//请求来接instance.interceptors.request.use(funct
2020-08-24 19:17:34
497
原创 js继承的那些事
一、原型链继承原理示例：通过函数的prototype属性给其原型添加属性或方法！function Animal (name) { // 属性 this.name = name || 'Animal'; // 实例方法 this.sleep = function(){ console.log(this.name + '正在睡觉！'); }}// 原型方法Animal.prototype.eat = function(food) { console.log(thi
2020-08-21 21:05:12
200
原创 vue自定义组件用v-model来接受子组件的值,可以自定义任何样式输入框组件
今天教大家一个有趣的操作:如图:利用v-model属性接受组件值,实现自定义样式输入框父组件代码:<template> <div class="logon"> <Input type="number" v-model="abcd" placeholder="请输入手机号"/> {{ abcd }} </div></template><
2020-08-20 20:24:16
860
2
原创 vue项目用vue.config.js来配合不同环境自动切换配置
1. 首先安装插件,并修改启动项安装cross-env 跨平台切换插件兼容好,-作用: 切换环境变量例如:不同的打包和运行命令切换不同的配置变量"scripts": { "serve": "cross-env type=dev vue-cli-service serve", "build": "cross-env type=prod vue-cli-service build" }安装 process 插件 是node中读取nodejs总环境变量的所用参数作用:在
2020-08-19 21:09:28
2753
1
原创 配置网页默认css样式
新建initial.css:将以下代码拷贝html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center
2020-08-19 08:08:01
501
原创 vue项目使用插件postcss-px2vwh将px转vw wh
您可以使用此插件将“ px”转换为“ vw”或“ vh”。首先:安装插件 : postcss-px2vwhnpm i postcss-px2vwh配置文件:vue项目根目录下建 .postcssrc.js文件赋值以下代码:module.exports = { plugins: [ require('@moohng/postcss-px2vw')({ width: 375, //你的 psd's wi
2020-08-19 08:00:50
1436
1
原创 webpack 搭建环境
一、前端构建工具gruntgulpwebpack(主流,https://webpack.js.org/)Fis3（百度）二、webpack是什么webpack 是一个现代 JavaScript 应用程序的静态模块打包器webpack稳定版本：v4.44三、如何使用webpack搭建前端环境安装node.js( v12.x)注意：如果npm安装一些包由于网速原因，安装慢切换一下镜像源改成淘宝镜像：npm config set registry https://regist
2020-08-17 14:17:00
284
原创 小程序切换主题配色
相信大家一定会遇到小程序的主题配色问题，今天分享的内容主要就是如何根据自己的配置切换主题配色配图1、确定好需要修改的部分，配置主题 // 可以配置在app.js里面 也可以配置在外层框架 在这里我是配置在app.js然后全局储存了 globalData: { userInfo: null, // 主题配色配置 theme:{ //顶部配色 navigationBarColor:"#df4ecd", //图标配色 images
2020-08-14 23:31:07
1364
JS调用手机摄像头扫码插件
2020-09-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人