- 博客(33)
- 收藏
- 关注
RSS订阅
原创 “喜茶Go”微信小程序新零售商业实战案例经验分享－概述
作者介绍：郝天翔，10年移动互联网软件行业经验，全栈高级软件工程师，微信生态开发先行者，主要参与智慧城市新零售电商领域方案的设计与实施，本次分享商业案例“喜茶Go”已落地于全国多座城市，其小程序产品设计方案受到商家与消费者的广泛一致好评。前言 微信小程序虽然已诞生至今2年有余，但体验感较好的精品小程序却寥寥无几，究其原因，主要是企业运营人员对微信小程序的把握能力不足，合格的前端人才缺失...
2019-02-16 14:04:59
10487
3
原创 复盘：企业微信中国发展简史
企业微信3.02019年12月23日，企业微信在广州发布3.0版本以及新的产品战略。回顾整个2019，我们会发现这一年是企业微信频繁更新迭代的一年，大背景是C端增长见顶，微信用户逼近12个亿，微信调转产业互联网企业服务赛道，走了一条C to B to C 的路，传统OA/ERP/CRM管理软件大战即将升级新版本主要有两个核心变化：一是企业微信将开辟发布朋友圈功能入口；二是人数限制方面，每个企业微信号可以加5万人，企业微信的群聊人数也将由原来的的20人达到100人。腾讯微信事业群副总裁黄铁鸣表示，
2020-12-05 15:53:16
2890
原创 尤雨溪用中文在Vue3.0 Beta直播里的PPT
时间轴4 月 16 日，vue 3 正式进入 beta 阶段。 同日，尤大参加了 State of Vue 的线上活动。4月17日，尤大在微博上发布：Vue 3.0 beta 了！并给出了 ->网页链接Vue 3.0 的发布立即就引起了轩然大波，各种疑问满天飞，尤大选择性的回复了比如：vue是模仿react的吗？模仿的是 Hooks 而不是 React 全部等问题。...
2020-04-22 11:53:04
626
原创 最火面试题：谈谈前后端分离的理解？你觉得一个项目如何实施前后端分离？
很多同学在面试前端的时候，面试官碾压你智商的问题是：让你谈谈前后端分离的理解？你觉得一个项目如何实施前后端分离？随着最近2年前端技术的火爆，导致这个话题成了面试极其爱问的问题，尤其是你找工作，跳槽，不管你是做前端还是后端，都有可能涉及到这个问题，而且即便是在职，技术团队内部对这个问题的认识也不在一个层面，甚至很难达到共识；这道面试题很明显，是一个开放性的问题，其目的也是想从这个问题探知你对...
2020-03-08 22:05:31
1168
原创 什么是前端模块化？
前端模块化传统开发遇到的问题js变量命名冲突文件依赖关系复杂模块化解决方案模块化，就是把单独的功能封装到一个文件当中，模块之间相互隔离，通过公开的接口通讯，成为其他模块的依赖优势：方便代码重用，提升开发效率，方便后期的维护历史小知识 - 过去的模块化工具浏览器端模块化规范AMD Require.jsCMD Sea.js服务器端模块化规范CommonJ...
2020-02-26 10:14:38
267
原创 为什么会有BFC？BFC是什么？如何触发？BFC解决了什么问题？
前端程序员在布局页面时，经常会遇到各种烦人的小问题，比如：每个元素都是一个盒子，盒子外的父元素应该不会受到盒内子的子元素影响，可是事实是这样的吗？往往，我们会看到子元素浮动后，父元素高度没有了，两栏布局时右侧没有自适应，垂直方向上上下两个元素外边距不太对从常理上来说，被包含在父元素里的元素是不会影响到父元素旁边的元素，但实际上并不总是如此，那么有没有什么办法能让里面的元素和外部真正隔离开呢？解...
2020-02-13 11:33:51
3154
原创 哪些标签的使用可以有利于SEO？
SEO：搜索引擎优化网页的HTML代码中存在一些不容忽视的标签，这些标签对于网站的发展至关重要，不仅利于增加网站权重，提高网站流量，还可以提升关键词排名。那么你知道有哪些标签有利于seo吗？下面我来谈谈利于SEO优化有哪些标签。title标签title标签是网站中很重要的一个标签，一般情况下要网站的核心关键词和网站名称都写进去，这样更有利于网站的排名。但是要注意标题的长度不能太长，要保持...
2020-02-12 18:08:02
1222
原创 HTML中哪些元素是inline？哪些是inline-block？哪些是block的? 有哪些区别？
历史小故事 ：这三个元素到底是怎么产生的？在没有网络的时代，有一种叫做剪报的东西，它是把从报刊杂志等上面剪下的文字、图片资料，整理分类并集纳成册。我们可以把剪下来的纸块看成是block元素，而用笔记录的文字、图画，看成是line元素。最早在做浏览器的时候加入这两个元素，是遵循了同样的模式。在2002年8月2日发布的css2.1版添加了display的inline-block值。为更好的进行...
2020-02-12 16:13:11
2138
原创 女生适合学前端吗？
一直有很多女生问我这个问题，她们有的是大学即将毕业，有的是职场不如意，想转行换个工作环境氛围，提高下收入，步入IT精英女白领的行列。我的回答肯定是：适合的。为什么呢？我从不同角度给大家分析以下：首先，从企业招聘的角度来说，HR在筛选简历的时候，是不会只选男生或只选女生的，其次《劳动法》也不允许在招聘中写只要男生或只要女生的，这会因为性别歧视而被举报。更何况，大多数互联网团队也都会追...
2020-02-11 23:55:23
1016
原创 为什么很多技术都觉得前端很简单？
前端不是简单，而是前端的学习反馈非常直接，所以学习或者懂一点前端的人非常多，因为改个字体、换张图片好像很简单，从而产生前端技术很简单的判断，拉低了对整体的评价。其实误解一直都在，比如：前端就是UI，很简单的。后端就是CRUD，很简单的。人工智能就是调参数，很简单的。大学没有前端课程，前端又更新太快，导致一些老师，或者其他技术领域人对当前前端技术的理解还停留在做一个html页面的层面。不过相...
2020-02-11 20:57:53
2320
4
原创 2020年，jQuery怎么样了?
今天是2020年2月11日，疫情让大家待在了家里，刷知乎刷新闻，今天看到了一个一直想说的话题，那就是：2020年，jQuery怎么样了?其实，提到JQ大多数人脑海中浮现的关键词是：过时、淘汰，但事实果真如此吗？在回答这个问题前，为了照顾一些小白，我先来讲下jQuery的背景知识；第一个版本 jQuery 1.0（2006年1月）最新版本 jQuery 3.4.1发布地点 美国...
2020-02-11 14:43:04
2083
原创 什么是Vue？为什么要学Vue？
什么是Vue？为什么要学Vue？官方解释只有一句话：Vue是一套用于构建用户界面的渐进式JavaScript框架，有易用、灵活、高效的特点。小白听了这句话肯定有点蒙圈，因为虽然只有一句话，但其实背后隐藏的信息量是巨大的，并不能完全理解官方高深莫测而又简洁的说明。那么我作为过来人，有必要给大家来个庖丁解牛，细致的分析下Vue其中蕴含的道理吧！我们先从构建用户界面说起要操作界面Dom，原生J...
2020-02-09 16:05:58
883
原创 JS极速入门第一课
单行注释与多行注释JS数据类型number 数值数据整数 取值范围 -2 53 ~ 2 53小数 专业术语：浮点数string 字符串数据被 " " 包含被 ’ ’ 包含“O’Nelo”\转义字符 ‘O’Nelo’ ‘\n’boolean 布尔数据 只有2个值true 真、是false 假、否null 空 变量暂时没决定赋值类型undefined 未...
2020-01-16 11:50:29
162
原创 Node.js适合用来开发什么样的应用程序呢？
善于I/O，不善于计算。因为Node.js最擅长的就是任务调度，如果你的业务有很多的CPU计算，实际上也相当于这个计算阻塞了这个单线程，就不适合Node开发。当应用程序需要处理大量并发的I/O，而在向客户端发出响应之前，应用程序内部并不需要进行非常复杂的处理的时候，Node.js非常适合。Node.js也非常适合与web socket配合，开发长连接的实时交互应用程序。比如：用户表单...
2020-01-06 17:38:42
1731
原创 Node.js有哪些特性
它是一个JavaScript运行环境依赖于Chrome V8引擎轻量，适于实时数据交互应用单线程在Java、PHP等服务器端语言中，会为每一个客户端连接创建一个新的线程。而每个线程需要耗费大约2MB内存。也就是说，理论上，一个8GB内存的服务器可以同时连接的最大用户数为4000个左右。要让Web应用程序支持更多的用户，就需要增加服务器的数量，而Web应用程序的硬件成本当然就上升了。...
2020-01-06 17:37:07
179
原创 什么是Node.js?应用场景在哪里？
Node.js的作用，就是可以让JavaScript运行在服务器端。如果你是一个前端程序员，你不懂得像PHP、Python或JAVA等动态编程语言，然后你想创建自己的Sass服务，那么Node.js是一个非常容易上手的选择。当然，如果你是后端程序员，想部署一些高性能的服务，那么学习Node.js也是一个非常好的选择。如果你熟悉Javascript，那么你将会很容易的学会Node.js，从...
2020-01-06 17:01:56
1231
原创 1000以内最大的质数-JS代码-JavaScript解决方案
质数，是能被1和自身整除的数<script type="text/javascript"> for(var i =1000;i>0;i--){ if(isPrime(i)){ document.write(i+"是1000以内最大的质数"); break; } } //判断是否质数的函数 function i...
2019-11-15 11:20:09
1053
原创 图片标签 图片格式 超链接
我们随便打开一个网页，都可以看到很多图片，向网页中添加图片是非常重要的一步操作，几乎在前端工作中每天都会用到，在HTML中，用<img>标签来表示图片元素，这是一个单标签，是行内可替换元素，通过属性src来指定图片路径地址，src的属性值本质上是一个链接地址，所以通常是相对地址和http开头的网络图片。地址分为相对地址和绝对地址，当html文件与图片处在同一个目录下的时候，直...
2019-08-28 17:11:33
1261
原创 标题标签、段落标签、文本格式化标签
我们在浏览新闻或者博客的时候，首先阅读到的是标题，在HTML中，我们用H1至H6的标签对来显示定义标题，标题的默认显示方式是加粗左对齐，H1到H6字体大小逐级递减，换句话说，H后面的数字越大，字体越小。想要改变标题的对齐方式，我们用到align属性，属性值常用的是居中对齐center，其次是right右对齐。对于搜索引擎而言，H1标签的重要性是最高的，到H6重要性同样是逐级递减。一般...
2019-08-28 17:10:31
1770
原创 HTML的注释与元素属性
在编写HTML代码的时候，经常要在一些关键代码的上方用中文做注释，描述出下方代码的主要逻辑功能，这样做的好处是：1.方便自己理解代码2.方便自己查找代码3.方便其他前端工程师理解你的代码，让交接沟通与维护代码变得更容易，换句话说，就是帮助别人快速读懂你写的代码是什么意思。4.方便自己对代码的维护，通常情况下，过了半年后，你已经记不得当时写这段代码，凭借当时写下的注释，搞清楚当...
2019-08-28 17:09:08
319
原创 03 常见的前端开发工具
前端集成开发工具软件简称“IDE”，是编写前端代码的编辑器，选一款适合自己，自己用的舒服，高效完成前端工作的编辑器尤为重要，下面，我将为各位同学介绍几款常见的开发工具。1、HBuilder X功能简介：HBuilderX是专为前端打造的开发工具，是轻如编辑器、强如IDE的合体版本，特点是启动速度快，编码提示极速响应，快捷键生成代码块、最全的语法库和浏览器兼容数据、可以方便的制作跨平...
2019-08-28 17:07:36
403
原创 02 认识五大主流浏览器
作者介绍：郝天翔，南京课工场前端讲师，10年移动互联网软件行业经验，全栈高级软件工程师，微信生态开发先行者，主要参与智慧城市新零售电商领域方案的设计与实施，商业案例“喜茶Go”，已落地于全国多座城市，其小程序产品设计方案受到商家与消费者的广泛一致好评。浏览器作为Web前端开发页面效果的呈现容器，是前端工作不可或缺的开发工具之一，正所谓：工欲善其事必先利其器，选择合适的浏览器作为开发工具，有...
2019-08-27 13:45:32
562
原创 什么是前端技术？
前端技术分为“web前端技术”与“移动前端技术”；web前端技术：指的是大家用电脑上网的网页，如上网百度搜索词条，查看图片新闻、淘宝购物等。移动前端技术：指的是大家用移动设备打开的网页、App、小程序。如用手机中的微信App聊天、用支付宝小程序点餐下单、用手表手环中的App进行地图导航，用平板电脑看视频玩游戏等。随着互联网的到来与飞速发展，网站开发人员变得紧俏起来，前端工程师是由网站开...
2019-08-27 11:11:35
885
原创 Vue教程-组件
组件（Component）是 Vue.js 最强大的功能之一组件可以扩展HTML元素，封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树注册一个全局组件语法格式如下：Vue.component(tagName,options);tagName 为组件名，options 为配置选项。注册后，我们可以使用以...
2019-07-16 15:26:53
185
原创 Vue教程-Vue语法糖与v-bind绑定CSS样式-学习vue第一站深入浅出（五）
语法糖v-bind和v-on指令都提供了缩写方式：v-bind缩写为：“：”v-on缩写为：“@”可以动态更新H5元素属性，示例：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Vue语法糖-示例</title> <...
2019-07-02 09:31:42
1615
原创 Vue教程-Vue计算属性的运用-学习vue第一站深入浅出（四）
计算属性的用途当表达式过长，或数据需要参与复杂的逻辑运算后返回，可能会让表达式臃肿或者难以维护，例如：{{result.split(',').reverse().join(',')}}一个表达式中，包含多个操作，导致很难阅读，这时候应该使用计算属性了！改写后的代码为：<!DOCTYPE html><html> <head> <...
2019-07-01 16:14:27
134
原创 Vue教程-过滤器filter知识入门- 学习vue第一站深入浅出（三）
插值与表达式“{{}}”是最基本的文本插值方法，会将我们双向绑定的数据实时显示。除了绑定属性值外，还可以使用三元运算符，如：{{isOK？“确定”：“取消”}}过滤器在插值的尾部，增加 “|” 对数据进行过滤，经常用于格式化文本数据，下面，我将演示下：如何格式化时间<!DOCTYPE html><html> <head> <...
2019-07-01 10:25:53
304
原创 一切从Hello World说起！手把手教你Vue开发环境搭建！- 学习vue第一站深入浅出（二）
趣味教程从此开始下载IDE集成开发环境推荐下载：HBuilder X从Hello World开始感受点击下载：vue.js下载后，在项目中，新建js文件夹，复制到js文件夹处<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>第一个V...
2019-06-28 16:55:48
386
原创 入门VUE-初识Vue.js-快速vue入门简明教程-学习vue第一站深入浅出（一）
跟随我，一步步学习Vue.js，创建出自己满意的App吧！现在开启你的Vue之旅！定义VueVue是最流行的前端框架，能胜任几乎所有的应用开发，如：App混合开发、微信小程序开发、大型Web项目开发等；架构模型MVVM是：Model-View-ViewModel的缩写简称，由MVC架构优化而来。当视图层View触发控件事件后，会有相应的ViewModel响应控件的绑定事件，且...
2019-06-28 15:18:20
5638
原创 “喜茶Go”店商微信小程序界面布局的架构思路（源代码讲解）
作者介绍：郝天翔，10年移动互联网软件行业经验，全栈高级软件工程师，微信生态开发先行者，主要参与智慧城市新零售电商领域方案的设计与实施，本次分享商业案例“喜茶Go”，已落地于全国多座城市，其小程序产品设计方案受到商家与消费者的广泛一致好评。精彩回顾从上一节课的概述中，我们讲了“喜茶Go”微信小程序1.0版本的首页设计思想，展示了“茶饮商品”的界面 高保真效果图、功能布局、订单下单、商家...
2019-02-18 17:34:51
8545
14
原创 微信小程序和H5网页之间有什么区别？
微信小程序和H5网页之间有什么区别 本博主语录：小程序和H5网页的主要开发语言都是 JavaScript ，所以通常小程序的开发会被用来同普通的网页开发来做对比。两者有很大的相似性，对于前端开发者而言，从网页开发迁移到小程序的开发成本并不高，但是二者还是有些许区别的。 区别之一：运行环境不同 网页开发渲染线程和脚本线程是互斥的，这也是为什么长时间的脚本运行可能会导致页面...
2019-02-15 22:05:58
18191
原创 小程序技术发展历史
本博主语录：任何一门技术都有它的由来，作为一名合格的小程序员，要做到知其然知其所以然！熟悉技术发展史不仅可以帮助你更深入的理解微信技术的发展路线，还有助于你在脑海中构建自己的技术认知体系思维，培养出独特的理念视角，提高自己的专业水平。 从技术的维度看，小程序并非凭空冒出来的一个概念。当微信内嵌网页浏览器 WebView 逐渐成为移动 H5网站的一个重要入口时，微信就有相关的JAVA...
2019-02-15 21:41:21
1407
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人