- 博客(60)
- 收藏
- 关注
RSS订阅原创 原型和原型链
原型和原型链function Foo() {}let f1 = new Foo()普通对象有__proto__和constructor函数对象有__proto__、prototype和constructor 首先解释下，JS标准中对象并没有区分普通对象和函数对象，但现实中我们确实可以这样划分(其实在各种库中，我们经常能看到判断是否是普通对象的方法，而它们的名称往往是isPlainObject)，以便
2022-04-06 10:38:09
319
原创 学习记录001
Vue 中使用@hook监听组件生命周期通常我们监听组件生命周期会使用 $emit ，父组件接收事件来进行通知子组件export default { mounted() { this.$emit('listenMounted') }}父组件<template> <div> <List @listenMounted="listenMounted" /> </div></temp
2021-05-14 13:54:43
159
原创 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
2022
转载 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
2123
转载 Centos7.4以下服务器ssh免密登录以及搭建私有git服务器免密拉取上传代码
一、概述 服务器的免密登录和git服务器的搭建，关键都是要学会把自己用的机器的公钥添加到服务器上，让服务器“认识”你的电脑，从而不需要输入密码就可以远程登录服务器上的用户。免密登录可以是登录root用户，也可以是登录服务器上创建的其他用户，而搭建git服务器需要在服务器上创建一个git用户。注意服务器上每个用户识别的公钥存在不同的文件中，因此需要自己的电脑既能免密登录，又能使用git服...
2019-11-04 17:47:40
502
原创 配置全局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
268
原创 点击其他位置，让弹窗消失：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
2451
原创 @keyup.native.enter 第一次触发时，会刷新页面
@keyup.native.enter 第一次触发时，会刷新页面原因：事件包裹在form表单中，enter事件默认触发了表单的提交，导致页面刷新解决：在el-form标签中加上 @submit.native.prevent，阻止表单的默认行为...
2019-10-11 20:05:23
3845
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
1607
原创 使用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
230
原创 webstorm报提示Method can be static
如果一个方法不触及任何实例状态，那么webstorm建议这个方法为静态。下面是关闭方法：感谢：https://segmentfault.com/a/1190000012879395https://hk.saowen.com/a/f689246079cd300acd79c7016668abe315b8dee4c32c6adbd2d5a226703e1d37...
2019-05-15 10:36:26
834
原创 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
7286
原创 部署项目到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
234
原创 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
202
原创 哪些元素可以跨域
同源策略在浏览器的安全策略中“同源策略”非常如雷贯耳，说的是协议、域名、端口相同则视为同源，域名也可换成IP地址，不同源的页面脚本不能获取对方的数据。要是想使用XMLHttpRequest或者常规的AJAX请求获取另一个站点的数据，浏览器会告诉你“XXXX is not allowed by Access-Control-Allow-Orign”.因为同源策略的存在，防止了跨域访问的安全问题...
2019-04-29 20:39:20
445
原创 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
4205
原创 react相关
1.使用create-react-app命令创建react项目，运行npm run eject，此时npm start，报错解决：在npm run eject 之后，运行npm install
2019-04-08 15:10:07
166
原创 使用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
2234
原创 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
2016
原创 解决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
4421
原创 插件传参
: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
383
原创 图片裁剪居中的两种方式（CSS和JS）
一、JS方式实现：通过Vue中图片load方法(当然原生JS有对应的img.onload事件)，获取到图片的原始尺寸（img.naturalWidth, img.naturalHeight），然后判断图片是长图还是宽图，如果是长图，则设置图片的宽为100%，高度自适应；反之是宽图，设置图片的高为100%，宽为自适应。当然，如果图片的原始尺寸小于盒子的宽高尺寸，则取图片的原始尺寸。页面：...
2018-10-11 14:39:48
4909
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
1061
原创 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
966
原创 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
2100
原创 【NodeJS】学习之EventEmitter
1.first: 某一个事件2.点on一次，就是为某个事件注册一个 【事件监听器】;3.同一个事件，可以注册多个事件监听器;4.当事件被触发（emit）时，注册到这个事件的所有事件监听器会被依次调用，事件参数作为emit回调函数的参数；代码：//events： events模块var events = require('events')//EventEmitter： eve...
2018-09-19 18:40:23
167
转载 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
3494
原创 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
1429
原创 JS批量替换img标签为对应img标签中的某个attr属性的值
【需求】： 如下图，页面展示的表情和文字，现在在点击“发送”按钮时，需要将img标签替换成相应的【文字】： 【解决】：具体实现如下：要替换的字符串为：html == <img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" text_w...
2018-09-17 12:50:41
3550
原创 Js关于光标对象与定位插入图片
在编辑器里插入文字、图片表情等需要用到Js定位光标节点。 常见思路是把光标两边数据切开，把图片或者字符加在中间，然后把三个字符串重新拼接起来，这样要算长度、切割字符串、重新拼接起来。很麻烦。我的Vue项目中：/** 选择表情 插入聊天框* */ select(e) { // 定义最后光标对象 let lastEditRange; ...
2018-09-17 10:46:01
1660
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
240
原创 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
7695
原创 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
1083
1
原创 组件内配置页面标题，navigationOptions 首字母要小写~
组件内配置页面标题，navigationOptions 首字母要小写~~static navigationOptions = { title: 'MainPage'}
2018-08-21 17:50:57
272
原创 shouldComponentUpdate是什么
shouldComponentUpdate 函数原型boolean shouldComponentUpdate(nextProps, nextState) 当 React Native 决定是否重新渲染组件时，会先调用 shouldComponentUpdate 函数，如果返回值为 false 则不会重新渲染组件...
2018-08-21 15:03:50
1823
转载 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
780
原创 安装react-native第三方库时 报EPERM: operation not permitted
1.win10 按电脑+X，选择管理员命令提示符 运行安装如果还不行，重启电脑
2018-08-14 16:14:29
464
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人