- 博客(151)
- 收藏
- 关注
RSS订阅原创 Vue-meta
好久没更博客了，随便写点记录下防止忘记吧。具体内容看官网吧Vue-meta的使用下载安装install vue-metamain.js 中注册import Vue from 'vue' import VueRouter from 'vue-router' import VueMeta from 'vue-meta' Vue.use(VueRouter)...
2019-11-08 10:22:00
457
原创 element-ui Cascader 级联选择器 点击label选中
通过修改label的样式解决：注意：el-cascader-panel 是直接挂载在body上的，所以需要全局设置.el-cascader-panel .el-radio{ width: 100%; height: 100%; z-index: 10; position: absolute; top: 10px; ...
2019-11-07 16:32:00
2040
4
原创 盘点一些跨端框架
盘点一些跨端框架 Chameleon 变色龙滴滴开源的跨端框架：一套代码运行多端，一端所见即多端所见（5.1 star）omi 腾讯：基于 Web Components 并支持 IE8+(omio)，小程序(omip) 和 任意前端框架集成（9k star）uni-app7端跨端框架：uni-app 是一个使用 Vu...
2019-05-28 14:46:00
1961
原创 【造轮子】开发vue组件库MeowMeowUI
【造轮子】开发vue组件库MeowMeowUI 1. 创建项目# 全局安装 vue-cli$ npm install --global vue-cli# 创建一个基于 webpack 模板的新项目$ vue init webpack meowui# 安装依赖$ cd meowui$ npm install$ npm run de...
2019-04-30 15:51:00
484
2
原创 vue 组件自定义v-model
vue 组件自定义v-model 参考资料：vue官网在vue 中使用v-model双向绑定<input v-model="something">其实是语法糖<input :value="something" @:input="something = $event.target.value">自定义组...
2019-04-17 14:52:00
192
原创 mac更新node，npm版本
mac更新node，npm版本 最近开发发现node版本多低的提示，于是升级一下# 清除node.js的cache：$ sudo npm cache clean -f# 安装 n 工具，专门用来管理node.js版本的工具$ sudo npm install -g n# 安装最新版本的node.js$ sudo n stable...
2019-04-10 14:28:00
470
原创 数组/对象数组去重
数组/对象数组去重 1.对象数组去重let hash = {} let config = [{ id: 2, name: 'Y', }, { id: 3, name: 'A', }, { ...
2019-04-02 17:57:00
553
原创 基于vue和svg的树形UI
基于vue和svg的树形UI vue-svg-tree基于vue和svg的动态树形UI 截图应用 npm install vue-svg-tree示例<template> <div> <vue-svg-tree :treeData="treeData"...
2019-04-02 17:23:00
464
原创 常用正则验证
常用正则验证 //验证0-99两位小数点的数字rg100 = /^((\d{1,2}(\.\d{1,2})?))$/ stringNumber = /^[0-9]*$/ normalNumber = /^\d+(\.\d+)?$/ account = /^[a-zA-Z0-9_-]{4,}$/ cellPhone = /...
2019-04-02 12:09:00
145
原创 基于wepy和云开发的动漫资讯小程序----233次元
基于wepy和云开发的动漫资讯小程序----233次元 233次元小程序# 233次元小程序项目描述- 基于微信小程序的动漫咨询小程序，采用`wepy`框架开发；- 后台数据采用小程序的云开发存储；线上体验部分截图 ...
2019-03-29 13:42:00
303
原创 wordpress中安装插件需要ftp服务
wordpress中安装插件需要ftp服务 曾经天真的以为要装个ftp，然后发现这只是wordpress为了安全而留下的坑,只要修改wordpress配置即可wordpress安装目录 ==》 wp-config.php,文件添加以下代码define("FS_METHOD","direct");define("FS_CHMOD_DIR", 0777);def...
2019-03-04 10:45:00
1053
原创 Hexo NexT主题/cnblog等博客增加点击出现红心的特效
Hexo NexT主题/cnblog等博客增加点击出现红心的特效 查看效果每日前端我的博客实现：1.下载这段js代码到项目目录 ===》下载地址2.在需要的地方添加js代码<script type="text/javascript" src="js文件目录"></script>cnblog增加点...
2019-03-01 13:59:00
901
原创 debian apache2 多端口对应多文件 虚拟端口配置
debian apache2 多端口对应多文件 虚拟端口配置 apache2单IP多端口创建虚拟站点如下：1.转到配制目录虚拟站点配制目录 cd /etc/apache2/2.配置新增多的端口编辑上级目录中的端口配制文件sudo gedit ports.conf添加你的端口，建议取5位数的或者其他不常见的端口号，比较安全不容易被攻击...
2019-02-15 11:52:00
635
原创 debian apache2 修改默认路径
debian apache2 修改默认路径 1.修改 /etc/apache2/sites-enable/000-default.conf 将DocumentRoot改成你的路径 2.修改 /etc/apache2/apache2.conf <Directory /var/www/>Options Indexes Foll...
2019-02-14 17:27:00
2296
原创 小程序本地测试正常，上线后页面不显示
小程序本地测试正常，上线后页面不显示 本地测试正常，上线后数据能拿到但是显示不出来因为用了云开发和wepy，本地都正常，手机就是不显示数据，还以为是代码逻辑哪里的有问题最后解决：关闭压缩混淆 在用sync给子组件传数据的时候就会出现这样的问题，具体其他原因还不清楚，先这样解决问题吧 posted ...
2019-01-23 11:53:00
6893
原创 三端统一框架
三端统一框架 三端统一的框架：1.react nativehttps://www.jianshu.com/p/1144469bf81f?open_source=weibo_searchFacebook 出品，JavaScript语言，JSCore引擎，React设计模式，原生渲染缺点：1.RN 框架原生并不支持 Web 端。2.RN 框架官方并不支持...
2019-01-15 14:57:00
3533
原创 多端统一框架尝试--Taro
多端统一框架尝试--Taro 参考资料Taro官网Taro GitHubTaro资源汇总Taro-UI我的demo代码github地址Taro介绍和尝试心得Taro是基于React语法规范开发的多端统一的框架，一套代码可以生成微信/百度/支付宝等小程序、H5、RN等。主要是用于生成小程序，官方的很多组件库也是和微信小程序类似，生成H...
2019-01-15 09:57:00
590
原创 element-ui input输入框回车事件
element-ui input输入框回车事件 <el-input maxlength="30" v-model="answerInput" @keyup.enter.native="addAnswer" placeholder="请输入问题备选答案" /> posted on 201...
2018-12-18 13:34:00
18862
原创 wepy 小程序云开发
小程序前段时间更新了云开发的功能，刚听到对时候觉得简直是个人开发者对福音，尤其是对我这样对后端不是很懂对前端傻傻，简直不能太方便，就试了下。体验二维码：源码：https://github.com/calamus0427/233wepy文档云开发文档...
2018-11-03 10:16:00
223
原创 订餐小程序
一个微信点餐小程序的部分功能及页面，后续会慢慢更新。 文档说明管理后台预览源码地址代码说明/wechat 小程序代码 /pc 管理后代代码 /docs 文档说明源码（文档说明中的截图展示未更新，具体参考项目示例 扫码体验 新版页面部分截图如下（文档没有更新，具体以代码为准） ...
2018-09-19 16:54:52
1653
原创 订餐小程序
订餐小程序 一个微信点餐小程序的部分功能及页面，后续会慢慢更新。 文档说明管理后台预览源码地址代码说明/wechat 小程序代码/pc 管理后代代码/docs 文档说明源码（文档说明中的截图展示未更新，具体参考项目示例扫码体验新版页面部分截图如下（文档没有更新，具体以代码为准） ...
2018-09-19 16:22:00
2433
原创 github 添加wiki
亲们支持我的新博客哦==》地址（以后更新会尽量在新博客更新，欢迎大家访问加入我的后宫w）（欢迎加群一起玩耍：575180837）平时都是写readMe和docs的，一直眼瞎没有注意到有wiki这个功能随便找一个写了wiki的看一下，效果还是不错的==》weUI开启wikigithub的wiki项目默认是开启的，如果你的没有这个选项卡可能是关闭了，在s...
2018-07-23 09:51:00
14070
原创 数组由大到小排序并返回排序后的下标
javascript node环境下：看到有用冒泡排序的方法解决的，这里提供另一种思路，性能比较没有测（心情不好，别问我为什么）var rl = require('readline').createInterface(process.stdin, process.stdout)rl.on('line', function (line) { var data=...
2018-07-19 16:38:00
7229
原创 git打tag
亲们支持我的新博客哦==》地址（以后更新会尽量在新博客更新，欢迎大家访问加入我的后宫w）（欢迎加群一起玩耍：575180837） 标签分类git标签分为两种类型：轻量标签和附注标签。轻量标签是指向提交对象的引用，附注标签则是仓库中的一个独立对象，建议使用附注标签，日后还可以查看标签信息。创建标签创建轻量标签$ ...
2018-07-11 11:42:00
106
原创 删除已经提交到远程仓库的gitignore文件
亲们支持我的新博客哦==》地址（以后更新会尽量在新博客更新，欢迎大家访问加入我的后宫w）（欢迎加群一起玩耍：575180837）gitignore里新添加了需要过滤的文件，但是之前已经提交到了远程分支 解决方法： # 1.为避免冲突需要先同步下远程仓库git pull# 2.在本地项目目录下删除缓存git rm -r --cached ....
2018-07-11 11:33:00
1482
原创 vscode 正则 计算代码全部有效行数；清除文件空行
清除空行： 正则表达式：^\s*(?=\r?$)\n 计算全部代码行数： 正则表达式：b*[^:b#/]+.*
2018-07-10 10:52:00
2165
原创 css居中问题：水平居中、垂直居中
亲们支持我的新博客哦==》原文地址 （欢迎加群一起玩耍：575180837） 本篇文章所有演示代码下载==》github/calamus0427 css水平垂直居中是面试时候遇到最多的问题，我总结一下大部分解决方案 水平居中： 1.ma...
2018-07-06 10:04:00
129
原创 有趣的console.log（console.log输出彩色字，图片等）
亲们支持我的新博客哦==》原文地址 （欢迎加群一起玩耍：575180837） 逛网站的时候经常发现很多网站控制台打印了很好玩的内容 比如我的网站 →calamus 或者知乎→ 平时是不是只用console调试或者打印别的信息了，没有试过上面这种呢？感觉很有趣有没有 ...
2018-06-28 17:41:00
12866
1
原创 vue build打包后css里的图片路径404不正确的问题
vue build打包后css里的图片路径404 在vue-cli项目中build/utils.js中找到如下代码块，添加 publicPath:’../../’ if (options.extract) { return ExtractTextPlugin.extract({ use...
2018-06-21 14:32:00
3271
原创 css自定义鼠标
亲们支持我的新博客哦==》地址（以后更新会尽量在新博客更新，欢迎大家访问加入我的后宫w） （欢迎加群一起玩耍：575180837） css自定义鼠标 效果展示==》 注意： 1.支持jpg/png/ico格式的展示鼠标格式，为了兼容IE8.0以下建议采用cur/ani格式的（可以用ps转换...
2018-06-14 16:47:00
772
原创 小程序开发经验分享汇总
原文链接（以后更新会尽量在新博客更新，欢迎大家访问加入我的后宫w） 经验分享总结==》https://calamus0427.github.io/calamus-wechat/#/ 全部示例源码 ==》https://github.com/calamus0427/calamus-wechat/tree/master/show-co...
2018-05-10 14:46:00
233
原创 小程序开发------mpvue开发时间轴
亲们支持我的新博客哦==》地址（以后更新会尽量在新博客更新，欢迎大家访问加入我的后宫w）（欢迎加群一起玩耍：575180837）效果展示： 技术栈：mpvuedemo==》代码： ...
2018-05-10 11:15:00
734
原创 小程序开发------文件目录结构
亲们支持我的新博客哦==》地址（以后更新会尽量在新博客更新，欢迎大家访问加入我的后宫w）（欢迎加群一起玩耍：575180837） 打开小程序官方demo，看到目录结构： | -- pages ：小程序的页面文件，其中每个文件夹为一个页面，每个页面包含四个文件 | -- index | -- index.js | -- index.wxml...
2018-05-10 10:26:00
372
原创 小程序开发准备
亲们支持我的新博客哦==》地址（以后更新会尽量在新博客更新，欢迎大家访问加入我的后宫w）（欢迎加群一起玩耍：575180837） 1.官网注册成为小程序开发者 2.完善账号身份认证和小程序详情3.小程序开发官方开发相关api文档小游戏文档小程序文档小程序社区下载安装小程序开发工具（也可以用自己擅长的工具开发比如v...
2018-05-10 10:12:00
111
原创 js判断假值
js中的假值：在JavaScript中，false、null、0、空字符串、undefined 和 NaN被称为假值。需要注意的是，这种方法字符串类型会返回true哦，比如'false','0' Boolean(value); ...
2018-05-08 16:54:00
461
原创 500 Internal Privoxy Error
打开网站突然发现网站无法打开了，一脸懵逼，服务器重启也不行，明明能ping通，网上查的答案千奇百怪的500 Internal Privoxy ErrorPrivoxy encountered an error while processing your request:Could not load template file no-server-data or one of ...
2018-05-08 09:49:00
30226
原创 jsfiddle将demo设置为public公开的
jsfiddle的demo虽然可以通过链接分享给所有人，但是进入个人主页是没有的，需要将项目设置为公开public的根据提示，打开demo项目页==》左侧菜单==》填写标题和描述==》==》update更新==》set as base之后过几分钟就会在public fiddles中看到了 ...
2018-04-25 17:14:00
466
原创 jsfiddle修改个人头像
找了半天终于知道修改jsfiddle头像的方法了~JsFiddle将Gravatar - 全球认可的头像用于个人资料图片。必须在这里改变你的头像，它也会在jsFiddle中自动更新。注意，两者的注册邮箱必须一致。终于有头像了，欢迎关注我~ ...
2018-04-25 17:08:00
210
原创 推荐好用的在线编辑器
1.jsfiddle 我个人是非常喜欢这个的，界面也很好看 ==》设置头像 ==》将demo设置为公开 这里的代码可以直接插入到博客展示，具体看我的另一篇==》添加在线demo 2.codepen 强大之处完全不输jsfiddle，不过代码界面个人不是很喜欢~ 还能看到别人分享的代码，很强大&#...
2018-04-25 16:38:00
1025
原创 博客园添加在线代码展示
在展示代码的时候希望在博客直接展示代码和效果，如下： 1.先注册jsfiddle或run.js，并写好demo（需要开通博客园请求js权限，在设置里）jsfiddle以前是国外镜像的，所以访问很慢或者需要fq，现在据测试好像不需要了呢，很强大的在线网站~ 2.写好demo后点击Embed==>Prefer iframe==>复制代码3.博...
2018-04-25 16:25:00
1363
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人