自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

祈澈菇凉

90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。

  • 博客(27)
  • 收藏
  • 关注

原创 jQuery实现从一个页面跳转到另一个页面的指定tab选项卡

最近事情比较多,小婷已经没有足够的时间去学习新的知识点,就写一写简单的东西吧,这些还是从前学习前端的时候留下的课堂的笔记,那个时候喜欢记笔记,觉得总是有用的上的地方,毕竟好记性不如烂笔头。思路:从页面 a 通过 url ? 后面的参数给页面b 传一个 index,页面b通过这个参数来控制该选项卡的切换a页面:<a href="b.html?t...

2019-02-27 09:11:00 4784

原创 今天不发文,时间交给你们

今天写点特别的。去年年初,开始找到了运营公众号的一些方法,并运用业余的时间,去学习运营知识,从文章内容输出,封面UI图片的制作,以及文章的排版风格,社群的管理,后台留言的互动,都是一个人在摸索着,这个过程比较繁琐,主要靠着每天提醒自己抽出一些时间,去坚持要做的一件事情。关于运营定位作为一个女孩子,考虑到以后的各种问题,30岁之后可能就无法专心致志的写...

2019-02-26 13:34:00 268

原创 CSS3实现鼠标悬停动态效果(仿阿里云官方网站)

这是一个很简单的效果,简单的记录一下代码,先看效果图。<!DOCTYPE html><html lang="en" class="no-js"> <head> <meta charset="UTF-8" /> <meta name="viewp...

2019-02-25 15:02:00 1258

原创 Echarts堆叠折线图ajax获取数据展示

先看效果图,效果图如下。html<div class="row" ><div id="main"></div></div>js// ajax加载数据$.ajax({ url : ROOT + "/index/count", async : false, ...

2019-02-24 21:38:00 1057

原创 微信小程序wepy框架入门教程-底部导航栏效果(五)

文档wepy快速指南小程序框架wepy开发文档wepy开源wepy官方文档wepy是腾讯自己开发的框架,作用主要是提高开发者的开发效率,采用了类似使用了vue的代码书写风格,开发者可以熟练的上手小程序开发。先上效果图1:新建四个界面在components底下新建四个wepy文件分别是message 消息列表界面...

2019-02-23 11:04:00 1105

原创 微信小程序wepy框架入门教程 - 安装less/sass(四)

文档wepy快速指南小程序框架wepy开发文档wepy开源wepy官方文档微信小程序wepy框架资源汇总使用sass原因1:Sass完全兼容所有版本的CSS2:Sass拥有比其他任何CSS扩展语言更多的功能和特性3:增加了一些高级功能,这些拓展令 CSS 更加强大项目里会使用到,所以要提前安装一下。在wepy里面安装less/...

2019-02-22 08:35:00 601

原创 微信小程序wepy框架入门教程-向左滑动删除效果(三)

文档wepy快速指南小程序框架wepy开发文档wepy开源wepy官方文档微信小程序wepy框架资源汇总1:使用微信小程序框架wepy - 滑动删除插件用命令安装 npm install wepy-swipe-delete --save或者 cnpm install wepy-swipe-delete --save...

2019-02-21 10:07:00 552

原创 WebStorm中如何设置wepy文件代码高亮

因为小程序开发工具(微信开发者工具)对于wepy,mpvue等不够友好,不支持打开文件后缀为.wpy等页面,所以我这里使用的是WebStorm编辑器。在WebStorm编辑器里面,当文件后缀为.wpy,可共用Vue的高亮规则,但需要手动设置。1. 打开Settings,搜索Plugins,搜索Vue.js插件并安装。...

2019-02-20 08:52:00 1246

原创 微信小程序wepy框架入门教程-查看并运行wepy源码(二)

文档wepy快速指南小程序框架wepy开发文档wepy开源wepy官方文档在之前,已经准备好几个源码现在要运用的是wepy仿微信聊天界面多看看源码,然后动手做一下差不多就可以了解一二了查看并运行源码-wepy仿微信聊天界面https://github.com/wepyjs/wepy-wechat-demo接上篇,安装好运行环境之...

2019-02-19 13:48:00 579

原创 小程序wepy踩坑-Cannot find module 'D:\node_modules\npm\bin\npm-cli.js'

在搭建小程序wepy开发环境的时候,有时候会遇到一些报错,不过没关系,属于正常现象,稍微耐心一些,百度一下,就可以解决啦。当在D盘输入命令,全局安装wepy时候。npm install wepy-cli -g有时候会报出这样的错误。Error: Cannot find module 'D:\node_modules\npm\bin\npm-cli...

2019-02-18 14:20:00 16648

原创 'wepy' 不是内部或外部命令,也不是可运行的程序 或批处理文件。

在学习安装wepy创建项目的时候,开启实时编译,出现了这样的一个报错:'wepy' 不是内部或外部命令,也不是可运行的程序或批处理文件。原因:wepy放得文件夹位置不对。进入C:\Windows\System32\node_modules发现并没有这个文件夹:wepy-cli可能是以前初学node的时候,反复卸...

2019-02-17 10:32:00 2641

原创 微信小程序wepy框架入门教程-搭建开发环境(一)

文档wepy快速指南小程序框架wepy开发文档wepy开源wepy官方文档1:安装node端开发框架和环境都是需要 Node.js ,先安装node.js开发环境,WePY借鉴了Vue.js(后文简称Vue)的语法风格和功能特性,vue的运行是要依赖于node的npm的管理工具来实现,下载https://nodejs.org/en/,安装...

2019-02-16 10:14:00 1307

原创 微信小程序wepy框架学习的一些资料

前端要学习的东西实在是太多了,要记录的东西也很多,有时候会觉得很累,因为有些技术在目前的开发中基本都用不到,但这些并不是无用之功,如果有一天到真正需要运用到的时候也不至于一概不懂,就像之前公司要开发小程序是一样的道理,若不是提前有所准备,又怎么会在短短周期之内完成任务?新的一年,继续给自己制定学习计划,在年末的时候,我记得给自己写过一个计划...

2019-02-15 15:17:00 365

原创 js通过input框输入属性和值,改变div的属性

js实现在input框里面输入属性和值,页面的div的属性根据输入的属性和值进行变化。<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>函数传参,改变Div任意属性的值</t...

2019-02-14 22:37:00 4292

原创 基于mpvue框架的小程序项目搭建入门教程一

1:安装node端开发框架和环境都是需要 Node.js ,先安装node.js开发环境,vue的运行是要依赖于node的npm的管理工具来实现,下载https://nodejs.org/en/,安装完成之后,打开cmd开始输入命令。(我用的是win10系统,所以需要管理员权限,右键点击以管理员身份运行cmd),不然会出现很多报错。...

2019-02-12 19:58:00 621

原创 如何运行github上面的node+express项目

在学习过程之中,除了看完教程之外,我们还需要完成一个重要的步骤,那就是做一个项目来巩固和联系,就像是学生时代那般,上完课是要找作业来练习加深印象是一个道理。但是,去哪找靠谱的项目,有的难度太大,属于高级工程,找打了也一筹莫展,有什么问题可以去知乎上面搜索,深度还是有的。找到了一个练手的项目之后,如何运行github上面的node+express项目?以...

2019-02-11 10:28:00 2563

原创 JavaScript获取默认时间的上一个月

主要代码: date.setMonth(date.getMonth()-1);var mydateInput = document.getElementById("startTime"); var date = new Date(); date.setMonth(date.getMonth()-1);...

2019-02-10 04:05:00 2170

原创 一款基于Nodejs+express+mongodb的内容管理系统

之前的教程已经算是对Nodejs+express+mongodb技术栈的一个入门,有人问我,去哪里可以找到相关的小项目练手?今天发现了一款很好的开源项目,放在这里,多看一下源码,慢慢的就可以自己上手,进行全栈开发了。为了防止大家找起资源麻烦,mongodb入门的教程总结在一起了:mongoDB入门教程一:下载安装和环境配置、连接运行mongoDB入门...

2019-02-09 13:34:00 3010

原创 mongodb踩坑-Error: Cannot find module 'mongoose'

在输入命令npm start启动运行项目的时候,有时候会遇到这样的错误Error: Cannot find module 'mongoose',缺少mongoose这个模块。Error: Cannot find module 'mongoose' at Function.Module._resolveFilename (module...

2019-02-08 18:50:00 3765

原创 Webstorm编辑器设置背景和字号

Webstorm的默认界面似乎在UI上没有多好看,简单大方素净,同时也支持改变和调整webStorm基础设置-背景色、字体、大小,所以,作为开发者的我,就可以随意的折腾啦。1:ctrl+alt+s打开Settings界面,Editor > Colors&Fonts > Font。2:选择自己想要的字体...

2019-02-07 21:56:00 682

原创 使用Webstorm快速启动Vue项目配置

说一说关于Webstorm的具体操作的问题,这些对于大多数的人来说是一件很简单的事情,但是对于入门小白来说却能卡一下,不要问我是怎么知道的,因为我也是从只懂电脑上shift键是用来切换中英文功能的纯小白一路走过来的。1:打开一个新的项目,打开file2:选择在现有的编辑器里面打开还是新开一个窗口3:在Webstorm启...

2019-02-06 13:58:00 5810

原创 mpvue踩坑-微信开发工具无法支持vue文件

Mpvue的简单介绍以及开发时踩到的一些坑微信开发者工具不支持打开vue文件,因为微信开发者工具只是一个用户代理(即显示网站用),类似chorme浏览器一样。由于官方的微信开发者工具编辑mpvue不是很友好,所以编写的时候一般会选择一款编辑器,可以使用Sublime、webstorm、vs等。mpvue小程序项目无法像其他vue项目一样...

2019-02-05 01:03:00 1370

原创 使用webstorm来创建并且运行vue项目详细教程

准备工作,这些就不一一说明了,如果有不会的,可以去前面的教程里面看一看,找一找。1:webstorm的安装:2:node.js的安装3:安装Git4:vue-cli1:初始化一个项目打开cmd(右键管理员)或者git,进入D盘,输入创建命令,一路回车键d:vue init webpack myprojectvue...

2019-02-04 00:02:00 11146

原创 小程序中加载html5地图界面链接

这个绝对是年前上班的库存,因为回到家,就不想学习啦,更多的时间是在和家人打牌,玩游戏,然后走亲访友,吃吃吃,但想着既然参加了简书的日更计划,那么就坚决不能断更,不然前面的所有的努力都白白浪费啦。wxml<web-view src="{{mapUrl}}"></web-view>jsPage({ data: { ...

2019-02-03 10:13:00 1039

原创 mongodb踩坑- C:\Program Files\nodejs\node_cache\_logs\2019-01-08T08_49_25_665Z-debug.log

在mongodb的实际项目里面,有时候重新启动,或者命令操作频繁,会出现一些报错C:\Program Files\nodejs\node_cache\_logs \2019-01-08T08_49_25_665Z-debug.log原因是npm要访问到国外网有的时候会慢些,所以会报错。解决办法,上一篇已经说过,安装模块npm instal...

2019-02-02 09:42:00 6220

原创 2019年大前端学习指南(祈澈姑娘的学习规划)

今天是上班的最后一天,办公室的同事差不多都走光了,买的明天的高铁票,所以今天继续坚守在自己的岗位上。老板还挺好,中午要喊剩下的人一起吃火锅,算是犒劳奖励咯。上班没啥任务做,总结了一下明年的学习计划。语言语法层面1:ES6标配各种特性要熟练掌握应用。ECMAScript 6文档:http://caibaojian.com/es6/E...

2019-02-01 10:51:00 916 3

原创 微信小程序隐藏右侧滚动条并可以滚动

一开始,在固定高度的容器里面,会出现一个很难看的滚动条,要实现隐藏滚动条,还可以继续滚动的完美效果。其实很简单,只需要在css文件里面加上这样的一段代码/* 隐藏滚动条 */::-webkit-scrollbar{width: 0;height: 0;color: transparent;}完美实现:...

2019-02-01 08:23:00 6716

空空如也

空空如也

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

TA关注的人

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