- 博客(151)
- 收藏
- 关注
原创 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
509
原创 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
2190
4
原创 盘点一些跨端框架
盘点一些跨端框架 Chameleon 变色龙滴滴开源的跨端框架:一套代码运行多端,一端所见即多端所见(5.1 star)omi 腾讯:基于 Web Components 并支持 IE8+(omio),小程序(omip) 和 任意前端框架集成(9k star)uni-app7端跨端框架:uni-app 是一个使用 Vu...
2019-05-28 14:46:00
2071
原创 【造轮子】开发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
653
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
246
原创 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
516
原创 数组/对象数组去重
数组/对象数组去重 1.对象数组去重let hash = {} let config = [{ id: 2, name: 'Y', }, { id: 3, name: 'A', }, { ...
2019-04-02 17:57:00
609
原创 基于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
533
原创 常用正则验证
常用正则验证 //验证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
179
原创 基于wepy和云开发的动漫资讯小程序----233次元
基于wepy和云开发的动漫资讯小程序----233次元 233次元小程序# 233次元小程序项目描述- 基于微信小程序的动漫咨询小程序,采用`wepy`框架开发;- 后台数据采用小程序的云开发存储;线上体验部分截图 ...
2019-03-29 13:42:00
335
原创 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
1151
原创 Hexo NexT主题/cnblog等博客增加点击出现红心的特效
Hexo NexT主题/cnblog等博客增加点击出现红心的特效 查看效果每日前端我的博客实现:1.下载这段js代码到项目目录 ===》下载地址2.在需要的地方添加js代码<script type="text/javascript" src="js文件目录"></script>cnblog增加点...
2019-03-01 13:59:00
985
原创 debian apache2 多端口对应多文件 虚拟端口配置
debian apache2 多端口对应多文件 虚拟端口配置 apache2单IP多端口创建虚拟站点如下:1.转到配制目录虚拟站点配制目录 cd /etc/apache2/2.配置新增多的端口编辑上级目录中的端口配制文件sudo gedit ports.conf添加你的端口,建议取5位数的或者其他不常见的端口号,比较安全不容易被攻击...
2019-02-15 11:52:00
745
原创 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
2409
原创 小程序本地测试正常,上线后页面不显示
小程序本地测试正常,上线后页面不显示 本地测试正常,上线后数据能拿到但是显示不出来因为用了云开发和wepy,本地都正常,手机就是不显示数据,还以为是代码逻辑哪里的有问题最后解决:关闭压缩混淆 在用sync给子组件传数据的时候就会出现这样的问题,具体其他原因还不清楚,先这样解决问题吧 posted ...
2019-01-23 11:53:00
7001
原创 三端统一框架
三端统一框架 三端统一的框架: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
3653
原创 多端统一框架尝试--Taro
多端统一框架尝试--Taro 参考资料Taro官网Taro GitHubTaro资源汇总Taro-UI我的demo代码github地址Taro介绍和尝试心得Taro是基于React语法规范开发的多端统一的框架,一套代码可以生成微信/百度/支付宝等小程序、H5、RN等。主要是用于生成小程序,官方的很多组件库也是和微信小程序类似,生成H...
2019-01-15 09:57:00
675
原创 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
18971
原创 wepy 小程序云开发
小程序前段时间更新了云开发的功能,刚听到对时候觉得简直是个人开发者对福音,尤其是对我这样对后端不是很懂对前端傻傻,简直不能太方便,就试了下。体验二维码:源码:https://github.com/calamus0427/233wepy文档云开发文档...
2018-11-03 10:16:00
272
原创 订餐小程序
一个微信点餐小程序的部分功能及页面,后续会慢慢更新。 文档说明管理后台预览源码地址代码说明/wechat 小程序代码 /pc 管理后代代码 /docs 文档说明源码(文档说明中的截图展示未更新,具体参考项目示例 扫码体验 新版页面部分截图如下(文档没有更新,具体以代码为准) ...
2018-09-19 16:54:52
1714
原创 订餐小程序
订餐小程序 一个微信点餐小程序的部分功能及页面,后续会慢慢更新。 文档说明管理后台预览源码地址代码说明/wechat 小程序代码/pc 管理后代代码/docs 文档说明源码(文档说明中的截图展示未更新,具体参考项目示例扫码体验新版页面部分截图如下(文档没有更新,具体以代码为准) ...
2018-09-19 16:22:00
2554
原创 github 添加wiki
亲们支持我的新博客哦==》地址(以后更新会尽量在新博客更新,欢迎大家访问加入我的后宫w)(欢迎加群一起玩耍:575180837)平时都是写readMe和docs的,一直眼瞎没有注意到有wiki这个功能随便找一个写了wiki的看一下,效果还是不错的==》weUI开启wikigithub的wiki项目默认是开启的,如果你的没有这个选项卡可能是关闭了,在s...
2018-07-23 09:51:00
14202
原创 数组由大到小排序并返回排序后的下标
javascript node环境下:看到有用冒泡排序的方法解决的,这里提供另一种思路,性能比较没有测(心情不好,别问我为什么)var rl = require('readline').createInterface(process.stdin, process.stdout)rl.on('line', function (line) { var data=...
2018-07-19 16:38:00
7325
原创 git打tag
亲们支持我的新博客哦==》地址(以后更新会尽量在新博客更新,欢迎大家访问加入我的后宫w)(欢迎加群一起玩耍:575180837) 标签分类git标签分为两种类型:轻量标签和附注标签。轻量标签是指向提交对象的引用,附注标签则是仓库中的一个独立对象,建议使用附注标签,日后还可以查看标签信息。创建标签创建轻量标签$ ...
2018-07-11 11:42:00
124
原创 删除已经提交到远程仓库的gitignore文件
亲们支持我的新博客哦==》地址(以后更新会尽量在新博客更新,欢迎大家访问加入我的后宫w)(欢迎加群一起玩耍:575180837)gitignore里新添加了需要过滤的文件,但是之前已经提交到了远程分支 解决方法: # 1.为避免冲突需要先同步下远程仓库git pull# 2.在本地项目目录下删除缓存git rm -r --cached ....
2018-07-11 11:33:00
1542
原创 vscode 正则 计算代码全部有效行数;清除文件空行
清除空行: 正则表达式:^\s*(?=\r?$)\n 计算全部代码行数: 正则表达式:b*[^:b#/]+.*
2018-07-10 10:52:00
2224
原创 css居中问题:水平居中、垂直居中
亲们支持我的新博客哦==》原文地址 (欢迎加群一起玩耍:575180837) 本篇文章所有演示代码下载==》github/calamus0427 css水平垂直居中是面试时候遇到最多的问题,我总结一下大部分解决方案 水平居中: 1.ma...
2018-07-06 10:04:00
169
原创 有趣的console.log(console.log输出彩色字,图片等)
亲们支持我的新博客哦==》原文地址 (欢迎加群一起玩耍:575180837) 逛网站的时候经常发现很多网站控制台打印了很好玩的内容 比如我的网站 →calamus 或者知乎→ 平时是不是只用console调试或者打印别的信息了,没有试过上面这种呢?感觉很有趣有没有 ...
2018-06-28 17:41:00
13142
原创 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
3304
原创 css自定义鼠标
亲们支持我的新博客哦==》地址(以后更新会尽量在新博客更新,欢迎大家访问加入我的后宫w) (欢迎加群一起玩耍:575180837) css自定义鼠标 效果展示==》 注意: 1.支持jpg/png/ico格式的展示鼠标格式,为了兼容IE8.0以下建议采用cur/ani格式的(可以用ps转换...
2018-06-14 16:47:00
819
原创 小程序开发经验分享汇总
原文链接(以后更新会尽量在新博客更新,欢迎大家访问加入我的后宫w) 经验分享总结==》https://calamus0427.github.io/calamus-wechat/#/ 全部示例源码 ==》https://github.com/calamus0427/calamus-wechat/tree/master/show-co...
2018-05-10 14:46:00
278
原创 小程序开发------mpvue开发时间轴
亲们支持我的新博客哦==》地址(以后更新会尽量在新博客更新,欢迎大家访问加入我的后宫w)(欢迎加群一起玩耍:575180837)效果展示: 技术栈:mpvuedemo==》代码: ...
2018-05-10 11:15:00
772
原创 小程序开发------文件目录结构
亲们支持我的新博客哦==》地址(以后更新会尽量在新博客更新,欢迎大家访问加入我的后宫w)(欢迎加群一起玩耍:575180837) 打开小程序官方demo,看到目录结构: | -- pages :小程序的页面文件,其中每个文件夹为一个页面,每个页面包含四个文件 | -- index | -- index.js | -- index.wxml...
2018-05-10 10:26:00
436
原创 小程序开发准备
亲们支持我的新博客哦==》地址(以后更新会尽量在新博客更新,欢迎大家访问加入我的后宫w)(欢迎加群一起玩耍:575180837) 1.官网注册成为小程序开发者 2.完善账号身份认证和小程序详情3.小程序开发官方开发相关api文档小游戏文档小程序文档小程序社区下载安装小程序开发工具(也可以用自己擅长的工具开发比如v...
2018-05-10 10:12:00
132
原创 js判断假值
js中的假值:在JavaScript中,false、null、0、空字符串、undefined 和 NaN被称为假值。需要注意的是,这种方法字符串类型会返回true哦,比如'false','0' Boolean(value); ...
2018-05-08 16:54:00
559
原创 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
30368
原创 jsfiddle将demo设置为public公开的
jsfiddle的demo虽然可以通过链接分享给所有人,但是进入个人主页是没有的,需要将项目设置为公开public的根据提示,打开demo项目页==》左侧菜单==》填写标题和描述==》==》update更新==》set as base之后过几分钟就会在public fiddles中看到了 ...
2018-04-25 17:14:00
523
原创 jsfiddle修改个人头像
找了半天终于知道修改jsfiddle头像的方法了~JsFiddle将Gravatar - 全球认可的头像用于个人资料图片。必须在这里改变你的头像,它也会在jsFiddle中自动更新。注意,两者的注册邮箱必须一致。终于有头像了,欢迎关注我~ ...
2018-04-25 17:08:00
240
原创 推荐好用的在线编辑器
1.jsfiddle 我个人是非常喜欢这个的,界面也很好看 ==》设置头像 ==》将demo设置为公开 这里的代码可以直接插入到博客展示,具体看我的另一篇==》添加在线demo 2.codepen 强大之处完全不输jsfiddle,不过代码界面个人不是很喜欢~ 还能看到别人分享的代码,很强大&#...
2018-04-25 16:38:00
1078
原创 博客园添加在线代码展示
在展示代码的时候希望在博客直接展示代码和效果,如下: 1.先注册jsfiddle或run.js,并写好demo(需要开通博客园请求js权限,在设置里)jsfiddle以前是国外镜像的,所以访问很慢或者需要fq,现在据测试好像不需要了呢,很强大的在线网站~ 2.写好demo后点击Embed==>Prefer iframe==>复制代码3.博...
2018-04-25 16:25:00
1426
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人