- 博客(42)
- 收藏
- 关注
RSS订阅
原创 This's me!了解一下
于千万人之中遇见你所要遇见的人， 于千万年之中，时间的无涯的荒野里， 没有早一步，也没有晚一步，刚巧赶上了， 那也没有别的话可说，惟有轻轻地问一声： “噢，你也在这里吗？” —— 张爱玲 《爱》我，一个不负流年，不负自己的web前端、小程序开发菜鸟程序员。 创立此博客网站，是我大三下暑假前。之前也有在GitHub上搭建自己的Hexo Next博客，因...
2018-07-04 10:16:13
334
原创 微信小程序之自定义对话框组件弹窗动画
学习微信小程序组件之后，一直都是使用别人的组件开发的，刚看到一篇文章讲解微信小程序自定义组件通俗易懂的开发案例觉得一看就会自己写组件了，真的很棒，感谢原作者的手把手教你实现微信小程序中的自定义组件，自己也添加了一些修改（修改部分样式，添加是否显示“取消”按钮功能，添加弹窗淡入淡出动画，初始化组件赋值操作等一些简单的东西和注释化流程提示）。主要是敲一遍代码学习之后才体会到原理是这样子的嘛，光看文档...
2019-01-24 12:28:29
2276
原创 微信小程序之animation底部弹窗动画（两种方法）
简单分享一下常用语购物车和下拉框（代码需要修改）的内容弹窗的动画效果，这里分享的是点击按钮后底部弹窗的动画效果。（一）实现效果简单说明一下，只有点击按钮才能出发弹窗（指定位置），弹窗弹出后，只有点击背景灰色区域弹窗才能收回，点击弹窗内容区域（粉红色部分是不能收回弹窗的），自己可以自定义粉红色部分右上角关闭按钮。（二）实现分析需要一个容器为背景色（灰色区域），一个容器为弹窗内容（粉红色区域...
2018-10-30 10:54:59
2516
1
原创 微信小程序之物流状态时间轴
一个月左右没更新博客了，最近有点懒了哈（工作上真的忙），很多工作上学习到的东西都没有及时分享出来，有点愧疚，不过自己最近一直在收集资料和学习一些新技术，最主要是想要构建自己的前端技术体系和自定义一个前端规范文档，哈哈哈。说重点啦，微信小程序里面开发的商城模板还挺多的，刚好写了一个物流状态的时间轴，简单分享一下哈。（一）实现效果真机测试的结果（图片忘记缩小了）（二）实现分析页面布局拆分：...
2018-10-25 16:08:43
8922
12
原创 CSS之实现图片叠加的层叠层问题
在工作中，也就是在微信小程序开发的时候经常用到图片叠加及层叠层的问题，但都比较好解决，就是没有好好研究其概念原理上的东西。因为自己技术及理解有限，也在网上找了很多参考资料，学习到了很多东西，简单分享一下。（一）实现效果说明一下：是通过微信开发者工具展示的小程序效果；（二）实现分析1、效果图展示的是两张图片叠加（一个是上传的图片一个是右上角的删除按钮图标）。实现的方式也是很简单：父级容器...
2018-09-22 20:05:22
23808
2
原创 微信小程序之swiper组件显示上传多张图片，点击删除图片后其余图片不显示问题（空白），但图片地址可以审查到
这个不知道是不是微信小程序官方的问题，简单描述一下遇到的问题：在使用swiper组件来预览显示用户上传的多张图片后，右上角有一个可以删除图片的按钮，用户可以点击删除符号删除上传的图片。重点是顺时针点击删除图片和删除中间的指定图片，都其余图片显示没问题。唯独删除最后一张图片，问题就来了，排序前面的图片显示不出来（空白）；但是可以查到图片组件还有图片地址的？？？（真机环境也测试过，问题效果是一样的）...
2018-09-20 11:36:26
1686
原创 微信小程序之获取后台动态数据Gird表格布局display:grid
在工作中常用的就是flex布局和grid布局了，因为本人对grid布局不是很熟练，这次主要是想模拟获取后台的动态数据来动态的设置表格布局，算是一个简单的尝试，毕竟之前没有用过。分享一下。如果对css grid布局不熟的建议看着篇文章，介绍的很详细：CSS Grid 布局完全指南(图解 Grid 详细教程)（一）实现效果跟我上一篇文章微信小程序之获取后台动态数据表格布局display:t...
2018-09-03 00:03:50
6969
原创 微信小程序之获取后台动态数据表格布局display:table
本文没有采用flex布局和grid布局来设置表格的，而是通过 display: table;来设置。一方面工作中经常用到这种自适应表格排版布局方式（包括方框列表及九宫格式），但是flex布局和grid布局来设置的话就很容易了，这次想通过另一种方法来实现，而且这种方法比较少用，所以想尝试一下，分享给大家。如果对这个属性不熟的可以参考这篇文章，介绍的很详细：css Table布局-display:...
2018-09-02 20:19:34
17789
5
原创 微信小程序之input组件：真机键盘弹窗遮盖输入框一部分或遮住输入框样式
遇到了一个比较常见，但不注意就会犯错的问题：小程序里面经常会用到组件input，属性也很丰富，如果在页面排版中，将输入固定在底部作为评论之类的，可能就会遇到一个问题，在真机上测试（移动端），点击input组件默认会将键盘弹起时，自动上推页面，就会发现，因为弹窗很容易遮住input组件相关的内容及样式。（一）问题详情1、默认没有点击input输入框（评论框）的时候： 2、点击input...
2018-09-01 15:44:18
10210
11
原创 微信小程序之页面跳转传参数据：json 字符串转对象报错
工作中遇到了这个问题，之前也有遇到过，只是没有去研究这个问题，接下来简单说明一下。（一）问题详情我们在小程序的A页面向B页面跳转的时候，传了页面参数为param（页面参数值只能是字符串，参数值是根据用户点击的信息而不同的），所以传数组或对象需要使用JSON.stringify()转换，到了B页面需要将param获取到并通过JSON.parse()解析，结果问题是有些传过来json正常解析，...
2018-08-31 17:37:28
3462
原创 微信小程序之下拉菜单的三级联动筛选框
下拉菜单很长见，网上也很多例子，自己也根据网上的资料，仿写了一个。感谢作者小小小是我提供了资料，在此做了二次开发，也分享一下，因为自己最近也需要写个小程序的下拉框的三级菜单筛选，分享给有需要的人哈。（一）、实现效果1、原作者资料的实现效果：点击跳转微信小程序仿闲鱼『下拉菜单』 2、自己二次开发的实现效果： （二）实现过程实现的代码也并不复杂，主要是控制各个容器的显示和隐藏效...
2018-08-26 13:03:57
16837
13
原创 微信小程序之简单双向调节的slider滑动选择器
简单说明一下，这是用微信官方的slider组件拼接的，没有用到其他框架哈。（一）实现效果（二）实现过程主要是将两个滑动选择器拼接在一起、各自设置所占长度比，就可以实现双向滚动调节了，但是有一个问题，我没有解决到，就是一个固定的滑动区域内，左右滑块可以相互交接互相滑动，尝试了一下没弄出来。 1、wxml代码：<view class='sliderHCon'> ...
2018-08-22 23:14:17
8327
3
原创 微信小程序之scroll-view横向滚动不能显示
之前在写scroll-view（可滚动视图区域）遇到一个问题，花一点时间记录分享一下，竖向滚动视图没什么大问题，只需要设置height：rpx; 滚动高度区域，然而横向滚动区域就需要注意两个问题了。（一）实现效果（二）注意设置两个属性一开始以为只要照着微信官方的文档介绍就可以想怎么写就怎么写了，结果一直调试不出来，按照官方介绍的属性设置了，子元素容器会各占一行，而且，父元素容器会内...
2018-08-22 14:43:57
7267
8
转载 微信小程序详解——小程序的生命周期和页面的生命周期
从事小程序开发已经三个星期了，本来自己最近也想写一个小程序生命周期和页面的生命周期文章的，主要是工作上的理解角度来写的，但看到这篇文章写的很详细，很容易理解，推荐分享一下，以下是原文内容： 我是一名安卓程序员，我们安卓中最明显的特征就是类具有生命周期。所以当开发小程序的时候，我自然而然的会先研究小程序的生命周期。在Android中是通过Application来管理安卓程序的生命周期，小程序...
2018-08-12 17:22:27
4187
原创 微信小程序去除Button默认样式
在小程序开发过程中，使用率蛮高的组件button，因为经常要去除默认样式，然后再自定义样式，所以经常写，自己也总结分享一下简单的实现步骤。（一）实现效果1、实现前（默认样式）： 2、实现后（去除默认边框和背景色）： （二）实现过程1、使用::after 伪类选择器，因为button的边框样式是通过::after方式实现的，如果在button上定义边框就会出现两条边框线，所以...
2018-08-10 10:38:15
60757
11
转载 推荐学习的微信小程序开源框架
最近看到的一篇文章，关于小程序开源框架的，涉及的框架自己也有接触、了解过，挺好的一篇文章，所以就拿来分享一下，以下是原文转载： 特别说明：这是我目前在接触过和使用过的，自认为是最好用的一个小程序开源框架库。小程序到底有多火，看看目前推出的开源框架以及组件库就知道了。由于小程序开发的火爆，大家都在致力于探索如何更好的，更加高效的 … 特别说明：这是我目前在接触过和使用...
2018-08-06 09:45:44
1616
原创 微信小程序图片遮罩层demo
在工作中经常会用到遮罩层弹窗，所以简单分享一下，之前写过的一个弹出广告图片遮罩层功能demo。（一）实现效果（二）实现过程实现过程主要是设置css样式，比较容易理解。 1、设置wxml代码布局：设置一个背景布局：用来显示灰色背景；嵌套一个显示展示图片容器，嵌套一个显示闭关按钮的容器。 <view class="b1" hidden="{{flag}}">...
2018-07-29 17:13:13
8301
1
原创 微信小程序登录欢迎页面demo
之前有用过小程序的欢迎页面，也是GitHub上找到的一个案例。近期有用到，简单的分享一下，可以让有需要的人避免重复造轮子和更好的创新学习。（一）效果预览直接看效果如何，是否符合您的要求，不符合直接结束浏览，避免浪费您的时间。 （二）代码目录简单实用，直接下载工具打开预览，代码下载 （三）参考文献微信小程序商城，微信小程序微店...
2018-07-29 12:24:34
18413
10
转载 css中的position定位
在复习position定位属性，看到一篇介绍很棒的文章，所以转载记录一下。原文章地址点击跳转。今天给大家分享一下，深度思考中的知识点——position定位有哪几种?各有什么特点?一、背景介绍position是CSS中非常重要的一个属性，通过position属性，我们可以让元素相对于其正常位置，父元素或者浏览器窗口进行偏移。二、知识剖析position概念： CSS的很多其他...
2018-07-15 22:05:19
431
原创 div+css设置水平垂直居中方法
之前写前端页面经常会遇到这个问题，所以抽了个时间总结了一下这些常用的方法，通常分为两种情况来设置：已知宽高和未知。简单的分享一下经验。（一）已知宽高情况的设置position：absolute;，margin：auto;使用position的绝对定位和margin的居中定位 ，四个方向位置距离设置成一样就行了（通过填充父元素的可用空间 ，子元素设定了宽高，那么多余的空间，被margin：...
2018-07-15 16:34:45
291
转载 Vue 进阶教程之：详解 v-model
本文声明：这是转载简书上的一篇文章，原作者Yi罐可乐，写的这篇文章非常详细却容易理解，对v-model的理解有了更深入的认识，感谢。以下是原文，也可以点击跳转到原文章查看Vue 官网教程上关于 v-model 的讲解不是十分的详细，写这篇文章的目的就是详细的剖析一下， 并介绍 Vue 2.2 v-model 改进的地方，然后穿插的再说点 Vue 的小知识。在 Vue 中，有许多方法和 An...
2018-07-15 14:42:19
461
原创 vue2.0基础知识坑（一）
学完vue2.0，在写代码啦官网的方方老师的《Vue 自测题》测试了一下，惨不忍睹，记录一下测试中的错误知识点及坑。 （一）安装与介绍v-bind绑定之问题 html部分： <div id="app"> <span ____________???____________> 鼠标悬停几秒钟查看此处动态绑定的
2018-07-14 11:30:41
341
原创 提取wux-weapp的微信小程序筛选框：FilterBar
本来是一个GitHub上wux-weapp组件的筛选框，但是整个项目过于系统化，想提取某个组件都是有点难度的，首先要看得懂某个组件的整个生命逻辑，所以自己也是摸索过来的，便简单的提取了wux-weapp组件的FilterBar筛选框的部分功能，满足个人需求及分享一下。（一）原组件信息原组件是GitHub上的wux - 微信小程序自定义组件可以实现对话框、指示器、五星评分等22种功能。点...
2018-07-12 19:32:12
5485
原创 JavaWeb学生课程评教管理系统
JSP学生课程评教管理系统（一）系统介绍本系统是针对我们学院课程接近期末会用纸质版评教卡对老师本学期的课程评分的不便及效率问题而做的在线学生课程评教管理系统。本系统主要包括系统管理员、教师、学生三种类型的用户，以下是主要功能，其他以实际开发为准。 1. 系统管理员：完成系统管理与维护，例如，维护学生、教师及管理人员的维护。管理课程信息、课程评比、课程评教卡内容等。 2. 教师：可以...
2018-07-12 19:03:24
9115
37
原创 vue2.0实战项目——简单的快餐店系统
最近学习vue看到网上很多学习的资料，就找了一个项目系统练习，主要是想学习了的一些知识点，系统的组合运用一遍。网上根据技术胖老师博客的内容自己也实战了一遍，挺实用的，对vue框架有了更深入的了解以及自身能力的提升。欢迎下载使用或二次开发。（一）项目分析这个项目主要是实现在线的用户点餐以及对点餐列表商品的增删改查等功能；然后使用mockplus工具画出草图，主要是方便开发。 ...
2018-07-12 18:18:36
26051
24
原创 web服务器live-server的安装及使用
在写一下简单的项目或学习一些技术的练习，没有服务器的话，每次写的代码都需要手动刷新浏览器。有点无奈，但是如果你安装了这个live-server 服务器就可以不用手动刷新，实时预览自己写的代码了。（一）安装1.前提条件需要node.js和npm的依赖（可以自己先搞定，不难）； 2.使用npm全局安装：npm install -g live-server（本人使用淘宝镜像安装的） （二...
2018-07-10 11:50:42
11287
1
原创 vue-cli2.x简单的跨域请求demo（fetch、axios、proxyTable）
学习中需要应用到跨域请求的问题，找了资料，也自己写了一个简单的demo，应用到fetch方法或axios方法，前提都需要配置proxyTable，特别感谢：Web前端网站教程-米斯特吴老师提供的案例和请求接口。（一）安装vue-cli2.x脚手架如果还没安装的，或安装过程不熟的，可以参考这篇文章教程，写的很详细——Vue2.0史上最全入坑教程（上）—— 搭建Vue脚手架（vue-cli...
2018-07-09 18:04:59
2626
原创 vue-cli2.x中的vue-router和vue-resource的应用
简单记录一下这两个插件的使用方法，写了一个demo，方便理解及应用。（一）安装vue-cli2.x脚手架如果还没安装的，或安装过程不熟的，可以参考这篇文章教程，写的很详细——Vue2.0史上最全入坑教程（上）—— 搭建Vue脚手架（vue-cli），这个文章作者真的很用心，向他学习。（二）安装vue-router和vue-resource插件如果在安装脚手架的时候安装了vue-ro...
2018-07-09 10:54:18
1581
原创 vue-cli2.x中的render: h => h(App)解析
对于这个，可能es6语法不熟的人很容易产生懵懂，因为我也不熟，所以记录一下，毕竟这也是个重要的知识点。（一）遇到的问题代码：new Vue({ el: '#app', router,//实例化，表示会使用 render: h => h(App)//vue2.0写法 //以下是vue1.0的写法 //components: { App },//注册组件信息 ...
2018-07-08 17:53:19
4276
原创 Vue.js2.0生命周期的理解与应用
在学习vue2.x入门后，开始慢慢熟悉vue的模式和开发脚手架项目实践过程中，需要对生命周期钩子函数一定的理解，多少会用到这些钩子函数，根据自己的理解写了一下，欢迎指正或学习交流。（一）vue2.x生命周期图（二）生命周期钩子函数说明 生命周期钩子函数 说明 beforeCreate 在实例初始化之后，数据观测(data observer) 和 event...
2018-07-08 13:06:51
734
原创 vue2.0基础知识点（一）
本文针对自己学习官方文档时，总结一些易容易混淆的知识点做一下记录。欢迎指正或学习交流。（一）常用基础知识点v-on:click=''、@click=''、:click='' 三种写法； 注意函数调用：直接使用双花括号调用函数是要使用函数名+括号，其他直接使用函数名即可，或使用函数名+括号（click事件中）注意传参的函数必须带括号，可以不带参数，不然会报错对象空值；v-if=''...
2018-07-07 21:41:54
557
原创 使用vue-cli2.x入门简单demo游戏
vue-cli2.x-demo第一次使用vue-clix2.x搭建一个小demo游戏。代码文件有很多注释信息，通俗易懂的使用这个脚手架搭建一个入门小项目哈。介绍使用使用默认创建的脚手架；修改App.vue、HelloWorld.vue文件，assets文件夹添加了两张图片；然后编译运行；运行截图参考文献Web前端网站教程-米斯特吴源码在我的Git...
2018-07-05 12:47:24
704
原创 [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available
相信很多初学者使用vue-cli2.x初始化脚手架项目的时候或者webpack配置的时候会遇到这个问题： 一开始初始化项目配置的时候，有两个运行环境配置的版本：Compiler版本、Runtime版本。简单说一下这两个版本的区别：当对template模板内容编译是需要对字符串进行模板渲染或者可以绑定的html对象作为模板进行渲染的方式，就需要使用Compiler版本。示例如下：...
2018-07-04 23:57:44
11601
2
原创 myeclipse 2015 CI key 破解教程 亲测可用（内附工具）
（一）下载破解工具： 点击跳转下载：百度云 密码：9ade 注：如果被和谐请留下邮箱我转发给你（二）破解步骤：1.关闭myeclipse 2015 CI软件，点击运行 crack.bat文件 2.输入 UserCode的内容，请随便输入英文数字字符，点击 SystemId，然后点击 Active 3.点击菜单 Tools -> 2.SaveProperties...
2018-07-02 11:20:03
10809
21
原创 java.lang.UnsupportedClassVersionError: Unsupported major.minor version 52.0编译错误解决方法
相信很多人都有遇到过，当你JDK的版本和JVM版本不一致时，报错页面如下： 解决方法是： （1）查看自己的jre的版本： 点击该项目右键-》Properties-》点击如下箭头 （2）查看到版本之后，选择箭头指引的位置修改版本号： （3）重启服务器，运行成功： 想了解具体原理的可以参考这篇文章，讲的很详细。点击跳转如果觉得对您有帮助，请点个赞支持一下，谢谢。...
2018-07-01 11:18:34
5496
4
原创 vue基础父子组件输入动态传值
在学习vue2.x的时候，遇到了一个问题，就是父子组件如何传递动态输入的值，文档介绍都是传递固定值的，比如我想传递一个刚输入的值呢，子组件如何显示？一下就是简单的代码：注：本人使用的是官方的脚手架学习的，就可以通过父级组件向子级组件传递动态输入的值（此处以对象为例），然后本人重写了一个测试页面，直接复制代码就可以运行的：<!DOCTYPE html><html lang...
2018-06-26 23:11:06
4102
1
原创 常用的 Markdown 语法格式来编写文章
Markdown 编写文章攻略注：本教程需要一点对markdown语法格式的了解，什么都不知道的，请直接看献给写作者的 Markdown 新手指南的参考资料，再来看本文，会更好的去学习。基本排版格式(一) 目录编辑导航目录链接制作,一般使用二级、三级标题格式(需要解析)第一种方式获取标题： * TOC {:toc}小标题无序目录(注意空格)* 目录一* ...
2018-06-23 12:10:55
1064
原创 HTTP：简单的学习笔记
作为一个开发人员，如果您经常跟客户端、服务器打交道，肯定要懂点HTTP协议内容，对于开发调试至关重要。 HTTP协议 （HyperText Transfer Protocol，超文本传输协议）是因特网上应用最为广泛的一种网络传输协议，所有的WWW文件都必须遵守这个标准。它是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）。简单介绍一下内容： 1. ...
2018-06-23 12:03:12
172
原创 关于SQL Server的Exec实现动态查询语句
在Sql Server查询语句中使用变量表示表名、列字段名等动态查询方式前言今天看了《SQL Server数据库应用技术》的书，遇到的点疑惑也解决了，顺便分享一下。我本来也要想做一个JSP的动态网页，也要用到这个数据库的查询语句的知识点，所以正好实用。（注：需要点SQL Server基础知识）（一）exec与sp_executesql的区别EXEC和sp_executesql都...
2018-06-23 11:54:15
18068
2
原创 Java与Sql JDBC数据库连接及相关操作
本人第一次使用Java来连接 SQL Server Management Studio ，记录一下自己的连接过程，也是为了方便他人，减少不必要的麻烦。（一）、下载安装数据库连接驱动下载网址：https://www.microsoft.com/en-US/download/details.aspx?id=11774点击下载点击运行解压，解压路径默认或自定义，后面要用到然后将解...
2018-06-23 11:45:52
439
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人