- 博客(23)
- 收藏
- 关注
原创 web学习笔记16-移动端地址选择功能@v2.0封装
    按照之前的约定,把之前地址选择控件进行了封装,做成了一个直接可以调用的版本,不用太多繁琐的东西,直接使用。    效果如图(跟之前一样):    这次把jquery拿掉,全部都是用
2019-01-04 17:40:56 350
原创 web学习笔记15-移动端地址选择控件@v1.0简单版
好久都没有写东西了,现在干的活都是重复和简单的活,能总结出来的东西还是不太多。 目前做电商平台,其中用到选择地址的控件,不过不是自己写的,最近花时间重新自己做一个,目前就先吧功能样式,功能完成第一版,之后再进行优化和升级,最终做成组件或者是插件形式,调用只需要几行代码去完成,不过这些都是后话了,目前显示...
2019-01-04 17:39:02 777
原创 web学习笔记14-移动端页面上拉无限加载
已经有好久没有更新文章了,最近做的东西也不算多,只是没有时间更新文章,今天继续弄个给小白看的文章,一般的移动端搜索结果页或者那种分页加载的页面需要用的,上拉无限加载数据,不知道这个题目对不对,大家看了就知道是不是自己需要的东西了。 下面直接说完成过程吧,这个可以说是非常简单的一个小功能了,对于小白...
2018-03-26 15:04:22 1583
原创 web学习笔记13-移动端搜索框提示功能
最近项目一直在迭代更新,没有什么新的东西做,所以拿出来一个搜索的小模块分享下,功能就是输入关键字能出来相关字的联想吧,删除一些字的时候顺带可以保存上一段的联想,从外观上来看,效果还罢了,这里分享给大家,可以供大家看看。 效果图如下,github链接在此search_demo按照老规矩,下面就直接写编写过程了第一步:创建文件 创建相应的html,js,css文件,引入jquery。
2017-09-08 15:19:20 3002
原创 iOS学习笔记03-指纹验证TouchID简单应用2
上一篇文章简单的写了对于touchid的简单了解。因为太懒了,就没有写实例,现在就单独写一篇应用吧,这篇想做的就是一个模仿那个叫啥软件来着,某某理财类类的软件的一个指纹验证解锁。我们做出来的页面应该如下图,在app挂起到后台的时候再点击到前台的时候回出现如下页面: 这里我先挂上github的链接地址,毕竟本文的篇幅较长,也没什么人有耐心有时间看到最后,顶多看下demo,快速的知道怎么调用啥
2017-01-12 14:48:57 492
原创 iOS学习笔记02-指纹验证TouchID简单应用1
指纹验证这个功能现在在一些app中经常常见,常常与数字解锁,手势解锁联合起来使用。前几天接到说实现一个指纹验证的功能,捣鼓了挺久,然后今天,我就简单的介绍下指纹验证,会做个简单的demo实现一下基本的功能。 支持系统和机型:iOS系统的指纹识别功能最低支持的机型为iPhone 5s,最低支持系统为iOS 8。实现起来呢,其实还是很简单的,下面我们就用纯代码方式实现一个简单的demo1。第一
2017-01-12 14:48:16 498
原创 iOS学习笔记01-自定义简单弹出pickerView
UIPickerView平常用的地方好像也不是很多,顶多就是一些需要选择的地方,这次项目需要这一个功能,我就单独写了一个简单的demo,效果图如下:新增主页面弹出view,在主页面添加的代码有个小问题就是第四个直接添加在主页弹出来的view好像被导航栏给覆盖了,我还没去研究,就着急的先吧功能写了。大家谅解下最初版本 话说我终于弄了gif了,再也不要去截图每张图都发一遍了!! 这个d
2017-01-12 14:47:30 1690
原创 web学习笔记01-Jasmine-Unit-Test
Unit Test单元测试概念(Unit Testing) 又称为模块测试, 是针对程序模块(软件设计的最小单位)来进行正确性检验的测试工作。程序单元是应用的最小可测试部件。在过程化编程中,一个单元就是单个程序、函数、过程等;对于面向对象编程,最小单元就是方法,包括基类(超类)、抽象类、或者派生类(子类)中的方法。单元测试必要性 随着项目规模的增加,函数、方法、变量都在递增
2017-01-12 14:45:12 664
原创 web学习笔记02-基于Karma和Jasmine的AngularJS单元测试
简单介绍通过karma与jsmine框架对angular开发的应用程序进行单元测试。前提:nodejs,webstorm1.创建项目基本目录 创建html、js,test文件夹,在项目中创建2个文件夹分别用于存放项目中用到的index.html、index.js,index-test.js文件。 2.安装框架安装前端框架 项目中的前端框架主要为angularjs相关的框架,为了安装框架
2017-01-12 14:44:48 541
原创 web学习笔记03-angular 单元测试简单应用
angular单元测试1.创建项目2.创建文件夹在项目中创建3个文件夹分别用于存放项目中用到的html、js、test文件。3.安装框架服务器依赖于nodejs,需要安装nodejs的包,首先在根目录下创建package.json文件。安装angular等框架 npm install bootstrap -save npm install install angular -sav
2017-01-12 14:44:15 652
原创 web学习笔记04-EsLint入门学习
这两天因为公司要求,就对ESLint进行了初步的了解,网上的内容基本上都差不多,但是内容有些乱,我这呢,就跟着大部分的文章,以及官方文档整理出了一篇入门学习的文字,技术点不算特别全,但是对于新手的我来说是够的,文章的篇幅很长,内容可能有些累赘,但是按着步骤一步一步来,基本上看完也就可以对ESLint有个初步的了解了,此外一些相关文档网上还是有很多的,一些单个比较重要的技术点,网上也都会有相关的文章做
2017-01-12 14:43:44 2504
原创 web学习笔记05-EsLint规则与配置
1.EsLint规则 ESLint Rules 所有的规则默认都是禁用的。在配置文件中,使用 "extends": "eslint:recommended" 来启用推荐的规则,报告一些常见的问题,在下文中这些推荐的规则都带有一个✔️标记。Possible Errors下面的规则指出了你可能犯错误的地方。comma-dangle: 要求或禁止末尾逗号no-cond-assign: 禁止
2017-01-12 14:43:18 10369 1
原创 web学习笔记06-stylelint初探
最近呢,公司在准备新项目的开发,前期开始准备很多将来用到的东西,前两天刚在研究vue.js,有空补上一篇文章讲讲我在vue.js里面的小感想,今天开始研究新的stylelint,一个用来标准化css和scss代码的工具吧算是。这篇文章也基本上算是一个引导式的,没有研究的很深,在将来的应用过程中,遇到些什么有意思的事情,以后也会补上来,这篇呢就暂且只是对stylelint进行一个简单的介绍,和简单的应
2017-01-12 14:42:56 1734
原创 web学习笔记07-stylelint构造及规则了解
这篇文章主要是对stylelint的构造和规则,根据官网的英文文档, 我花了点时间进行了简单的翻译工作,把主要的意思大概写了一下,算是一篇笔记吧。具体的规则方面有些我就直接用有道翻译的,因为量太大了,我自己主要翻译的就是前半段,加上规则的部分内容,有道翻译的没翻译好的,我顺道给改了改。自己写的demo还没有完善好,等找时间,我完善之后上传下。 其实吧,这个stylelint用起来基本上跟esl
2017-01-12 14:42:28 14269
原创 web学习笔记08-Ionic的前后端简单交互与打包
前言:这篇文章同样是新手专用,对于一个像我一样的前端渣新来说,看看还可以,大神的话就算啦。里面涉及的点都不算太难,虽然我也有一堆东西没懂,但是跟着先敲起来,慢慢地就会理解了。这个之后还做了一个angular的前后端简单交互,道理都一样,只是pc端会出现跨域问题,需要配置一下nginx的反向代理之类的。本篇就不说这些了,因为做这个的时候没遇到这些问题,遇到的是一些网络权限的问题,在下面也都提了。1.实
2017-01-12 14:41:18 2839
原创 web学习笔记09-ionic开发app的几个小坑
1.ios设置https访问权限1.1 问题11.1.1问题描述: ionic开发的app中打包iOS,运行之后窗口报错,网络错误。Application Transport Security has blocked a cleartext HTTP (http://) resource load since it is insecure. Temporary exceptions can b
2017-01-12 14:29:51 779
原创 web学习笔记10-自定义时间选择器指令编写
好久没有更新了,最近在做一个前端angularJs项目,内容比较复杂,幸好都不算太难。前两天自己写了个简单的时间选择器,但是水平有限,写的代码量稍微有点大,就想着封装成一个指令,暴露出小时和分钟,以便在控制器中获取到,并且发送到后台。不过,之前虽然一直在写angular,指令也接触到不少,但是一直是在使用别人写好的,自己写还是第一次,就想着,正好利用下这个机会,自己尝试些一个简单点的指令也挺好的。
2017-01-12 14:27:32 431
原创 iOS 简单push和present混用退回根视图方法
今天这个真的我很想写一篇很详细的的文章来说明这两个混用后的推出方法,因为之前折磨了我很久。简单的用一张图来概括下情况。需要实现的最终结果是从F界面一下子回到A界面这里分别有六个页面,ADEF分别带有导航栏,就是一个导航控制器,而bc是没有的,因为需要将bc做成背景半透明可以看到上一个页面的内容的页面。因为技术太烂,不会用弹出框来实现效果,所以选择了present
2016-03-07 10:17:53 6017 3
原创 iOS UITableView 左滑删除cell
很多人对于左滑删除cell都不太会,我今天花了点时间看了下这个系统原生的左滑删除cell,很简单,分几步走就可以了。第一步,就是简单的创建列表tableview,然后就是设置self.tableView.delegate = self;self.tableView.datasource = self;接下来就是简单的实现代理方法了。-(NSInteger) numberOf
2016-01-19 17:04:57 2183
原创 iOS textfield 限定输入的文本长度
1.在设置文本框的基本属性的地方添加方法self.inputTextField = [UITextField alloc]init]接下来是各种基本属性,巴拉巴拉。之后是直接在设置的属性之后添加方法,[self.inputTextField addTarget:self action:@selector(changeValue) forControlEvents:UIContr
2016-01-19 17:02:14 389
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人