SF
线上猛如虎,线下怂如鼠(WhyNotBetter)
线上猛如虎,线下怂如鼠(WhyNotBetter)
注册登录
关注博客
注册登录
主页
关于
RSS
小程序开发-梳理登录流程-v1.0
线上猛如虎
2018-10-21
阅读 5 分钟
6k
最近发现小程序的登录逻辑还有一些新的心得,所以记录一下。 一、官方微信小程序登录流程个人理解 在小程序官网里面会提到一个小程序的登录逻辑,这是官方推荐的登录逻辑,也就是所谓的小程序登录态维护逻辑,这里是官方的图: 官方逻辑的个人理解: 用户打开微信小程序。 也可以是在需要的时候处理这个逻辑,不一定是打...
我来重新学习js 的面向对象(part 5)
线上猛如虎
2018-10-14
阅读 8 分钟
1.3k
这是最后的最后了,我会顺便总结一下各种继承方式的学习和理解。(老板要求什么的,管他呢) 一、继承-组合继承、伪经典继承 图片来自:[链接] 这是一种将原型链和借用构造函数的技术结合起来的一种继承模式。不是假合体,是真合体! 核心思想是: 使用原型链实现对原型属性和方法的继承。 通过借用改造函数来实现对实例...
我来重新学习js的面向对象(part 4)
线上猛如虎
2018-10-13
阅读 7 分钟
1.3k
续上一篇,随着业务越来越大,要考虑一些继承的玩意了,大千世界,各种东西我们要认识和甄别是需要靠大智慧去分门别类,生物学中把动植物按界、门、纲、目、科、属、种进行分类的方法可能是最有代表的实例之一.........
我来重新学习 javascript 的面向对象(part 3)
线上猛如虎
2018-08-26
阅读 3 分钟
1.2k
续上一集内容,有一些数据不需要共享的时候,但是又想实现共享数据处理,鱼与熊掌,都要兼得(老板就是这么霸气),那么经过工程师们的智慧交流,他们发现现实并非那么残酷,还有一些办法可取的,也就是组合使用构造函数模式和原型模式 和 动态原型模式
我来重新学习 javascript 的面向对象(part 2)
线上猛如虎
2018-08-22
阅读 7 分钟
1.6k
续上一集内容,通过构造函数的方式,成功地更新了生产技术,老板笑呵呵,工人少奔波,只是问题总比办法多,又遇到一个新问题,就是会造成一些资源的重复和浪费,那么经过工程师们的智慧交流,他们产生了一个新技术,原型模式。
我来重新学习 javascript 的面向对象(part 1)
线上猛如虎
2018-08-22
阅读 3 分钟
1.2k
很多job 的描述都说要求精通 javascript 面向对象编程,但是根据一般的套路,写精通其实就是熟练,写熟练其实就是一般,写一般其实就是懵逼!
关于ajax学习笔记
线上猛如虎
2018-08-19
阅读 17 分钟
2.1k
ajax全称Asynchronous JavaScript and XML(异步的javascript和XML),为什么会有这么一种技术的出现呢,因为前端时常会有这样的需求,我们只要局部刷新,不需要整一个刷新的时候,便催生了这样的技术。
jsonp-反向代理-CORS解决JS跨域问题的个人总结(更新 v2.0)
线上猛如虎
2018-08-18
阅读 8 分钟
3.3k
网上说了很多很多,但是看完之后还是很混乱,所以我自己重新总结一下。 解决 js 跨域问题一共有8种方法: jsonp(只支持 get) 反向代理 CORS document.domain + iframe 跨域 window.name + iframe 跨域 window.postMessage location.hash + iframe web sockets 各个方法都有各自的优缺点,但是目前前端开发方面比较常用...
一道js闭包面试题的学习
线上猛如虎
2018-08-18
阅读 4 分钟
2.6k
最近看到一条有意思的闭包面试题,但是看到原文的解析,我自己觉得有点迷糊,所以自己重新做一下这条题目。 闭包面试题原题 {代码...} 一、关于这个函数的执行过程 先大致说一下这个函数的执行过程: ① 初始化一个具名函数,具名函数就是有名字的函数,名字叫 fun。 ② 第一个 fun 具名函数执行之后会返回一个对象字面量...
gitflow开发流程学习(第一部分)
线上猛如虎
2018-06-17
阅读 9 分钟
3.3k
gitflow 流程是非常专业而且标准的 git 处理流程,因为要学习其核心思想和应用,故有此文章系列,本文章系列会分为两部分,第一部分学习基本的内容和基础的流程,第二部分会学习其他流程和hotfix,release 和 tag 之类的高级用法。
更新版-梳理前端开发使用eslint和prettier来检查和格式化代码问题
线上猛如虎
2018-06-09
阅读 6 分钟
5.9k
在团队的项目开发过程中,代码维护所占的时间比重往往大于新功能的开发。因此编写符合团队编码规范的代码是至关重要的,这样做不仅可以很大程度地避免基本语法错误,也保证了代码的可读性。
梳理前端开发使用eslint-prettier检查和格式化代码
线上猛如虎
2018-05-07
阅读 7 分钟
10.1k
在团队的项目开发过程中,代码维护所占的时间比重往往大于新功能的开发。因此编写符合团队编码规范的代码是至关重要的,这样做不仅可以很大程度地避免基本语法错误,也保证了代码的可读性。
jsonp-反向代理-CORS解决JS跨域问题的个人总结
线上猛如虎
2018-01-24
阅读 7 分钟
9.9k
jsonp-反向代理-CORS解决JS跨域问题的个人总结 网上说了很多很多,但是看完之后还是很混乱,所以我自己重新总结一下。 解决 js 跨域问题一共有8种方法, jsonp(只支持 get) 反向代理 CORS document.domain + iframe 跨域 window.name + iframe 跨域 window.postMessage location.hash + iframe web sockets 各个方法都...
vuex 基本入门和使用(四)-关于 action
线上猛如虎
2018-01-24
阅读 5 分钟
7.3k
vuex 基本入门和使用(四)-关于 action vuex 版本为^2.3.1,按照我自己的理解来整理vuex。 关于 action Action 类似于 mutation,不同在于: Action 提交的是 mutation,而不是直接变更状态。 Action 可以包含任意异步操作。 我的理解就是,mutation是一把刀,action 是一个人,这个人可以同步耍刀,也可以异步耍刀,但...
ES6零基础教学_解析彩票项目-学习笔记(三)
线上猛如虎
2018-01-17
阅读 9 分钟
2.4k
彩票项目实战学习记录(三) 这里是主要的业务逻辑,主要是针对模块化做笔记记录。 模块化 这里不关注业务逻辑代码,只关注实现和应用 es6开发 对于没有强耦合性的东西进行模块化 对于功能模块进行模块化 管理模块化的模块 所以分成了四个模块+2个特殊模块: app/js/lottery/calculate.js 计算模块-负责彩票投注数和奖金...
ES6零基础教学_解析彩票项目-学习笔记(二)
线上猛如虎
2018-01-17
阅读 11 分钟
6.1k
Gulp 是一个基于 nodejs stream 的流式前端构建工具,与 Grunt 功能相同,专注于前端资源的编译、检查、压缩等自动化工作。
ES6零基础教学_解析彩票项目-学习笔记(一)
线上猛如虎
2018-01-17
阅读 1 分钟
3.6k
彩票项目实战学习记录(一) 完整走了一遍课程,觉得还不错。 总结: es6的知识点说得还算清楚,主要是为了了解和使用,不是深究,所以浅尝即止即可,所以觉得还不错。 完整还原了项目开发的代码设计和开发过程。 不过依然有一些不明所以的说明,也会有一些说错的地方,另外作者的英文发音有点点硬伤,但瑕不掩瑜。 多做...
vuex 基本入门和使用(三)-关于 mutation
线上猛如虎
2018-01-17
阅读 6 分钟
6.6k
更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件:每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。这个回调函数就是我们实际进行状态更改的地方,并且它会接受 state 作为第一个参数:
vuex 基本入门和使用(一)
线上猛如虎
2018-01-12
阅读 3 分钟
2.1k
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。
vuex 基本入门和使用(二)
线上猛如虎
2018-01-11
阅读 7 分钟
5k
vuex 基本入门和使用(二) vuex 版本为^2.3.1,按照我自己的理解来整理vuex。 关于 state 每个vuex 应用只有一个 store 实例,所以使用起来不会太复杂,对于定位错误状态和操作会很方便。 简单用法:在vuex 的计算属性中返回vuex 的状态 最基本的使用方式,通过在vue文件里面初始化 vuex 的 store 来进行操作 vuex 的数...
小程序简单开发(一)-关于登录的一些事
线上猛如虎
2018-01-06
阅读 6 分钟
14.7k
要注意 es6语法使用,es6的语法会在小程序里面更加的有用,其中最关键的地方就是小程序的 api 大部分都是异步的,旧有的方式要异步就必须要要回调,而回调的就会导致代码逻辑容易发生混乱,所以需要使用promise并且进行接口的封装。
小程序完整对接 pingpp支付
线上猛如虎
2018-01-06
阅读 4 分钟
5.9k
小程序完整对接 pingpp支付 有几个先要条件: 小程序需要企业认证且开通支付功能,个人认证是无法使用支付功能的(小程序微信支付官网) pingpp 本身接入的企业服务器(即商户服务器)并不强制要求 https,但是小程序是,所以也要一起强制要求全程 https pingpp 有一个账户,并且里面的配置渠道参数 pingpp 已经配置好服...
mac下多个php版本切换(可操作版)
线上猛如虎
2017-09-15
阅读 2 分钟
3.9k
mac下多个php版本切换(可操作版) 参考了多个文章,并且进行测试实践,总结了如下正确的操作方式 实践 适用版本: {代码...} 并且,前提你已经按照php56了 1.brew update 需要先更新brew的软件仓库目录 2.brew upgrade 根据之前的update更新的软件仓库目录,用upgrade来更新所有软件和相关依赖,为了保证安装软件的正确 备注:用...
仿饿了么项目-vue的学习笔记总目录
线上猛如虎
2017-05-10
阅读 1 分钟
19.6k
仿饿了么项目-vue的学习笔记总目录 支持正版,人人有责. 介绍开发流程以及相关技术 vue-cli和webpack和一些项目文件介绍 项目资源和目录设计和mock模拟数据 头部组件header.vue 星星组件star.vue 商品区域goods.vue shopcart.vue购物车 shopcart-list购物车列表页 cartcontrol.vue购物车操作按钮 关于购物车添加按钮的动...
webpack打包发布
线上猛如虎
2017-05-10
阅读 8 分钟
10.3k
webpack打包发布 粗略的说明了一下打包的文件和大概的流程. 执行npm run build开始打包 调用build.js 然后主要调用webpack.prod.conf(有其他依赖,例如webpack.base.conf) 关于发布,就大概说了一下如何对已经进行发布的js,css,html进行一个小型服务器的发布 执行node prod.server.js 启动服务器 npm run build 执行该命令...
vue-cli和webpack和一些项目文件介绍
线上猛如虎
2017-05-08
阅读 6 分钟
8.4k
vue-cli是vue的脚手架,负责协助编写基础代码官网地址 检查node并安装vue-cli {代码...} 初始化vue项目 {代码...} 安装需要用到的模块并启动dev服务器 {代码...} 参考链接:vue-cli 入门 babelrc 这是babel的配置文件 主要功能: 编译es6转义为es5 一般用2个插件es2015,stage-2,transfer-runtime 参考链接:babel6 入门 esli...
项目资源和目录设计和mock模拟数据
线上猛如虎
2017-05-08
阅读 3 分钟
4.7k
对于在webpack里面使用的一些小图片,不建议使用雪碧图来进行处理,因为本身webpack会自动帮助处理每一张小图片,所以有时候需要单独切出来一个个小图片,并且分别对应2x和3x的版本
介绍开发流程以及相关技术
线上猛如虎
2017-05-08
阅读 2 分钟
5.5k
开发全流程 需求分析 脚手架工具 数据mock 架构设计 代码编写 代码质量:线上生产级别 代码开发及测试环节 UI标注 真实数据演示 代码规范 架构设计 组件抽象 模块拆分 代码风格统一 js变量命名规范 css代码规范 自测 编译打包 各个相关库和技术介绍 vue-resource做后端数据交互(ajax)官网 vue-router做前端路由,实现单页...
商家页面seller.vue
线上猛如虎
2017-05-08
阅读 11 分钟
4.1k
使用watch方法是为了监听数据seller的变化,因为当打开页面的时候,seller是异步获取的,并不一定是能够马上获取,没有seller的数据,相关dom就无法被渲染,并且bscroll是基于dom执行的,所以需要监听seller的变化然后来重新执行相关的初始化函数
商品详情页food.vue
线上猛如虎
2017-05-08
阅读 11 分钟
5.2k
主体结构 html代码 {代码...} 用ref绑定food的DOM元素,为了被bscroll做滚动处理 用transition包裹了整个food,为了实现这个页面的进入和退出动画 js代码 {代码...} 通过跟hide方法切换showFlag的值来实现显示隐藏 因为整个页面是比较长的,需要做滚动,所以异步加载bscroll css代码 {代码...} 对于整个商品详情页的打开和关...
1
(current)
2
3
4
下一页
1
(current)
下一页