- 博客(33)
- 收藏
- 关注
RSS订阅原创 前端性能优化之异步加载js
一个网页的有很多地方可以进行性能优化，比较常见的一种方式就是异步加载js脚本文件。在谈异步加载之前，先来看看浏览器加载js文件的原理。浏览器加载 JavaScript 脚本，主要通过<script>元素完成。正常的网页加载流程是这样的。浏览器一边下载 HTML 网页，一边开始解析。也就是说，不等到下载完，就开始解析。 解析过程中，浏览器发现<script>元素，...
2019-07-31 11:53:32
293
原创 Yapi接入CAS实现单点登录
前面介绍了Yapi部署的流程，https://blog.csdn.net/qq_36742720/article/details/97754354（window linux同样适用）。下面来介绍怎么实现CAS单点登录。这里我们要用到一个插件，https://github.com/wsfe/yapi-plugin-cas（虽然我不是原作者，但还是建议大家点个star。因为他真的能够帮你解决问...
2019-07-30 17:19:40
2793
4
转载 mac下安装mongodb
接下来我们使用 curl 命令来下载安装：# 进入 /usr/localcd /usr/local# 下载sudo curl -O https://fastdl.mongodb.org/osx/mongodb-osx-ssl-x86_64-4.0.9.tgz# 解压sudo tar -zxvf mongodb-osx-ssl-x86_64-4.0.9.tgz# 重命名为 m...
2019-07-30 09:56:55
167
转载 centos部署Yapi
一、准备工作1.1 环境操作系统：centos7（CentOS-7-x86_64-Minimal-1708）环境要求：nodejs（7.6+） mongodb（2.6+）(确保已开启服务)二、部署YApi4.1 安装npm install -g yapi-cli --registry https://registry.npm.taobao.orgyapi serv...
2019-07-30 09:53:47
605
转载 Incorrect string value: '\xE5\xBC...' for column 'xxx' at row 1（mysql修改数据库表和表中的字段的编码格式的修改）
建数据库的时候，已经选择了编码格式为UTF-8但是用PDM生成的脚本导进去的时候却奇怪的发现表和表的字段的编码格式却是GBK，一个一个却又觉得麻烦，在网上找了一下办法一个是修改表的编码格式的ALTER TABLE `table` DEFAULT CHARACTER SET utf8;但是虽然修改了表的编码格式，但是字段的编码格式并没有修改过来，没有什么卵用又发现一条语句，作用是修改...
2019-07-25 17:42:49
527
转载 为什么要使用闭包和如何使用闭包
闭包JS中的闭包是一个我们经常遇到的名词，到底什么是闭包？为什么我们要使用闭包？又该如何使用闭包呢？为什么我们需要闭包首先来看一个例子，我们来实现一个计数器。var counter = 0;function add() { return counter += 1;}add();add();add();// 计数器现在为 3现在我们已经达到了目的，可是问题来了，...
2019-07-25 14:47:32
965
转载 mysql中如何查看和删除唯一索引。
mysql中如何查看和删除唯一索引。查看唯一索引:show index from mytable;//mytable 是表名查询到唯一索引后，如何删除唯一索引呢，使用如下命令：alter table mytable drop indexmdl_tag_use_ix;//mdl_tag_use_ix是上表查出的索引名，key_name...
2019-07-24 12:11:31
2633
转载 position的取值
static是默认值。就是按正常的布局流从上到下从左到右布局，平常我们做网页时，没有指定 position，也就表示使用 static。relative没有脱离布局流，此时可以使用 top、right、bottom、left 属性。top 和 bottom 共存时，使用 top 值，忽略 bottom 值； left和right 共存时，使用left 值，忽略right ...
2019-07-24 09:20:04
223
原创 antDesign RangePicker限制日期可选范围
上代码：import React from 'react';import ReactDOM from 'react-dom';import 'antd/dist/antd.css';import './index.css';import moment from 'moment';import { DatePicker } from 'antd';const { RangePi...
2019-07-23 10:59:58
8390
转载 Vue框架核心之数据劫持
前瞻当前前端界空前繁荣，各种框架横空出世，包括各类mvvm框架横行霸道，比如Angular、Regular、Vue、React等等，它们最大的优点就是可以实现数据绑定，再也不需要手动进行DOM操作了，它们实现的原理也基本上是脏检查或数据劫持。那么本文就以Vue框架出发，探索作者运用Object.defineProperty来实现数据劫持的奥秘（本文所选取的相关代码源自于Vue v2.0.3版本...
2019-07-22 18:56:51
144
转载 Javascript设计模式之发布-订阅模式
简介发布-订阅模式又叫做观察者模式，他定义了一种一对多的依赖关系，即当一个对象的状态发生改变的时候，所有依赖他的对象都会得到通知。回忆曾经作为一名前端开发人员，给DOM节点绑定事件可是再频繁不过的事情。比如如下代码 document.body.addEventListener('click',function () { alert(2333); },...
2019-07-22 18:46:29
101
转载 理解Object.defineProperty的作用
对象是由多个名/值对组成的无序的集合。对象中每个属性对应任意类型的值。定义对象可以使用构造函数或字面量的形式：var obj = new Object; //obj = {}obj.name = "张三"; //添加描述obj.say = function(){}; //添加行为除了以上添加属性的方式，还可以使用Object.defineProperty定义新属性或修改原有的...
2019-07-22 18:08:43
133
转载 9、TCP和UDP的区别
TCP：面向连接、传输可靠、用于传输大量数据，传输速度慢，建立连接耗时长。UDP: 面向非连接、传输不可靠、用于传输少量数据，传输速度快。应用：（1）TCP：用于文件传输(FTP HTTP)，发送或接收邮件（POP IMAP SMTP），远程登录等。（2）UDP: 即使通信，在线视频，在线语音通话...
2019-07-19 22:40:36
133
转载 7、用css2和css3分别实现垂直居中和水平居中
css2:水平居中：text-align: center;(水平)margin: 0 auto;(水平)垂直居中：单行内容垂直居中设置相同的height和line-height多行内容垂直居中通过设置上下的paddingvertical-align:center;(垂直居中)绝对定位实现水平垂直居中：top:50%;left:50%;transform: transl...
2019-07-19 22:29:26
945
2
转载 6、网页从输入网址到渲染完成经历了哪些过程
大致可分为七步：1、输入网址2、发送到DNS服务器，并获取域名对应的web服务器对应的ip地址3、与web服务器建立tcp连接4、浏览器向web服务器发送http请求5、web服务器响应请求，并返回指定url的数据6、浏览器下载web服务器返回的数据并解析html源文件7、生成Dom树，解析js和css，渲染页面...
2019-07-19 22:21:21
1467
转载 5、前端性能优化
一、减少http请求数量1、使用css精灵图 将多张图片合并成一张图片达到减少http请求，可以通过css的background-image和backgound-position来访问图片内容。2、合并css和js，并进行压缩3、图片采用懒加载二、控制资源文件的加载优先级 一般将css放在头部，js放在底部三、利用浏览器缓存四、减少重排（Reflow） 比...
2019-07-19 22:17:51
152
转载 4、简述vue的响应式原理
这里的响应式指的是，当你的数据有变化，vue能够做出响应，然后去重新渲染页面，它采用数据劫持结合发布者---订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter getter，在数据变动时发布消息给订阅者，触发响应的监听回调。...
2019-07-19 22:12:13
814
转载 3、v-if和v-show的区别
v-show仅仅控制元素的显示方式，将display属性在block和none之间来回切换；而v-if会控制这个dom节点的存在与否。当我们需要经常切换某个元素的显示与隐藏时，使用v-show回更加节省性能上的开销；当只需要一次显示或隐藏时，使用v-if更加合理。...
2019-07-19 22:09:17
151
原创 1、谈谈对MVVM开发模式的理解
MVVM分别是：Model View ViewModal该开发模式主要体现在vue.js中M层：模型V层：视图VM层：VM是MVVM思想的核心，因为VM是V和M的调度者。// VM层var vm = new Vue({ el: '#app', data:{ // M层 msg: '你好，vue.js' }})//V层&...
2019-07-19 22:04:10
812
原创 使用antd的Form组件在hubmit事件外的其他事件中获取Form表单中input的值
今天写一个表单组件时遇见一个小问题，以前一般都是在蚂蚁金服的Form组件的提交事件中直接对values进行操作及调用接口，将数据传给后台；而今天是想在Form提交事件中不提交数据而是调用queryData()事件，然后在queryData()事件中对数据进行操作，如下： handleSubmit = (e) => { e.preventDefault(); ...
2019-07-15 19:08:58
699
原创 antd Form表单getFieldDecorator中设置RangePicker的默认时间
在antd中的时间选择器RangePicker中，使用defaultValue来设置默认值。如下所示： <RangePicker defaultValue={[moment('2015/01/01', dateFormat), moment('2015/01/01', dateFormat)]} format={dateFormat} />...
2019-07-15 16:11:54
5514
1
转载 如何在 GitHub.com 上删除某个 Repository 中的某个文件夹？
场景：先前上传项目的时候有些需要忽略的文件夹并未加入.gitignore文件中，导致上传了一些并不想上传的文件。（比如不小心将下图的.idea、out、nowcoder.iml上传到了github上）我们想要在github上面删除，但又不想在本地删除然而，github界面上只能删除文件而不能删除文件夹（下图为一个文件）所以只能用指令来操作步骤：（以删除.idea文...
2019-07-09 15:45:18
334
转载 js 从开始和结束时间得到中间所有天
今天在论坛中看到一个帖子，给定输入的字符型日期和结束的字符型日期，计算中间间隔的每一天的日期。正好项目不忙，就动手写了一下，记录下来吧。原问题var start_time = "2015-2-1"var end_time = "2015-3-1"需求得到开始和结束时间之间所有天 return [ '2015-2-1',"2015-2-2" ... "2015-2-28","2015...
2019-07-08 19:14:24
1398
1
转载 js比较两个对象是否相等
前言：如何判断两个对象是否相等？两个Object类型对象，即使拥有相同属性、相同值，当使用 == 或 === 进行比较时，也不认为他们相等。这就是因为他们是通过引用（内存里的位置）比较的，不像基本类型是通过值比较的。var obj1 = { name: "xiaoming", sex : "male"} var obj2 = { name: "xiaom...
2019-07-05 18:51:55
10718
1
转载 js比较两个数组是否相等
今天在看廖雪峰大神的博客意外地发现javascript是不能用 '=='或'==='操作符直接比较两个数组是否相等的。先看案例：var a = [1,2,3,4,5];var b = a.slice();console.log(a); // [1,2,3,4,5]console.log(b); // [1,2,3,4,5]console.l...
2019-07-05 11:09:24
1383
原创 使用ant design 或 ant design pro快速搭建一个页面骨架
大概是这样一个效果样式美观大方，点击效果好看。自己实现起来比较复杂，antd已经为我们写好了这一套。具体实现方式请看官方文档：ant design : https://ant.design/components/layout-cn/#headerant design pro:https://pro.ant.design/blog/new-pro-use-cn#header...
2019-07-04 19:26:18
1423
原创 antd动态增减表单时Select中的value属性无效(不显示)
在antd的Select标签中，可以设置value和defaultValue。这两者的区别如下：具体可以看这个例子：https://codesandbox.io/s/hvi6z可以看到是可以通过value或者defaultValue回显数据的。但是我在把Select标签放到动态增减表单项中时，发现用这两个属性就是回显不了数据。后面得益于一篇推文，https://blog.c...
2019-07-04 11:07:17
5821
转载 React中子组件向父组件传值
举例父组件:var React = require('react');import {render} from 'react-dom';import {Router, Route, Link} from 'react-router';import '../style/index.css';import Headnav from './indexComponents/headnav...
2019-07-02 11:21:27
418
转载 js 如何删除对象中的一个属性
1.对象属性删除function fun(){this.name = 'mm';}var obj = new fun();console.log(obj.name);//mmdelete obj.name;console.log(obj.name); //undefined2.删除不了原型链中的变量，如：fun.prototype.age = 18;de...
2019-07-02 11:19:27
2878
原创 如何让antd的Modal组件的确认和取消不显示（或自定义按钮）
使用Modal中的footer属性，如下： <Modal title="更改成员" visible={visible} confirmLoading={confirmLoading} onCancel={this.handleCancel} footer={ ...
2019-07-02 09:28:21
52770
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人