- 博客(44)
- 收藏
- 关注
RSS订阅翻译 react antd配置less的时候报错:
ValidationError: Invalid options object. Less Loader has been initialized using an options object that does not match the API schema.options has an unknown property ‘source’. These properties are valid:object { lessOptions?, prependData?, appendData?, s.
2020-05-10 21:08:11
2175
原创 MutationObserver对象的使用
问题：在对div设置属性 contenteditable="true" 的时候，由于需要对输入的内容变化进行监听，由于在ie中使用 input、change、propertychange等事件进行监听的时候，无法监听到输入内容的变化，所以这里使用了MutationObserver对象来实现。使用方式如下： //ie下无法监听输入变化，使用下面的方法监听 // 设置obser...
2019-11-19 18:03:23
1195
原创 vue里面监听iframe加载完成。
template:<template> <div id="editCommonStored"> <span class="el-icon-close" @click="close"></span> <iframe :src="url" v-if="show" id="iframe_edit_commonStored"&...
2019-11-19 17:53:17
10510
原创 同域iframe通信（跨域没试过）
父页面：window.addEventListener('message',function(e){ console.log(e) })父页面主要进行事件的监听子页面：let port = document.location.port==''?80:document.location.port;let parentUrl = `${window.location...
2019-08-14 20:36:58
367
原创 git常用命令总结
1、初始化git 仓库git init2、添加文件到git仓库git add <file>git commit -m <提交说明>3、查看工作区状态git status4、查看某个文件修改后和仓库版本的不同git diff 文件名5、查看提交日志git log --graph --pretty=oneline --abbre...
2019-06-11 16:48:42
174
原创 获取地址栏里面的查询字符串
这个问题我在实际开发过程中遇到了很多困难，生产环境和开发环境往往不是我们想的那样，这里简单记录方便以后查看。//获取查询字符串export const getQueryString = function () { let queryObj = {} let qString = window.location.href.split('?')[1]; //undefin...
2019-05-30 11:19:38
566
原创 使用 npm 运行多个脚本
在使用express和vue开发项目过程中，会启动两条命令：npm run serve和npm run start那么如何使用同一条命令启动两个脚本呢？可以使用：concurrently1、安装npm install concurrently --save2、修改脚本 "scripts": { "serve": "vue-cli-service se...
2019-05-26 13:20:24
1841
原创 vue 文档编辑器插件quill-editor的使用记录（主要是图片上传功能的实现）
这里简单记录下在使用quill-editor过程中遇到的坑。和一些使用的事项。官方文档点击这里：quilljs官方文档安装什么的就不写了，自己去看。1、引入所需的文件（前提是已经安装了quill包）import { quillEditor } from "vue-quill-editor";import "quill/dist/quill.core.css";import "...
2019-05-24 15:59:31
1124
翻译 解决pycharm中无法显示中文输入法的问题
1、修改字符编码格式【file】===>【setting】==> 【editor] ===> 【file encodings】设置为utf-82、修改python文件的默认编码格式【file】===>【setting】==> 【editor] ===> 【file and code templates】然后点击Pyhon Script 添加一下内容...
2019-04-27 16:21:07
8200
1
翻译 常用css样式初始化（淘宝）
<style> blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, ...
2019-04-19 18:00:33
810
翻译 js实现移动端字体自适应（rem）
主要针对移动端做字体相应，相对于媒体查询要方便点，这里简单记录一下方便以后使用。<script> function resizeFont() { //获取屏幕宽度 let clientWidth = document.documentElement.clientWidth || document.body.clientWidth; ...
2019-04-19 17:33:52
2266
原创 jquery设置表单元素属性值为Boolean值的属性
对于表单元素属性为Boolean值的属性，不能通过attr这个jq方法来设置，$("input[type='checkbox']").attr("checked", true);应该使用prop这个方法来设置$("input[type='checkbox']").prop("checked", true);否则达不到预想的效果。对于原生的的设置方式分别对应的方法是：setA...
2019-04-04 18:03:29
1605
原创 原生的委托事件
这里简单记录一下，方便以后查阅 <style> ul>li { width: 100%; height: 30px; margin-top: 10px; background-color: blue; } .active {...
2019-04-03 17:57:17
213
翻译 获取滚动条距离浏览器顶部和左边的距离（滚动的距离）
<body> <div style="height: 2000px;width:2000px"></div> <script> function getScroll() { if (window.pageXOffset) { return {//主流浏览器 ie...
2019-04-03 11:34:15
3184
原创 获取浏览器的宽高
这里简单记录方便以后查看 var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; var h = window.innerHeight || documen...
2019-04-03 10:53:12
2730
翻译 修改radio的默认样式
input[type='radio']{ /* opacity: 0; */ display: none; } input[type='radio'] + label::before{ content: ''; display: inline-block...
2019-04-01 13:59:19
5394
1
翻译 去掉input点击后的默认样式
input { outline:none; border:none; /**修改颜色*/ outline-color: "red";}
2019-04-01 13:16:52
5592
原创 h5plus中 Uncaught SyntaxError: Unexpected identifier
在基于dcloud的h5plus开发app的时候，两个页面之间调用函数的时候出现Uncaught SyntaxError: Unexpected identifier错误。解决办法：函数之间调用传值的时候需要将传入的值转化为json对象的字符串：JSON.stringify(obj)；否则就会报错....
2019-01-06 20:07:12
537
翻译 给网站添加icon图标
效果如下所示：实现方法如下：<head> <link rel="shortcut icon" href="/public/favicon.ico" type="image/x-icon"> <link rel="icon" href="/public/favicon.ico" type="image/
2018-12-06 09:55:16
5447
原创 a连接打开新窗口
给当前a标签添加属性：target="_blank"如果要全局设置页面所有a标签的打开方式，可以在html的头部添加如下代码:<head> <base target="_blank"></head>这样当前页面所有的a标签都以新窗口打开。更多base标签属性，请查看：w3school base标签...
2018-12-06 09:47:45
4246
原创 nodejs 修改文件夹里面文件的文件名
const fs = require('fs');const path = require('path');const url = path.join(__dirname,'/web/');fs.readdir(url, 'utf8', (err, fileList) => { if (err) throw err; fileList.forEach((item,in...
2018-12-05 19:25:43
5229
翻译 node读取文件 并修改文件内容
const fs = require('fs');const path = require('path');const newList = [];fs.readFile(path.join(__dirname, './json/hp_mph.json'), 'utf8', function (err, data) { if (err) throw err; let list...
2018-12-05 15:11:03
19245
原创 centos中mongodb常用操作
服务的启动和停止 sudo systemctl start mongod 或者 sudo service mongod start sudo systemctl restart mongod 或者 sudo service mongod restart sudo systemctl stop mongod 或者 sudo service mongod stop卸载mongodb...
2018-11-26 13:28:26
1793
原创 css中的伪元素和伪类的区别
在使用css的时候经常分不清哪些是伪类，哪些是伪元素。可能知道怎么用，但概念分不清。今天想到这个问题了就自己总结了一下，方便以后查看。首先谈谈什么是伪元素：伪元素不是实际存在的页面元素，但是其用法和表现行为与真正的页面元素是一样的，可以对其使用诸如页面一样的css样式。他的实质是css样式展示的行为。这里先介绍以下伪类和伪元素中的：和:: 的区别，双冒号是css3中出现的，用于区别伪类...
2018-10-24 19:26:30
451
翻译 js实现继承
js中实现继承的方式（4种）1、修改原型对象的指向 <script> //人的构造函数 function Person(name, age, sex) { this.name = name; this.age = age; this.sex =...
2018-10-10 21:26:09
174
原创 JavaScript的入口函数和jQuery的入口函数的区别
1、jquery的入口函数$(document).ready(function(){ //dosomething })2、js的入口函数window.onload = function () { //js的入口函数 }注意：1、js的入口函数要比jq的入口函数执行得晚一些，就是说会先执行jq的入口函数再执行js的入口函数。2、js...
2018-10-02 16:26:26
728
翻译 一个满屏的品字布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-09-30 10:35:46
784
原创 vue + multer+mongodb实现文本加图片上传功能
前端代码：<template> <div> <form name="fileinfo" id="myForm"> 标题： <input type="text" name="title" v-model="formData.title"&
2018-09-19 14:50:21
1493
翻译 fixed 定位超出内容无法看到的问题
给定位的盒子加上height: 100%;overflow: auto;或者 overflow: scroll
2018-09-15 18:02:35
4835
1
原创 vue+express+mongodb部署到腾讯云服务器上
下面介绍如何将基于vue、express、mongodb的项目部署到腾讯云服务器上。如有错误，欢迎指出。这里我使用的是webpack构建工具，可以看到我的目录如下server是我服务端的代码文件，这个文件夹在其他地方也可以，这里为了方遍演示我放到了同一个目录里面，这里先不管他。刚开始是没有dist目录的，dist是打包后生成的目录。1、打包之前需要做的事（这一步可以忽略，因为当...
2018-08-24 14:51:03
3413
原创 nrm 的安装和使用
nrm可以看作一个npm的镜像管理工具，有时候使用npm的时候，速度会非常慢，可以利用nrm切换npm的镜像源1、安装nrmnpm install -g nrm2、查看镜像源的地址nrm ls可以看到如下地址，当前使用的是淘宝3、切换镜像源nrm use taobao这样就可以使用淘宝的npm镜像源了...
2018-08-24 13:47:07
3203
原创 封装原生jsonp请求
如有错误，欢迎指正看这篇文章的小伙伴应该已经了解了最基本的jsonp请求了，如果不了解，请查看我另一篇文章。或者百度一下。这里直接上封装代码：html代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>
2018-08-23 09:12:12
1738
原创 最原生的jsonp请求
废话不多直接上代码，关键点都在注释中。1、前端的html代码注意观看sctipt标签路径的样子//前端代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title&
2018-08-23 09:09:34
879
原创 vue子组件给父组件传值
子组件：<template> <div class="app"> <input @click="sendMsg" type="button" value="给父组件传递值"> </div></template><script>
2018-08-21 10:28:12
174218
26
原创 vue父组件给子组件传值
父组件：<template> <div class="app"> <child :date="msg"></child> </div></template><script>import child from './child.vue
2018-08-21 10:16:58
955
翻译 javaScript图片及时预览效果
<form action="">文件：<input type="file" name="myFile" id="myFile" onchange="getFileContent()"> <br><img src="" alt="" id="img&quo
2018-08-20 16:32:05
240
原创 javascript中的定时器
在javascript中有两种定时器，以下做简单介绍1、setInterval()setInterval() 按照指定的周期（以毫秒计）来调用函数或计算表达式。方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。setInterval()方法会返回一个number类型的值，用于clearInterval(timeId)清除定时器简单案例如下：<...
2018-08-13 08:44:13
417
原创 javaScript中对象的遍历和对象属性的删除
1、对象的遍历使用for in注意：不是使用for循环来遍历，因为对象的属性是无序的for(var key in obj) { console.log(key + "==》" + obj[key]);}2、删除对象里面的某个属性var obj = { name: "sdj", age: 20}console.log(obj.name); //sd...
2018-08-12 20:19:00
3767
原创 css中盒子居中对齐的问题
1.没有定位的盒子水平居中 1.让盒子的文字内容居中对齐: text-align: center 2.外边距实现盒子水平居中对齐，需要满足以下两个条件 *1.必须是块级元素* *2.盒子必须指定了宽度*width: 500px;margin:0 auto; (上下为0，左右auto)2.绝对定位的盒子居中对齐水平居中1.首先让盒子left:50%,...
2018-08-11 09:10:19
3852
原创 一个简单的MD5(crypto)加密
这个比较简单，详情小伙伴们可以去看官方文档===>点击打开链接1、安装依赖npm i -S crypto2、代码如下const crypto = require('crypto')function md5Crypto(password){ const hash = crypto.createHash('md5') hash.update(password) con...
2018-07-11 18:25:48
5226
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人