自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(26)
  • 收藏
  • 关注

转载 vim 正则非贪婪模式

比如多匹配使用 .* 效果自然是贪婪模式,JS 的非贪婪很简单,是 .*? 即可,而 vim 不同,语法是 .\{-},注意 \ 转义。转载于:https://www.cnblogs.com/ZweiZhao/p/10062543.html...

2018-12-04 10:21:00 164

转载 el-date-picker 快捷日期简单计算

const oneDaySeconds = 3600 * 1000 * 24pickerOptions: { shortcuts: [ { text: '今天', onClick(picker) { const date = new Date() const end = date const star...

2018-11-30 22:20:00 463

转载 Vue常规后台系统,路由懒加载实现基于菜单数据并解耦

路由依赖菜单场景:文件名与路由组件名完全一致(随便大小写均可)菜单使用一套,路由又存在一套,这样就很不舒服,于是做了如下处理:尝试不用懒加载发现有难度,使用懒加载就很轻松了data.jsexport default [{ title: '财务', subs: [ { title: '提现账单', path: 'withdraw', ...

2018-11-30 17:49:00 166

转载 vue-amap 实例获取与自动缩放

this.$refs.map.$amap.setFitView(markers) 获取实例,$amap 为 el-map 的 vid,没错,vid 获取方式就是这样markers 为 Amap.Marker 构造函数的实例数组。转载于:https://www.cnblogs.com/ZweiZhao/p/10025868.html...

2018-11-27 13:33:00 2031

转载 JS prototype 生成机制

默认的 prototype 属性是 Object() 对象,只不过每种类型或者自定义类型锁挂载的对象属性不同。事实上,prototype 的生成是这样的:const Func = function() {}// function Func() {}typeof Func1.prototype // "object"Func.prototype = {}typeof Func1...

2018-11-27 09:49:00 98

转载 @Vue/Cli 3 Invalid Host header 检测关闭

Invalid Host header在本地开发等一般情况下,无论是 local,还是 ip,或者是 0.0.0.0,在 cli 中都默认为合法的,但是有些场景可能会被不支持,比如远程开发,或者是云端开发。比如 Cloud Studio 开发时候就给的地址比较奇葩:https://aioaku-[port]-llcggl.dev.ide.live/#/,那么就会被报 Invalid ...

2018-11-23 14:28:00 271

转载 传统前端工程使用 Vue 等框架重构的思路

这段时间遇到类似的问题,第一反应便是使用 cli 搭建项目,但是细想一下立马否决了,原因如下:工程量太大,猴年马月能重构完,此期间原项目还是没有任何变动(如果没人跟你一起同步修改之前老项目的话无法继承,除非每次都单独复制粘贴,然后修改兼容代码,把 dist 里面代码弄过去,否则整个项目搬运过去是很繁琐的考虑过 submodule 方案,不靠谱,舍弃(管理成本太高于是换种思路,...

2018-11-22 14:58:00 280

转载 node express 静态资源

实例代码const express = require('express')const path = require('path')const app = express()app.use(express.static(path.join(__dirname, './'))) // 静态资源路径转载于:https://www.cnblogs.com/ZweiZhao/p/9...

2018-11-21 14:01:00 62

转载 @vue/cli 3 运行支持报错 socket

问题/sockjs-node/info 无限报错解决方案原因是相关代理端不支持 ws,因此需要在代理处关闭 ws,即 ws: false,如下:vue.config.jsconst ds_proxy = { '/': { ws: false, target: 'https://dev.test.gitinn.com/', changeOrigin: ...

2018-11-15 17:05:00 218

转载 @vue/cli 3 打包文件读取绝对路径处理

@vue/cli 3 封装了 webpack.config.js,一般都在 vue.config.js 里面配置,官网不推荐在 webpack 的 output 处理,这里踩了一下坑,希望可以帮到后面遇到的小伙伴。vue.config.jsmodule.exports = { // 这里是配置上线读取当前目录,默认是根路径,如 /js, /css 等,具体根据项目来 base...

2018-11-13 16:50:00 417

转载 vim-plug 插件安装与操作

安装 vim-plugcurl -fLo ~/.vim/autoload/plug.vim --create-dirs https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim需要 curl 没有的话单独安装安装插件call plug#begin('~/.vim/plugged')Plug 'itch...

2018-11-13 16:45:00 542

转载 Mac 启动 ssh 服务

Mac 本身有 ssh,只是没有默认开启,需要手动开启。启动sudo launchctl load -w /System/Library/LaunchDaemons/ssh.plist关闭sudo launchctl unload -w /System/Library/LaunchDaemons/ssh.plist检查sudo launchctl list | grep ss...

2018-11-13 16:41:00 148

转载 @Vue/Cli 3 关于 render 空的处理

问题场景vue-cli 3 在打包部署时候会出现 dist folder not working "Uncaught TypeError: Cannot set property 'render' of undefined 的报错。问题是这个不会在 dev 时候出现,在搜索结果后发现 issues#2430 里面有人给出问题所在,故此整理给遇到相同问题的小伙伴。解决方案通查你现有...

2018-11-13 00:15:00 155

转载 React 等框架使用 index 做 key 的问题

React 等框架使用 index 做 key 的问题假如有两个树,一个是之前,一个是更变之后,我们抽象成两种可能性。插入内容在最后插入内容在最前关于插在中间,原理一样,就不阐述。使用 ul 代表树,并且使用了 index 做 key:<ul> <li key="{0}">00000</li> <li key="{...

2018-10-20 01:12:00 214

转载 Stencil 基础

Stencil一个轻量化,渐进式编译器,注意,不是框架。使用 TypeScript 进行所有操作,这是一个门槛,有一定技术门槛要求。PS:个人强烈推荐所有的前端同学都学习,或至少了解这个超集语言。生命周期componentWillLoadcomponentDidLoadcomponentWillUpdatecomponentDidUpdatecomponentDi...

2018-10-19 17:17:00 476

转载 前端组件切换样式还原

本文使用 Vue 做例子,其他框架或原生一样原理先看效果这个文章的启发是来自这几天跟别人讨论跨平台解决方案时候意外发现,许多多年前端经验的跨平台开发工程师,都在考虑组件切换引起的瞬间白屏以及组件返回,原组件显示还原问题。误导思路厉害的前端工程师总是可以解决问题,比如上面那个问题,我们拿 A、B 两个组件做实例。组件切换,手写(transition)或使用 Vue-Route...

2018-10-19 15:22:00 134

转载 阿里试用,女朋友逼着我给她排序

阿里试用排序抱歉,之前莫名其妙把配置文件给 ignore 了,已经修复,抱歉前景提要说来简直丢尽了钢铁直男的脸,没错,昨晚我在愉快的做着外包的活(中国移动的小程序,自由职业,喂),11点多了,女友突然脑子一抽:“你能不能帮我把这个玩意排序一下给我用啊,我好薅点羊毛,技术能实现嘛?”我比较无奈的看了看,阿里试用咩?什么鬼,哦哦哦,就这玩意啊,爬虫爬一下就是了。我是前端……回道:“...

2018-10-16 15:01:00 203

转载 for循环两个略骚的写法

骚写法或许你知道,总之我觉得很酷,希望你也这么认为。递增遍历最常见场景,从 0 到 10 的遍历,不输出 10:for(let i = -1; ++i < 10;) { console.log(i)}// 0,1,2,3,4,5,6,7,8,9对比下常规写法:for(let i = 0; i < 10; i++) { console.log(i)}...

2018-10-13 23:59:00 106

转载 逆序数-拼图游戏必备知识

近两天准备出个拼图游戏的教程,准备时候遇到一些问题,收集保存分享下来,一来自己用,二来涨点知识,三来有需要的小伙伴刚好也看看。事情起因很简单,比如下面这个拼图(矩阵):1 23 空这样一个2*2矩阵,是标准原始矩阵,但是变一下:3 12 空这样是可还原的(空和附近的可以换位置,空2,空3,空1,空2即可)。但下面这个呢?1 32 空你还能还原吗?这个不是怪你,是真...

2018-10-13 19:55:00 341

转载 绅士向纯原生250行拼图小游戏

拼图小游戏先来预览,咳咳,这个比上次那个地鼠会好看点……代码是可以设置难度的,3就是9,9就是81……相比来说,此程序难度可是远远高过打地鼠的,希望小伙伴能跟上~html<header> <button ='Game.restart()'>重新开始</button> <button id="download" ='Game...

2018-10-13 19:55:00 110

转载 Grid布局20行代码快速生成瀑布流

网格布局Grid 布局,好用又简单,至少比 Flex 要人性化一点,美中不足就是浏览器支持度差点。DOM结构中间夹层为了后续拓展。CSS.grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 10px; grid-column-gap: 4p...

2018-10-13 19:53:00 193

转载 移动端H5页面上传图片或多张图片

传统PC网页上传文件,大家都已经熟悉,这里不做介绍。本文简单介绍移动端常用上传图片功能。灵活使用轮询或长连接可实现PC与移动端数据同步,即PC端需要上传的图片是移动拍照下来或移动端硬盘储存的,不需要再传到PC上然后上传。比如拍照上传业务。。。移动端H5上传图片的方式,要点如下:要点解析input即input标签typeinput标签的type属性,需要为...

2018-07-12 21:15:00 627

转载 Markdown打造高逼格博客

这里首先假设读者你已经掌握了Markdown与GitHub的基本用法如果不会, 请先自行百度或Google, 我目前还没写Markdown与GitHub的教程看云只是一个推荐, 可以认为协助生成格式化Markdowns, 不用当然也可以手写, 这里只是本人推荐而已想先看结果的请直接拉到底你需要这么几个材料:在线文章生成网站, 首推“看云”链接地址: 看云终端命令行...

2018-07-03 18:51:00 43

转载 mpvue两小时,产出一个《点钞辅助工具》小程序

CoffeeScript,Pug,Sass使用以下内容门槛较高,如看不懂或觉得需要继续了解,结尾处放置了原视频流程与GitHub地址,欢迎琢磨与Star,谢谢。文章不做技术语法解读,如不清楚,请前往对应官网了解细节。启动项目由于使用了CS,Pug,Sass等非主流方式,所以便多出了一些流程:根据官方拉取快速启动项目,并命名为“MergeMoney”,不要vuex与esli...

2018-06-25 19:06:00 149

转载 纯 CSS 解决自定义 CheckBox 背景颜色问题

CodePen需要使用色 #ec6337(当然可以是任意颜色),解决问题:记住密码定制 CheckBox,解释全在注释里主要使用到 ::before 或 ::after 伪类处理,伪装成内部的那个勾html<label> <input type="checkbox" /> // 注意嵌在 label 里面 记住密码 <div ...

2017-12-01 18:16:00 655

转载 真机调试傻瓜图文教程(Xcode6.4)

先准备好99刀,真机调试才带你玩.PS:万能宝十来块钱可以买个资格...Developer Apple上的设置1.打开https://developer.apple.com/,点击Member Center2.选择Certificates, Identifiers & Profiles3.选择iOS Apps下任一选项,learn more就算了...

2015-08-13 11:55:00 101

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除