- 博客(60)
- 收藏
- 关注
原创 原型和原型链
原型和原型链function Foo() {}let f1 = new Foo()普通对象有__proto__和constructor函数对象有__proto__、prototype和constructor 首先解释下,JS标准中对象并没有区分普通对象和函数对象,但现实中我们确实可以这样划分(其实在各种库中,我们经常能看到判断是否是普通对象的方法,而它们的名称往往是isPlainObject),以便
2022-04-06 10:38:09
334
原创 学习记录001
Vue 中使用@hook监听组件生命周期通常我们监听组件生命周期会使用 $emit ,父组件接收事件来进行通知子组件export default { mounted() { this.$emit('listenMounted') }}父组件<template> <div> <List @listenMounted="listenMounted" /> </div></temp
2021-05-14 13:54:43
174
原创 Java解决options预请求不通过
@Componentpublic class SimpleCORSFilter implements Filter { private static final Logger log = Logger.getLogger(SimpleCORSFilter.class); @Override public void destroy() { // T...
2020-03-19 10:12:38
2070
转载 vue 使用pug(详细说明)
1.安装pugnpm i -D pug pug-html-loader pug-plain-loadercli2.0脚手架修改build/webpack.base.conf.js文件module: { rules: [ { test:/\.pug$/, loader: "pug-html-loader" }, // 省略其他规则 ] ...
2020-03-04 19:40:38
2178
转载 Centos7.4以下服务器ssh免密登录以及搭建私有git服务器免密拉取上传代码
一、概述 服务器的免密登录和git服务器的搭建,关键都是要学会把自己用的机器的公钥添加到服务器上,让服务器“认识”你的电脑,从而不需要输入密码就可以远程登录服务器上的用户。免密登录可以是登录root用户,也可以是登录服务器上创建的其他用户,而搭建git服务器需要在服务器上创建一个git用户。注意服务器上每个用户识别的公钥存在不同的文件中,因此需要自己的电脑既能免密登录,又能使用git服...
2019-11-04 17:47:40
528
原创 配置全局less变量;解决iphoneX、 iphone8 plus 键盘退下去仍占空间,导致无法点击;vue-photo-preview 配置正常,但无法触发图片的预览
1.配置全局less变量pluginOptions: { "style-resources-loader": { preProcessor: "less", patterns: [ path.resolve(__dirname, "./src/assets/style/variable.less") ] }}2.解决iphoneX、 iphone...
2019-10-11 20:46:14
281
原创 点击其他位置,让弹窗消失:vue-clickaway 插件的使用
vue-clickaway 插件的使用//mixins方式:import { mixin as clickaway } from'vue-clickaway';exportdefault { mixins: [ clickaway ], template:'<p v-on-clickaway="away">Click away</p>', methods: ...
2019-10-11 20:11:56
2520
原创 @keyup.native.enter 第一次触发时,会刷新页面
@keyup.native.enter 第一次触发时,会刷新页面原因:事件包裹在form表单中,enter事件默认触发了表单的提交,导致页面刷新解决:在el-form标签中加上 @submit.native.prevent,阻止表单的默认行为...
2019-10-11 20:05:23
3969
1
原创 IE10浏览器 默认的文档模式为IE7标准,无法更改
IE10浏览器 默认的文档模式为IE7标准,无法更改解决方法:在head标签里添加如下代码:<meta http-equiv="content-type" content="text/html;charset=UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">...
2019-10-11 20:01:20
1630
原创 使用Map数据结构,快速匹配文件类型
使用Map数据结构,快速匹配文件后缀名export const matchType = (fileName = "") => { var map = new Map([ ["image", ["png", "jpg", "jpeg", "bmp", "gif"]], ["txt", ["txt"]], ["excel", ["xls...
2019-10-11 17:36:31
248
原创 webstorm报提示Method can be static
如果一个方法不触及任何实例状态,那么webstorm建议这个方法为静态。下面是关闭方法:感谢:https://segmentfault.com/a/1190000012879395https://hk.saowen.com/a/f689246079cd300acd79c7016668abe315b8dee4c32c6adbd2d5a226703e1d37...
2019-05-15 10:36:26
855
原创 vue-cli3.0 npm run dev 运行报错Cannot GET /,缺失入口文件index.html的问题
vue-cli3.0 dev运行报错Cannot GET /原因是:由于配置多页面,然后不想在执行npm run build命令打包生成的dist目录中出现index.html页面,所以我将public下面的index.html名字改掉了!...
2019-05-10 17:44:09
7364
原创 部署项目到docker
途中新GET到的命令1.使用xshell,rz 上传文件如果直接输入命令:rz,提示没有该命令,则需要执行命令: yum -y install lrzsz 进行安装2.修改文件或文件夹名称将file1改名为file2的命令:mv file1 file23.查看当前目录下所有文件命令:ls -la4.查看当前账号命令:who命令:w 查看详细5.查看最后登录者信息命令:la...
2019-05-07 13:23:29
251
原创 MySQL命令学习笔记
登陆退出操作1.登陆mysqlmysql -u root -p;2.退出mysql\q库操作1.创建数据库mysql> create database room; 2.删除数据库mysql> drop database room;3.查看数据库mysql> 4.查看所有数据库mysql> show databases;5.连接数据库...
2019-04-29 21:19:31
227
原创 哪些元素可以跨域
同源策略在浏览器的安全策略中“同源策略”非常如雷贯耳,说的是协议、域名、端口相同则视为同源,域名也可换成IP地址,不同源的页面脚本不能获取对方的数据。要是想使用XMLHttpRequest或者常规的AJAX请求获取另一个站点的数据,浏览器会告诉你“XXXX is not allowed by Access-Control-Allow-Orign”.因为同源策略的存在,防止了跨域访问的安全问题...
2019-04-29 20:39:20
488
原创 antd Input组件prefix/suffix,根据value是否为空来决定显示清空按钮,报错
【解决】https://ant.design/components/input/#FAQ为什么输入在变化时失去焦点prefix/suffix#当输入动态添加或删除prefix/suffix将使React重新创建dom结构并且新输入将不会被聚焦。您可以设置一个空<span />元素来保持dom结构:<span style="color:black">&...
2019-04-12 13:43:24
4305
原创 react相关
1.使用create-react-app命令创建react项目,运行npm run eject,此时npm start,报错解决:在npm run eject 之后,运行npm install
2019-04-08 15:10:07
180
原创 使用create-react-app创建的React项目时,npm start 命令时会报错
使用create-react-app创建的React项目时,有时在安装完其他组件后,再次运行 npm start 命令时会报以上错误,让我很郁闷,不过在上网搜了这个错后原来:是create-react-app有丢包的缺陷,手动安装包后,需要重新npm install一下,这样node_modules/.bin/目录下才会重新出现react-scripts的文件,这样npm start命令才能...
2019-01-29 10:15:08
2258
原创 vue-lazyload 局部使用时自定义图片及切换列表导致的图片懒加载失效
vue-lazyload的官方文档https://www.npmjs.com/package/vue-lazyload一、全局配置vueLazyload后,如何在局部使用时,自定义error和loading图片?【全局配置】:import VueLazyload from 'vue-lazyload' // https://www.npmjs.com/package/vue-l...
2019-01-10 11:08:03
2069
原创 解决Chrome浏览器自动填充账号密码的问题
废话不多说,直接上代码:<div class="m-regForm__block "> <label for="password" class="u-label">设置密码</label> <input type="text" style="display: none;">
2018-11-17 10:41:38
4463
原创 插件传参
:on-success="(file, xx, xx)=> {this.你的fuc(参数,'welcome')}"<x-input title="企业名称" :is-type="valiName" v-model="name" @on-change="(value) => {this.myFunc(value, 'TYPE')}" :max="11&q
2018-11-15 17:20:29
400
原创 图片裁剪居中的两种方式(CSS和JS)
一、JS方式实现:通过Vue中图片load方法(当然原生JS有对应的img.onload事件),获取到图片的原始尺寸(img.naturalWidth, img.naturalHeight),然后判断图片是长图还是宽图,如果是长图,则设置图片的宽为100%,高度自适应;反之是宽图,设置图片的高为100%,宽为自适应。当然,如果图片的原始尺寸小于盒子的宽高尺寸,则取图片的原始尺寸。页面:...
2018-10-11 14:39:48
5014
2
原创 人生为何,何为人生
在微信群里看到有人发了这样一条信息:范冰冰被罚八亿,八亿是多少钱?我掐指一算,假设1个月=1万1年=12万10年=120万100年=1200万1000年=1.2亿7000年=8.4亿中华上下才5000年。。。我月薪还没有1万。。。扶我起来,我要向天再借5000年5000年,中华上下5000年,1000年前,2000年前,这样说起来是多么遥远的事,可是自我出生起到现在,...
2018-10-06 10:31:37
1095
原创 Electron实战之基坑
1、任务栏图标(可配置 | | 可设置) //系统托盘图标目录 const iconPath = path.join(__dirname, '../../static/imgs/logo.ico') const emptyPath = path.join(__dirname, '../../static/imgs/empty.ico') const trayUr...
2018-09-27 16:49:47
1054
原创 electron-vue应用build后,打开exe文件安装,成功后,打开应用报错
问题描述: 2.解决方法: import {app, BrowserWindow, Menu, ipcMain, Tray,nativeImage} from 'electron' const path = require('path'); //... const iconPath = path.join(__dirname, '../.....
2018-09-26 15:38:21
2180
原创 【NodeJS】学习之EventEmitter
1.first: 某一个事件2.点on一次,就是为某个事件注册一个 【事件监听器】;3.同一个事件,可以注册多个事件监听器;4.当事件被触发(emit)时,注册到这个事件的所有事件监听器会被依次调用,事件参数作为emit回调函数的参数;代码://events: events模块var events = require('events')//EventEmitter: eve...
2018-09-19 18:40:23
198
转载 js 将复制面板的粘贴内容,样式标签去除
可编辑div,将js复制面板的粘贴内容,样式标签去除<div class='page3-emjoy5' contenteditable=='true'></div>$(".page3-emjoy5").on("paste", function (e) { textInit(e)});function textInit(e) { e.preve...
2018-09-18 15:41:29
3550
原创 vuex-router-sync
vuex-router-syncvue 管理视图的 vuex 管理数据元 vuex-router-sync 是链接vuex和vue-router//引入库import Vue from 'vue'import axios from 'axios'import { sync } from 'vuex-router-sync'//引入本地文件import App from '....
2018-09-18 11:09:38
1478
原创 JS批量替换img标签为对应img标签中的某个attr属性的值
【需求】: 如下图,页面展示的表情和文字,现在在点击“发送”按钮时,需要将img标签替换成相应的【文字】: 【解决】:具体实现如下:要替换的字符串为:html == <img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" text_w...
2018-09-17 12:50:41
3599
原创 Js关于光标对象与定位插入图片
在编辑器里插入文字、图片表情等需要用到Js定位光标节点。 常见思路是把光标两边数据切开,把图片或者字符加在中间,然后把三个字符串重新拼接起来,这样要算长度、切割字符串、重新拼接起来。很麻烦。我的Vue项目中:/** 选择表情 插入聊天框* */ select(e) { // 定义最后光标对象 let lastEditRange; ...
2018-09-17 10:46:01
1704
1
原创 Vue知识点:
1、我们都知道, Vue是【数据驱动视图更新】,但是,数据改变,视图更新是需要一个渲染过程的,那么我们如何能捕捉到此次渲染完成的时间节点呢?这就是我们要说的Vue的 nextTick方法:https://cn.vuejs.org/v2/api/#Vue-nextTick2、offsetTop3、弹窗的位置 随鼠标点击的位置变化4、<div class='myEleme...
2018-09-15 09:44:14
254
原创 Vue中img的src动态赋值本地路径报错
问题:我想根据tabIndex是否是当前值,来判断显示本地不同的图片。我按照下面的写法,页面会报404找不到相应图片地址。 <div class="tab-item" @click="tabIndex=0"> <img :src="tabIndex == 0 ? '@/assets/imgs/liaotian2.png' : '@/assets/imgs/liao...
2018-09-12 09:02:22
7772
原创 React Native打包时,报错 java.lang.NullPointerException (no error message)
FAILURE: Build failed with an exception.what went wrong?java.lang.NullPointerException (no error message) This Problem created when the suddenly System restarted, then gradle file corrupted. an...
2018-08-22 14:08:06
1114
1
原创 组件内配置页面标题,navigationOptions 首字母要小写~
组件内配置页面标题,navigationOptions 首字母要小写~~static navigationOptions = { title: 'MainPage'}
2018-08-21 17:50:57
289
原创 shouldComponentUpdate是什么
shouldComponentUpdate 函数原型boolean shouldComponentUpdate(nextProps, nextState) 当 React Native 决定是否重新渲染组件时,会先调用 shouldComponentUpdate 函数,如果返回值为 false 则不会重新渲染组件...
2018-08-21 15:03:50
1855
转载 Vue中,methods中调用filters里的过滤器
需求:vue中,除了在模板中使用过滤器,有时候,methods中也需要使用filters中的过滤器! this.$options.filters[filter](...args) //这种方法很简单,也很实用打印 this.$options.filters报错, 打印this.$options.filters.myFilter正常,显示为一个function原文地址:https:/...
2018-08-16 11:37:16
805
原创 安装react-native第三方库时 报EPERM: operation not permitted
1.win10 按电脑+X,选择管理员命令提示符 运行安装如果还不行,重启电脑
2018-08-14 16:14:29
489
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人