- 博客(51)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 Vue父子组件数据双向绑定
Vue父子组件数据双向绑定最近没有写新项目，天天看零零碎碎的博客，感觉还没啥进步。前些天更新版本的时候发现双向绑定的知识点都忘了，赶紧记下来！所有的 prop 都使得其父子之间形成了一个单向下行绑定，父级 prop 的更新会向下流动到子组件中，但是反过来则不行2.3.0+ 新增 .sync 修饰符，以 update:my-prop-name 的模式触发事件实现上行绑定，最终实现双向绑定上代码父组件内容：<child-compoment :fatherValue="value">&
2020-12-17 11:31:59
204
原创 从25匹马中选出最快的三/五匹马
前些天看别人的面试题，看到这个题目。一开始没仔细想，后来看了一篇博客，发现之前的想法太简单，并不是最少的从25匹马中选出最快的三匹马问：25匹马，5个赛道，没有表和计数器之类的东西，至少跑几次可以找出最快的三匹马？25匹马分五组，每组按成绩排序，如下：[ q, w, e, r, t ][ y, u, i, o, p ][ a, s, d, f, g ][ h, j, k, l, z ][ x, c, v, b, n ]第六次：取每组第一名：[ q, y, a, h, x ]，比赛一次,
2020-12-02 15:04:55
535
原创 css实现弯曲箭头
前些天写项目，设计图里有弯曲的箭头，当时由于时间紧迫，使用的是图片，现在闲下来，自己再画一个，如下：实现完全箭头分两部分：在div内实现直角三角形，旋转调整角度（也可在整理完成再旋转）使用伪元素实现弯曲部分效果，进行旋转以上知识点基本都是围绕border属性<div class="curvedArrowUp"></div><div class="curvedArrowDw"></div>最简单的直角三角形：.curvedArrowUp
2020-09-08 18:53:13
2812
原创 使用vue指令实现复制代码
自定义一个复制code指令看掘金刷到Vue.directive，想想到现在自己也没写过指令，于是就想写一个指令试试。正考虑写什么好呢，瞅到了复制代码，不禁感叹：哥真是机智啊。废话不多说，撸起来！src的目录下有关文件的路径：├─ main.js├─ libs│ ├─ copy.js│ └─ directives.js└─ pages └─ Index.vuecopy.js，是指令的具体内容const vCopy = { bind(el, binding, vNode)
2020-05-29 15:53:32
862
原创 npm ci命令行
刷微博，刷到阮一峰的微博提到npm ci,出于好奇，查了一下，在这记录下来用途npm ci 和 npm i 类似，都可以用来安装依赖。他比常规的 npm i 安装快，也比常规安装更严格，他可以npm依赖安装的一致和稳定 (锁版本)在package.json中，每次install后，对应的版本前都有个 ^ 符号。在这种情况下，你再次install时安装的包的版本可能与前次不一样。具体的，你可以...
2020-04-16 18:00:04
302
原创 js实现粘贴图片
之前同事写过把剪切板内容粘贴到富文本编辑器，当时只想当咸鱼就没有研究，最近研究FileReader时发现一个例子也是粘贴图片内容，闲来无事就写个demo试一试，顺便还发现了很多不常见的知识点<div id="preview" contenteditable="true"> 江湖笑，<br /> 恩怨了，<br /> ...
2020-04-10 16:46:54
482
原创 let、var和const的区别
现在讨论一下ES5的var和ES6的let、const为什么会有let 和 constES5只有 全局作用域 和 函数作用域，有时遇到一些不合理的场景，比如遇到下面的代码，大部分人会选择使用闭包来解决这个问题。而ES6引入的let可以完美的解决这个问题。至于如何使用闭包实现let功能，可以看这里，有错误的话，还望指正。`use strict`var a = []for(var i = ...
2020-03-26 16:59:10
173
原创 ESLint和Airbnb代码规范
什么是ESLintESLint 是一个开源的 JavaScript 代码检查工具。代码检查是一种静态的分析，常用于寻找有问题的模式或者代码，并且不依赖于具体的编码风格为什么使用ESLint保持代码风格的一致性能增加可读性，更便于团队合作。JS 做为一种动态语言，写起来可以随心所欲，bug 遍野，但是通过合适的规则来约束，能让我们的代码更健壮，工程更可靠。规则定义ESLint 支持几种格式...
2020-03-25 15:24:24
7085
原创 整理一些常见的页面布局
昨天看博客时无意间发现 圣杯布局 和 双飞翼布局 ，知(gu)识(lou)渊(gua)博(wen)的我赶紧学习一下圣杯布局 和 双飞翼布局 是前端工程师需要日常掌握的重要布局方式。两者的功能相同，都是为了实现一个两侧宽度固定，中间宽度自适应的三栏布局。圣杯布局是为了讨论「三栏液态布局」的实现，最早的完美实现是由 Matthew Levine 在 2006 年写的一篇文章 《In Search...
2020-03-24 15:35:13
213
原创 IDEA自定义文件模板与模板变量
IDEA自定义文件模板与模板变量IDEA创建自定义模板IDEA模板的预定义变量参考：IDEA创建自定义模板最近在写 github.io 博客，用 webstrom 写 markdown 文件，头部里会有固定格式的内容，每次创建都要复制一遍，作为懒人的我觉得比较烦，想起了IDEA的编辑器有创建自定义模板的功能，那还等什么。撸起袖子开干吧1.File —> New —> Edit ...
2020-01-19 15:54:37
1637
原创 node实现反向代理
公司在做银行项目，开发都在云桌面。不能直接访问服务器上的接口服务，但是可以连接到云桌面，所以搭建个代理之后就可以愉快的在本地开发啦安装http-proxy模块>npm install http-proxy --save-dev新建js文件// server.jsconst http = require('http');const httpProxy = require('htt...
2019-11-18 17:28:22
310
原创 发送天气预报邮件
这里写自定义目录标题raspberry pi 使用 sendemail新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导...
2019-06-15 14:09:56
3377
原创 JS 数组函数的整理
最近在发现了一些自己不常用但蛮好用的数组函数，稍微整理一下，有以下几个：Array.prototype.includes() (ES7)新特性Array.prototype.filter()Array.prototype.every()Array.prototype.some()Array.prototype.fill()Array.prototype.includes()inc...
2019-05-24 18:30:06
1030
原创 QueryRunner 基本用法的实践
QueryRunner 是什么QueryRunner 是dbutils包下一个为了增强 JDBC 的类，简化了 JDBC 中数据操作，以及数据与对象之间的转化使用之前需要先导jar包，jar包下载地址为:http://commons.apache.org/proper/commons-dbutils/涉及到事务时创建QueryRunner对象时，不需要传入参数，但需要在方法里传入和其他层同一...
2019-04-22 20:20:20
1339
原创 java中常用包名的解释
最近在学Java，看到一类包名经常看到，很好奇代表了什么，就整理了一部分网上的帖子，是不是都对我就不敢打包票了，有人觉得不对的话，欢迎来互怼！常用包action包 顾名思义请求，主要是和view 即我们所说的视图就是页面打交道，action类 是 操作方法，对于页面Form 表单的操作方法，具体操作方法的实现就在Action 类里面bean 就是基本的JavaBean ,多为实体dao包...
2019-04-22 19:57:52
3051
转载 Nginx 负载均衡了解一下
Nginx 有一个很重要的功能——代理，包括正向代理和反向代理。正向代理代理的是客户端，而反向代理代理的是服务器。我们可以通过 Nginx 的反向代理实现另一个功能——负载均衡1、负载均衡的由来早期的系统架构，基本上都是由客户端发送多个请求到服务器，服务器处理请求，有一些可能要与数据库进行交互，服务器处理完毕后，再将结果返回给客户端。这种架构模式对于早期的系统相对单一，并发请求相对较少的情况...
2019-03-19 18:08:18
359
原创 认识flex属性
1、介绍布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。flex（flexible box：弹性布局盒模型）。在webkit内核的浏览器中使用时，必须加上 -webkit-前缀。使用...
2018-11-02 22:46:51
143
原创 Axios的使用与封装
Axios的使用与封装为什么用axios项目开发中，向服务器请求是必不可少的，在Vue项目的开发中，axios库是很常见的一个库。常见的axios的特性有 拦截请求和响应、取消请求、转换json、客户端防御XSRF等安装npm 安装 axios，如果可以的话，再安装一个qs库> npm install axios> npm install qs // 用来序列化post类型...
2018-10-27 17:36:32
614
原创 js 基础
闭包理解：闭包是能够读取其他函数内部变量的函数 实现：定义在一个函数内部的函数 用途：可以读取函数内部的变量让这些变量的值始终保持在内存中缺点：由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。闭包会在父函数外部，改变父函数内部变量的值...
2018-07-25 23:37:48
102
原创 使用vue 与 Element UI时踩过的坑
vue 与 Element UI踩坑最近做的项目使用的是Element UI，在其中遇到了点问题，记下来留作备忘录：Dialog 在 iPad 上的显示问题出现的情况： 项目有使用到 Element UI导航菜单，Dialog 弹层显示时，遮罩层只遮挡了右半部分，弹框只相对遮罩层居中，而不是相对整个页面居中。原因： 因为项目在 iPad 上使用，下拉滑动时会有卡顿现象，在公...
2018-07-11 15:09:20
4724
转载 一起了解Javascript执行机制
图片合并 public function test1(){ $path_1 = './img/merge.png';// 图片二 $path_2 = './img/15248108365ae2c45412cb3.png';// 创建图片对象 $image_1 = imagecreatefrompng($path_1); ...
2018-05-14 17:06:04
300
原创 mac os下配置nginx+php7.1+fastcgi
mac os 预装的php 版本 是 5.6.3，使用Homebrew将php更新到php7.1 并搭建 nginx。安装 nginx$ brew search nginx$ brew install nginx// 安装之后，常用的配置路径有：// 配置文件路径：/usr/local/etc/nginx/nginx.conf// 服务器默认路径：/usr/local/var/ww...
2018-04-23 19:41:48
2160
转载 css 绘制 简单几何图形
一直对css不在行，今天面试有道题要求用 css 写正三角形，回来之后搜了一下样式发现几个有意思的，就选了几个贴上来，想看更多请 点击这里//正方形#square { width: 100px; height: 100px; background: blue; }//圆形#circle { width: 100px; height: 100px; background: ...
2018-03-24 17:01:54
584
转载 js运算符 “|”与“||”
“|”与“||”运算符在js开发应用中我们通常会碰到“|”与“||”了，本篇文章大致了解一下js运算符单竖杠“|”与“||”的用法。
2018-02-27 14:18:13
686
原创 npm 的常用方法（备忘录）
npm常用命令npm init查看当前版本npm -v设置国内镜像（具体原因就不必多说了）两种办法： 一、直接修改镜像地址npm config set key value 命令，设置指定的镜像地址 npm config set registry https://registry.npm.taobao.org二、用封装好的 cnpm 命令安装 cnpm...
2018-02-24 14:29:45
228
1
原创 JavaScript的 IIFE（即时执行方法）
函数 函数声明： function + 函数名 + ( [参数] ) + { 函数体 }function foo(){ /*code*/ }函数表达式：var fn = function( [参数] ){ 函数体 }var foo = function(){ /*code*/ }js中 函数跟随一对圆括号()表示函数调用//函数声明语句写法function test(){}
2018-01-25 16:27:40
446
原创 Sublime Text3 插件
直接安装插件安装Sublime text 3插件很方便，可以直接下载安装包解压缩到Packages目录（菜单->preferences->Browse Packages）。使用Package Control组件在线安装按Ctrl+ `(tab按键上面的按键) 调出console（注：避免热键冲突）粘贴以下代码到命令行并回车import urllib.r...
2018-01-03 14:44:46
264
原创 使用VirtualBox时遇到的坑
VirtualBox之前使用虚拟机软件都用vmware，想进行 laravel homestead安装，就安装了一个VirtualBox，官网最新版本是VirtualBox 5.2.4。 安装过程都没有问题，创建虚拟机之后开启时报错，返回 代码 E_FAIL (0x80004005)，搜索之后知道的解决方案有两个(只测试了方案一)：方案一：使用VirtualBox-4.3.12，也试过Virtu
2017-12-24 12:40:19
372
转载 ubuntu 开发环境配置
玩了将近几个月的ubunut，每隔一段时间就重新刚装的虚拟机，需要重新安装开发工具和配置开发环境。整理一下，免得总是百度安装教程。 编辑器的话，一般会安装 Vim、Sublime_text、WebStrom、PhpStrom安装Vim最基本的Vim安装不用多累赘sudo apt-get install vim安装sublime_text3网上教程大部分都是添加软件源，如果有人像我一样不想添加软件源
2017-11-29 18:59:43
178
转载 CGI/FastCgi/PHP-FPM
总是再配置虚拟主机的时候看到FastCgi和PHP-FPM，特意去搜了一下相关内容，当备忘录记下CGI的作用CGI 是为了保证 web server 传递过来的数据是标准格式的，方便 CGI 程序的编写者。 web server（比如说 Apache、Nginx、IIS、Lighttpd、Tomcat）只是内容的分发者。 Web Application 一般指PHP、Java、As
2017-11-28 18:06:35
144
原创 菜鸟遇到ubuntu的疑难杂症
命令如下：>sudo apt-get update报错信息如下>E: Problem executing scripts APT::Update::Post-Invoke-Success ‘if /usr/bin/test -w /var/cache/app-info -a -e /usr/bin/appstreamcli; then appstreamcli refresh
2017-11-22 14:41:03
1336
原创 乱七八糟的BUG
js的兼容性Date.parse 在谷歌浏览器可以正确解析,而在ie/Edge/Safari 上解析不了,可以把”-“或” “替换为“/”Date.parse(viewValue.replace(/-/g,"/")
2017-11-06 10:55:42
162
原创 php memcached
安装（CentOS）Linux下安装memcached 需要用到 libevent库，libevent库是安装mencached的唯一前提条件。 编译安装libevent时指定安装路径即可 "./configure --prefix=/usr/local/libevent" make 编译安装memcached出了需要指定自己的安装路径外，还需要再配置时指定libevet的安装路
2017-11-02 22:11:08
156
原创 PHP 方法
数组 Array删除 array_shift() 删除数组中的第一个元素 array_pop() 删除数组中的最后一个元素 unset() 销毁指定的变量, 数组将不会重建索引
2017-10-19 10:31:31
165
原创 phpstrom 2017.1激活
License server http://idea.iteblog.com/key.php快捷键 pubf+enter = public functionwindow环境下开发（node），webstrom修改js文件，样式没反应。 处理方法如下： Webstrom 2017.3 激活License server http://idea.c...
2017-08-23 10:52:39
391
原创 git 备忘录
git clone 使用用户名密码 git clone http://username:[email protected]：用户名 password：密码 git.url：git地址$ git checkout . #本地所有修改的。没有的提交的，都返回到原来的状态$ git stash #把所有没有提交的修改暂存到stash里面。可用git stash ...
2017-08-07 10:40:46
237
原创 js 的一些简单方法
两数组比较let a = [1, 2, 3, 4];let b = [2, 3, 4, 6, 8, 10];a.map(x => { b = b.filter((val) => { return val !== x; })});console.log(b); //[ 6, 8, 10 ]
2017-08-01 14:20:52
161
原创 laravel5 知识点备忘录
laravel5 知识点备忘录从头开始：准备安装准备安装 composercomposer 中国镜像 composer config -g repo.packagist composer https://packagist.phpcomposer.com安装安装最新的laravel项目，名称 blog composer create-project laravel/laravel b
2017-07-30 10:19:46
444
原创 备忘录（CSS）
<div style="width:150px;"> <p style="word-break: break-all">防止内容变多时文字超过div的范围</p></div>
2017-07-10 14:28:22
210
phonegap打开文档插件
2014-11-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人