- 博客(51)
- 收藏
- 关注
RSS订阅原创 小程序隐藏右侧滚动条
一开始，在固定高度的容器里面，会出现一个很难看的滚动条，要实现隐藏滚动条，还可以继续滚动的完美效果。其实很简单，只需要在css文件里面加上这样的一段代码/* 隐藏滚动条 */::-webkit-scrollbar{width: 0;height: 0;color: transparent;}完美实现：原文作者：祈澈姑娘 技术博客：https://w...
2019-03-27 17:56:20
1555
原创 2019年前端学习路线
今天是上班的最后一天，办公室的同事差不多都走光了，买的明天的高铁票，所以今天继续坚守在自己的岗位上。老板还挺好，中午要喊剩下的人一起吃火锅，算是犒劳奖励咯。上班没啥任务做，总结了一下明年的学习计划。语言语法层面1：ES6标配各种特性要熟练掌握应用。ECMAScript 6文档：http://caibaojian.com/es6/ES6中文手册：https://www.jia...
2019-03-27 17:04:09
296
原创 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 install mongoose如果安装模块之后...
2019-03-27 17:03:18
3385
1
原创 小程序中加载h5界面
这个绝对是年前上班的库存，因为回到家，就不想学习啦，更多的时间是在和家人打牌，玩游戏，然后走亲访友，吃吃吃，但想着既然参加了简书的日更计划，那么就坚决不能断更，不然前面的所有的努力都白白浪费啦。wxml<web-view src="{{mapUrl}}"></web-view>jsPage({ data: { deviceId: "", ...
2019-03-27 17:01:32
2517
原创 用webstorm创建运行vue项目
准备工作，这些就不一一说明了，如果有不会的，可以去前面的教程里面看一看，找一找。1：webstorm的安装：2：node.js的安装3：安装Git4：vue-cli1:初始化一个项目打开cmd（右键管理员）或者git，进入D盘，输入创建命令，一路回车键d:vue init webpack myprojectvue2：创建完成之后可以看到d盘默认的出现了项...
2019-03-27 16:53:03
2690
原创 微信开发工具无法支持vue文件
Mpvue的简单介绍以及开发时踩到的一些坑微信开发者工具不支持打开vue文件，因为微信开发者工具只是一个用户代理(即显示网站用)，类似chorme浏览器一样。由于官方的微信开发者工具编辑mpvue不是很友好，所以编写的时候一般会选择一款编辑器，可以使用Sublime、webstorm、vs等。mpvue小程序项目无法像其他vue项目一样直接打开localhost：8080在浏览器里...
2019-03-27 16:52:02
4235
原创 用Webstorm启动Vue项目
说一说关于Webstorm的具体操作的问题，这些对于大多数的人来说是一件很简单的事情，但是对于入门小白来说却能卡一下，不要问我是怎么知道的，因为我也是从只懂电脑上shift键是用来切换中英文功能的纯小白一路走过来的。1：打开一个新的项目，打开file2：选择在现有的编辑器里面打开还是新开一个窗口3：在Webstorm启动项目可以选择在终端输入命令npm run...
2019-03-27 16:51:20
3208
原创 Webstorm的背景和字号调整
Webstorm的默认界面似乎在UI上没有多好看，简单大方素净，同时也支持改变和调整webStorm基础设置-背景色、字体、大小，所以，作为开发者的我，就可以随意的折腾啦。1：ctrl+alt+s打开Settings界面，Editor > Colors&Fonts > Font。2：选择自己想要的字体3：字体大小的设置4：背景颜色的设置...
2019-03-26 14:00:23
424
原创 Error: Cannot find module 'mongoose'
在输入命令npm start启动运行项目的时候，有时候会遇到这样的错误Error: Cannot find module 'mongoose'，缺少mongoose这个模块。Error: Cannot find module 'mongoose' at Function.Module._resolveFilename (module.js:536:15) at Fu...
2019-03-26 13:59:33
2970
1
原创 Nodejs+express+mongodb的内容管理系统
之前的教程已经算是对Nodejs+express+mongodb技术栈的一个入门，有人问我，去哪里可以找到相关的小项目练手？今天发现了一款很好的开源项目，放在这里，多看一下源码，慢慢的就可以自己上手，进行全栈开发了。为了防止大家找起资源麻烦，mongodb入门的教程总结在一起了：mongoDB入门教程一：下载安装和环境配置、连接运行mongoDB入门教程二：推荐一款好用的mongoDB可视...
2019-03-26 11:39:00
978
1
原创 JavaScript获取默认时间的上一个月和下一个月
主要代码： date.setMonth(date.getMonth()-1);var mydateInput = document.getElementById("startTime"); var date = new Date(); date.setMonth(date.getMonth()-1); var dateStr...
2019-03-26 11:38:19
3775
1
原创 运行github上面的node+express项目的步骤
在学习过程之中，除了看完教程之外，我们还需要完成一个重要的步骤，那就是做一个项目来巩固和联系，就像是学生时代那般，上完课是要找作业来练习加深印象是一个道理。但是，去哪找靠谱的项目，有的难度太大，属于高级工程，找打了也一筹莫展，有什么问题可以去知乎上面搜索，深度还是有的。找到了一个练手的项目之后，如何运行github上面的node+express项目？以这个github源码示例：https:...
2019-03-26 11:02:51
803
原创 小程序mpvue环境搭建教程
1：安装node端开发框架和环境都是需要 Node.js ，先安装node.js开发环境，vue的运行是要依赖于node的npm的管理工具来实现，下载https://nodejs.org/en/，安装完成之后，打开cmd开始输入命令。（我用的是win10系统，所以需要管理员权限，右键点击以管理员身份运行cmd），不然会出现很多报错。2：查看node的版本号下载好node之后，以...
2019-03-22 14:19:17
233
原创 js通过input框输入属性和值，改变div的属性
js实现在input框里面输入属性和值，页面的div的属性根据输入的属性和值进行变化。<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>函数传参，改变Div任意属性的值</title> <style&...
2019-03-22 14:02:59
1279
原创 wepy资料汇总
前端要学习的东西实在是太多了，要记录的东西也很多，有时候会觉得很累，因为有些技术在目前的开发中基本都用不到，但这些并不是无用之功，如果有一天到真正需要运用到的时候也不至于一概不懂，就像之前公司要开发小程序是一样的道理，若不是提前有所准备，又怎么会在短短周期之内完成任务？新的一年，继续给自己制定学习计划，在年末的时候，我记得给自己写过一个计划， 2019年大前端学习指南（祈澈姑娘的学习规划）...
2019-03-22 14:02:11
122
原创 wepy入门教程-搭建开发环境
文档wepy快速指南 小程序框架wepy开发文档 wepy开源 wepy官方文档1：安装node端开发框架和环境都是需要 Node.js ，先安装node.js开发环境，WePY借鉴了Vue.js（后文简称Vue）的语法风格和功能特性，vue的运行是要依赖于node的npm的管理工具来实现，下载https://nodejs.org/en/，安装完成之后，打开cmd开始输入命令。（我...
2019-03-22 13:47:26
847
原创 'wepy' 不是内部或外部命令，也不是可运行的程序 或批处理文件。
在学习安装wepy创建项目的时候，开启实时编译，出现了这样的一个报错：'wepy' 不是内部或外部命令，也不是可运行的程序或批处理文件。原因：wepy放得文件夹位置不对。进入C:\Windows\System32\node_modules发现并没有这个文件夹：wepy-cli可能是以前初学node的时候，反复卸载安装，导致了有路径重复或者文件遗漏的问题，才导致这样的...
2019-03-21 14:36:49
2895
原创 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.js' at Fun...
2019-03-21 14:36:25
8287
原创 怎么运行项目wepy源码
文档wepy快速指南 小程序框架wepy开发文档 wepy开源 wepy官方文档在之前，已经准备好几个源码现在要运用的是wepy仿微信聊天界面多看看源码，然后动手做一下差不多就可以了解一二了查看并运行源码-wepy仿微信聊天界面https://github.com/wepyjs/wepy-wechat-demo接上篇，安装好运行环境之后。1：下载github上的源码到本...
2019-03-21 14:35:29
826
1
原创 wepy框架向左滑动删除
文档wepy快速指南 小程序框架wepy开发文档 wepy开源 wepy官方文档 微信小程序wepy框架资源汇总1:使用微信小程序框架wepy - 滑动删除插件用命令安装 npm install wepy-swipe-delete --save或者 cnpm install wepy-swipe-delete --save2:在WebStorm里面打开初始化生成...
2019-03-21 14:33:59
274
原创 wepy框架安装less/sass
文档wepy快速指南 小程序框架wepy开发文档 wepy开源 wepy官方文档 微信小程序wepy框架资源汇总使用sass原因1：Sass完全兼容所有版本的CSS2：Sass拥有比其他任何CSS扩展语言更多的功能和特性3：增加了一些高级功能，这些拓展令 CSS 更加强大项目里会使用到，所以要提前安装一下。在wepy里面安装less/sass操作步骤：1:安...
2019-03-21 14:33:23
485
原创 wepy底部导航栏效果
文档wepy快速指南 小程序框架wepy开发文档 wepy开源 wepy官方文档wepy是腾讯自己开发的框架，作用主要是提高开发者的开发效率，采用了类似使用了vue的代码书写风格，开发者可以熟练的上手小程序开发。先上效果图1：新建四个界面在components底下新建四个wepy文件分别是message 消息列表界面<template> ...
2019-03-21 14:32:31
315
原创 Echarts多条折线图ajax
先看效果图，效果图如下。html<div class="row" ><div id="main"></div></div>js// ajax加载数据$.ajax({ url : ROOT + "/index/count", async : false, type : 'GET', ...
2019-03-21 14:31:39
1237
原创 CSS3实现网站鼠标悬停动画
这是一个很简单的效果，简单的记录一下代码，先看效果图。<!DOCTYPE html><html lang="en" class="no-js"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=de...
2019-03-21 14:31:02
2297
原创 从一个页面跳转到另一个页面的指定tab选项卡
最近事情比较多，小婷已经没有足够的时间去学习新的知识点，就写一写简单的东西吧，这些还是从前学习前端的时候留下的课堂的笔记，那个时候喜欢记笔记，觉得总是有用的上的地方，毕竟好记性不如烂笔头。思路：从页面 a 通过 url ？ 后面的参数给页面b 传一个 index，页面b通过这个参数来控制该选项卡的切换a页面：<a href="b.html?type=1">校园招聘&l...
2019-03-21 14:30:06
3982
转载 前后端数据交互之数据接口
前后端数据交互之数据接口废话就不多说了，我们都知道，前端通常会通过后台提供的接口来获取数据来完成前端页面的渲染。1.前端通过接口调用后台返回的数据<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html&...
2019-03-20 15:31:44
18536
1
原创 npm ERR! cb() never called!
在安装微信小程序框架wepy - 滑动删除插件 https://github.com/GeoffZhu/wepy-swipe-delete的时候报错。命令npm install wepy-swipe-delete --save报错：$ npm install wepy-swipe-delete --savenpm ERR! cb() never called!npm...
2019-03-20 11:44:56
309
原创 未发现相关 sass 编译器配置，请检查wepy.config.js文件
执行 wepy build编译的时候，会出现这样的错误[WARNING] 找不到编译器：wepy-compiler-sass。[Error] 未发现相关 sass 编译器配置，请检查wepy.config.js文件。解决办法查看文档，检查wepy.config.js文件原因：没有安装sass 编译器，所以需要手动安装和配置一下。//安装sassnpm i node...
2019-03-20 11:44:35
980
原创 wepy触摸内容滑动效果
文档wepy快速指南 小程序框架wepy开发文档 wepy开源 wepy官方文档 微信小程序wepy框架资源汇总1:微信小程序触摸内容滑动解决方案，适用于wepy框架用命令安装npm install wepy-com-swiper --save或者cnpm install wepy-com-swiper --save2:在WebStorm里面打开初始化生成的项目...
2019-03-20 11:43:40
295
原创 小程序二维码验证问题
需求：1：扫码返回的结果必须是DECA开头,否则提示非法二维码2：扫码返回的结果必须是16位3：支付宝，微信等其他非项目公司提供的二维码扫描均无效正则：const reg = /^DECA[A-Za-z0-9]{12}$/;主要代码： wx.scanCode({ success: (res) => { const result =...
2019-03-20 11:42:39
565
原创 CSS仿微信头像右上角消息数字提示
今天写个简单的小demo，关于CSS实现头像右上角消息数字提示，样式如下如图所示，在微信和扣扣消息里面比较常见。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <...
2019-03-20 11:39:59
1261
原创 css控制子元素的出现和隐藏
前两天不知道是哪位同学问的问题，鼠标滑过一个div的时候，怎么控制子集元素属性的出现和隐藏，然后我说用用mouseover和mouseout这两个鼠标事件就行，那如果js不怎么熟悉的时候，可以用CSS: hover方法来写吧。方法：使用a 控制其他块的样式：使用a控制a的子元素 b： .a:hover .b { background-col...
2019-03-20 11:38:59
1562
原创 9个很受欢迎的vue前端UI框架
最近在逛各大网站，论坛，SegmentFault等编程问答社区，发现Vue.js异常火爆，重复性的提问和内容也很多，小编自己也趁着这个大前端的热潮，着手学习了一段时间的Vue.js，目前用它正在做自己的公司项目。学习的过程之中发现继最热的 React 组件库和 Angular 组件库之后，这里有很多个流行和实用的 Vue.js 组件库完善你的下一个用 Vue.JS 编写 UI 界面的应用程序。...
2019-03-19 18:26:39
592
原创 前端常见的21个框架总结
前端的技术日渐更新，最近得空，花了一上午的时间，将前端常见的UI框架总结了一下，在开发的过程之中，有了这些，不断能够提高自己的工作效率，还可以在工作之余了解更多。希望大家喜欢。1.Layui官方网址：http://www.layui.com/Layui是一款采用自身模块规范编写的国产前端UI框架，遵循原生HTML/CSS/JS的书写与组织形式，门槛极低，拿来即用。从核心代码到API的每...
2019-03-19 18:25:18
487
转载 react-native 支付宝支付 （react-native-yunpeng-alipay）
使用react-native-yunpeng-alipay完成android ，ios支付宝支付代码地址 https://github.com/dai1254473705/react-native-alipay一、android1. 安装 react-native-yunpeng-alipay 三方插件windows: npm install react-native-yunpe...
2019-03-19 18:22:52
901
原创 小程序在获取当前定位地点
小程序在获取当前位置信息在地图上显示api:https://developers.weixin.qq.com/miniprogram/dev/api/wx.getLocation.html主要方法：wx.getLocation({ type: 'wgs84', success(res) { const latitude = res.latitude const l...
2019-03-19 17:57:23
2655
原创 小程序点击页面联系地址，会自动定位到联系地址中的位置
昨天写的是获取当前所在的位置在地图上显示，在实际工作中，会有这样的业务需求，页面上回留下联系电话和联系地址，点击联系地址，会自动定位到联系地址中的位置，比如说，我们要去华侨城商业中心，直接点击链接，打开地图导航。需要准备制定地址的经度和纬度地址即可。wxml <view bindtap="getLocation">华侨城商业中心</view>js...
2019-03-19 17:56:35
641
原创 小程序拨号键盘功能
老规矩，先看api:https://developers.weixin.qq.com/miniprogram/dev/api/wx.makePhoneCall.html这里的方法很简单wx.makePhoneCall({ phoneNumber: '1340000' // 仅为示例，并非真实的电话号码})功能：点击页面拨打电话，会调出手机拨号键盘，显示相应的想要拨打的电话，类...
2019-03-19 17:55:54
790
原创 eclipse项目报错的解决方案
有时候从svn上面拉下来项目之后，会出现在错误，项目文件夹上有红色的叉号，这个时候，需要绑定jdk原文作者：祈澈姑娘 技术博客：https://www.jianshu.com/u/05f416aefbe1...
2019-03-19 17:52:34
196
原创 解决echarts的叠堆折线图数据出现坐标和值对不上的问题
说一个小bug，解决echarts的叠堆折线图数据出现坐标和值对不上的问题。在echarts的叠堆折线图中，有这样的一个问题，从后端请求过来的数据是正确的，但是请求的y轴的值和y轴坐标对不上。这个时候，查看了一下代码，因为是三条折线叠堆，打开代码看了一下属性发现stack的值都是一样的，因此，出现了这样的bug解决办法：stack的值修改，每个都不一样，就...
2019-03-19 17:52:03
3221
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人