- 博客(89)
- 收藏
- 关注
转载 表现与数据分离
表现与数据分离?表现与结构分离?初级开发者遇到这个词汇大家应该联想到,表现与结构分离,表现应该由CSS来控制,就是css与HTML分开嘛。表现与数据分离应该就是CSS与JS分离???其实不然。初级web开发通常会利用JS获取页面的ID或class获取页面的DOM,然后进行动态交互或渲染页面,但是,当后序升级中将包含该id的DOM删除了,那么这个时候就会报错。特别是ajax的大量运用,1...
2018-11-08 10:46:54 1660
转载 公众号如何关联小程序?
前两天,小程序迎来了「最强广告位」:在公众号文章中间,可以投放看到小程序广告。不过,目前这个功能还未正式上线,不是所有的小程序都可以投放的。那么对于普通小程序来说,想要让自己被更多的用户认识,还有什么方法呢?公众号关联小程序,无疑是最直接粗暴的方式。关联之后,你的小程序便会出现在公众号的资料页、菜单栏、甚至是图文消息里面,分分钟触达上万用户。今天,知晓程序(微信号 zxcx01...
2018-09-13 17:38:27 7977 2
转载 HTTP状态码:400\500 错误代码
一些常见的状态码为:200 - 服务器成功返回网页404 - 请求的网页不存在503 - 服务不可用详细分解:1xx(临时响应)表示临时响应并需要请求者继续执行操作的状态代码。代码 说明100 (继续) 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分,正在等待其余部分。 101 (切换协议) 请求者已要求服务器切换协议,服务器已确认并准备切换。2xx ...
2018-09-03 15:43:53 2604
原创 VUE项目中安装和使用vant组件
Vant 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件。特性50+ 个经过有赞线上业务检验的组件 单元测试覆盖率超过 90% 完善的中英文文档和示例 支持 babel-plugin-import 支持 TypeScript 支持 SSR 组件中文文档地址:https://youzan.github.io/vant/#/zh-...
2018-08-10 10:41:38 7867
原创 MAC常用终端命令
clear 清屏幕 1、显示当前目录的路径(让你实时查看当前所处的路径)pwd 2)查看当前目录下的内容(让你实时查看当前路径下的内容) ls 参数 目录名 参数: -w 显示中文,-l 详细信息, -a 包括隐藏文件,每一行开头是 “d” 则为文件夹,开头是 “-” 则为文件。 ls 显示在当...
2018-08-07 18:56:26 187
转载 微信小程序幻灯的swiper标签宽和高度自适应
本方案解决微信小程序幻灯的swiper标签宽和高度自适应方案,费话少说直接上代码:.wxhl中的代码:<swiper indicator-dots='true' indicator-color='rgba(0,0,0,0.3)' indicator-active-color='#04997C' autoplay='true' interval='5000' class='banner' st...
2018-07-05 11:00:46 2087
原创 git常用命令
$ git init // 初始化一个Git仓库$ git status // 查看仓库的状态$ git add . // 将所有修改添加到暂存区$ git add * // Ant风格添加修改$ git add *Controller // 将以Controller结尾的文件的所有修改添加到暂存区$ git add Hello* // 将所有以Hello开头的文件的修改添加到...
2018-07-04 17:58:19 161
转载 小程序自定义组件深度剖析
微信小程序组件化的解决方案从小程序基础库版本 1.6.3 开始,小程序支持简洁的组件化编程。查看自己使用的小程序基础库版本,可以通过在开发者工具右侧点击详情查看:最基本的组件小程序的组件,其实就是一个目录,该目录需要包含4个文件:xxx.jsonxxx.wxmlxxx.wxssxxx.js声明一个组件首先需要在 json 文件中进行自定义组件声明(将 component 字段设为 true 可这一...
2018-06-22 10:01:42 756
原创 小程序 自定义弹窗后禁止屏幕滚动(滚动穿透)
弹出 fixed 弹窗后,在弹窗上滑动会导致下层的页面一起跟着滚动。解决方法:在弹出层加上 catchtouchmove 事件 示例代码:<view class="modal-view" hidden="{{!showModal}}" bindtap="toggleModal" catchtouchmove="preventTouchMove"> <view class="m
2018-06-08 12:27:41 36895 8
转载 微信小程序滑动悬停
微信小程序滑动悬停2018年03月18日 21:14:06阅读数:399 图1 图2最近有个小需求,需要在滑动列表的时候,让图1中红线框部分悬停,变成图2。对于我这个前端小白,想了一下,大体思路是这样:通过系统的onPageScroll方法,监听滑...
2018-06-01 15:07:59 2817
转载 web前端开发规范
web前端开发规范麦子学院何虎老师的开发web前端开发规范课程笔记web前端开发规范的意义1、提高团队的协作能力 2、提高代码的复用利用率 3、可以写出质量更高,效率更好的代码 4、为后期维护提供更好的支持规范1、命名规则 2、文件存放位置规范 3、css书写规范 4、html代码书写规范 5、JavaScript书写及实用规范 6、图片规范 7、注释规范 8、兼容性规范 9、开发测试约定及实用工...
2018-05-22 17:49:07 5997
转载 js 彻底理解回调函数
一、前奏在谈回调函数之前,先看下下面两段代码: 不妨猜测一下代码的结果。function say (value) { alert(value);}alert(say);alert(say('hi js.'));12345如果你测试了,就会发现:只写变量名 say 返回的将会是 say方法本身,以字符串的形式表现出来。而在变量名后加()如say()返回的就会使say方法调用后的...
2018-05-22 17:37:38 3151
转载 H5项目常见问题汇总及解决方案
H5项目常见问题及注意事项Meta基础知识:H5页面窗口自动调整到设备宽度,并禁止用户缩放页面//一、HTML页面结构<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />// width ...
2018-04-26 11:50:28 267
转载 ios上fixed底部输入框被键盘遮挡的简单解决办法
ios据说不支持position: fixed;在安卓上面,点击页面底部的输入框,软键盘弹出,页面移动上移。而ios上面,点击页面底部输入框,软键盘弹出,输入框看不到了。。。非常蛋疼。查资料说什么的都有,iscroll,jquery-moblie,absolute,fixe,static,都非常复杂,要改很多。。。折腾了好久,终于另辟蹊径。var u = navigator.userAgent, ...
2018-04-23 16:30:34 7780
原创 vue中disabled 的用法
<input type="text" :disabled="disabled">data:{ disabled:false}
2018-04-03 18:57:56 91301 8
转载 详解vue生命周期
首先,每个Vue实例在被创建之前都要经过一系列的初始化过程,这个过程就是vue的生命周期。首先看一张图吧~这是官方文档上的图片相信大家一定都会很熟悉:可以看到在vue一整个的生命周期中会有很多钩子函数提供给我们在vue生命周期不同的时刻进行操作, 那么先列出所有的钩子函数,然后我们再一一详解:beforeCreatecreatedbeforeMountmountedbeforeUpdateupda...
2018-03-29 10:19:20 210
原创 Vue.JS入门篇--处理表单
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="http://cdnjs.cloudflare.com/ajax/libs/vue
2018-03-22 10:26:47 686
原创 分享一个vue写的购物车插件
先上效果图下面相关代码,<!DOCTYPE html><html><head><meta charset="utf-8"><title>Hello MUI</title><meta name="viewport" content="width=device-width, init
2018-03-06 15:05:22 1199
原创 基于Vuejs的搜索匹配功能
最近一直在看vue,查了很多资料,看了很多文档和博客,大概半知半解了,然后利用所理解的知识写了一个简单的搜索匹配功能。 大概长这个样子:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Vue测试2</title>
2018-02-26 10:23:26 12391 2
原创 display:grid布局
1. 网格列宽设置首先设置网格的父级元素display:gridgrid-template-colums:100px 10px 100px 10px 100px;1表示第1列100px,第2列10px(此列可作为列与列之间的间隙)2.网格高度设置grid-template-rows:auto 10px auto 10px;1表示第1行高度自适应内容,第2行10px(此列可作为列与列之间的间隙)3....
2018-02-08 10:16:43 695
原创 微信小程序授权获取用户详细信息openid的实例详解
这篇文章主要介绍了微信小程序授权获取用户详细信息openid的实例详解的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下小程序获取用户的头像昵称openid之类第一种使用wx.getUserInfo直接获取微信头像,昵称wx.getUserInfo({ success: function (res) { that.setD
2018-01-22 15:47:21 18230 1
原创 微信小程序实例源码大全
微信小程序实例源码大全下载微信小应用示例代码(phodal/weapp-quick)源码链接:https://github.com/phodal/weapp-quick微信小应用地图定位demo(giscafer/wechat-weapp-mapdemo)源码链接:https://github.com/giscafer/wechat-weapp-mapdemo微信小
2018-01-16 15:58:21 16653 3
原创 开发移动端页面的页面尺寸适配
之前写了一篇文章《一篇真正教会你开发移动端一面的文章(一)》。那是本篇文章的基础,如果没有阅读过的同学可以去看看,今天就给大家带来干货,真真正正的讲到如何很好的开发一个移动端的页面好了,让我们开始吧,从哪里开始呢?从设计图开始,即PSD稿件:移动端PSD稿件的尺寸肯定较之PC端的PSD稿件不同,具体体现在设计图的尺寸上,现在移动端的设计图尺寸大多以iPh
2018-01-16 15:35:47 12080 1
原创 微信小程序表单验证及页面之间参数传递
本篇文章主要以两个页面为例,介绍了小程序的表单验证的js代码和如何将一个页面中获取到用户的数据传入下一个页面,纯个人手写,不好之处希望大家指正。首先给大家展示的是表单验证的效果,主要是通过弹框来显示: 当必要信息没有填写完整的时候,页面不能跳转,而且会弹出提示信息,要求完善信息,当必要信息完成后,跳转到第二个页面:这里的弹框效果运用的是微
2018-01-16 10:49:03 1405
原创 结合个人经历总结的前端入门方法
结合个人经历总结的前端入门方法,总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限,不能保证面面俱到,只是作为入门参考,面向初学者,让初学者少走弯路。互联网的快速发展和激烈竞争,用户体验成为一个重要的关注点,导致专业前端工程师成为热门职业,各大公司对前端工程师的需求量都很大,要求也越来越高,优秀的前端工程师更是稀缺。个人感觉前端入门相对容易,但是也需要系统地认真学习,在打好基础
2018-01-11 16:44:51 323
转载 【Weex】 理性思考
【Weex】 理性思考分类:【 Weex 】 (12492)(4)什么是动态性 今天在移动端,尤其是像手机淘宝这样的 App 中,动态性问题逐渐成为一个比较棘手的问题。所谓动态性,就是把移动应用本身的灵活性、迭代更新的周期和成本优化到极致。比如手机淘宝的店铺首页,它允许商家实时装修自己的店铺,更新自家的商品、活动等信息;再比如淘宝、天猫
2018-01-04 17:42:18 297
原创 微信小程序开发之radio实现显示和隐藏功能 原创 2017年07月04日 20:33:07 标签: 前端开发 / 微信 我们在开发微信小程序的时候,经常会用到显示和隐藏,
我们在开发微信小程序的时候,经常会用到显示和隐藏,但是我们知道在微信小程序里面是不是能使用dom操作的,话不多说,直接上代码第一步.直接在wxml,首先在要选择的按钮上注册一个bindtap事件如下图第二步.在js中的pages下的data中添加 showView: true, 最后在onload中添加一个三元表达式 showView: (o
2017-12-07 20:41:55 794
原创 Vue.js组件传参案例
html lang="en">head>meta charset="UTF-8">meta name="viewport"content="width=device-width, initial-scale=1.0">meta http-equiv="X-UA-Compatible"content="ie=edge">title>Documenttitle>scri
2017-12-07 20:39:54 413
原创 git常用命令总结
Git常用命令总结 Git总结Git常用的命令与概念, 包含分支, 子模块等.Git简介Git诞生Git的诞生与Linux密切相关.Linus在1991年创建了开源的Linux, 并且有着为数众多的参与者. 在1991-2002年间, 所有的源代码都由Linus手工合并,因为Linus坚定的反对CVS和SVN, 这些集中式的版本控制系统
2017-12-04 11:15:48 813
原创 ios10中禁止用户缩放页面
在ios10前我们能通过设置meta来禁止用户缩放页面:[html] view plain copymeta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
2017-12-02 18:36:17 1770
原创 小程序获取网络状态
html:view>手机网络状态:{{netWorkType}}view> js:Page({data: {netWorkType:''}, onLoad: function () {var that=thiswx.getNetworkType({success: function(res) {that.setData({
2017-11-14 16:26:00 9391 1
原创 【小程序】微信小程序-滚动消息通知
【小程序】微信小程序-滚动消息通知 写在前面: 这次我主要想总结一下微信小程序实现上下滚动消息提醒,主要是利用swiper组件来实现,swiper组件在小程序中是滑块视图容器。 我们通过vertical属性(默认为false,实现默认左右滚动)设置为true来实现上下滚动。 (需要注意的是:只要你的swiper存在vertical属性,无论你给值为
2017-10-22 15:14:24 2930
原创 小程序图片预览
【小程序】预览图片小程序公司小程序需要实现一个图片放大预览的效果,微信里面的图片一半都有这个效果,于是找了找微信jssdk文档,找到了实现这个功能的API previewImage ;通过调用这个API 可以在小程序中实现图片的手势缩放、预览、保存图片等功能.1、预览图片参数说明:主要用到的参数就前两个 当前图片u
2017-10-10 19:53:18 1183
原创 微信小程序之下拉加载,上拉刷新
微信小程序之下拉加载和上拉刷新微信小程序下拉刷新上拉加载的两种实现方法方法一:onPullDownRefresh和onReachBottom方法实现小程序下拉加载和上拉刷新首先要在json文件里设置window属性 属性 类型 描述enablePullDownRef
2017-09-21 17:35:13 2682 1
原创 微信小程序缓存的详解
如何来将自己的数据缓存呢,一起来看看吧 首先缓存分同步和异步若是不懂,不懂可以百度,也可在下方评论 加入缓存(同步)try { wx.setStorageSync("key", "value") } catch (e) { }具体使用方法例如,如果是游戏的话获取当前登录用户的昵称,即为key,而他所获得分数为value 获
2017-09-14 10:05:50 3738
原创 微信小程序 页面跳转传参详解
微信小程序 页面跳转传参,做微信小程序必定会用的这样的功能,这里就记录下本人学习实现代码资料。刚接触微信小程序,多里面的语法和属性还不怎么聊解,如有不多的地方希望各位大神多多指教。今天来说下微信小程序怎么跳转和传参,话不多说直接上代码。实现的功能是给列表增加点击功能传参到下一页; 代码如下:
2017-09-05 17:27:36 1522
原创 微信小程序开发-form 表单提交和取值
我们知道,如果我们直接给 input 添加 bindinput,比如:,那么可以在 onUsernameInput 中直接使用 e.detail.value,即:onUsernameInput : function(e) { e.detail.value;}但是,如果有多个输入控件,我们不可能为每个控件添加 bindinput、bindchange 这类方法来获取值。我们得这
2017-09-05 14:20:54 14079
原创 label组件定义for属性
在html中利用label组件布局,把第一个组件影藏起来,给label定义for等于man,让他找到id值等于man组件,然后触发组件的事件。具体代码如下: 我是button 按钮 我是label组件内的内容 中国 美国 男 女 在JS 文件中添加clickBtn、checkboxChange、radio
2017-08-30 12:13:10 477
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人