- 博客(16)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 前端工程化的理解
很久没写过博客沉淀下，最近看了几篇前端工程化的文章，结合自己实践所学，阐述下什么是前端工程化。大前端其实分为很多种移动应用开发的前端 web前端本篇主要是说下web前端的工程化什么是前端工程化在回答前端工程化这个问题之前，我们应该先考虑另外一个问题：前端开发中会不会涉及到业务？再详细一点，就是前端工程师到底需不需要了解服务端的业务逻辑，再或者说，要不要将一部分服务端的业务逻辑放到前端来实现。这个问题没有标准的答案，实际上应该属于工程协作问题，就是谁该干什么的问题。最早的前端开发就是实
2021-02-02 20:40:34
9149
9
原创 响应式布局方案
设置meta标签中 name="viewport"设置视图标签(viewport)来告诉浏览器，使用设备的宽度作为视图宽度并禁止初始的缩放。<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">复制代码Media Queries 媒体查询媒体查询可以针对不同的媒体类型(screen print)定义不同的样式 媒体查询根据
2020-11-19 18:13:17
544
原创 节流和防抖详解
节流和防抖这两个东西，你肯定听过，就是两种优化浏览器性能的手段。相关文章你肯定也看过，如果还是不太清楚，没关系，看完这篇短文，相信你能轻松理解其中差别。防抖（deounce）我们先说防抖吧，这里有个小笑话，看完你应该就秒懂了：小明军训，教官发令：向左转！向右转！向后转！大家都照着做，唯有小明坐下来休息，教官火的一批，大声斥问他为啥不听指挥？小明说，我准备等你想好到底往哪个方向转，我再转。虽然是个笑话，却很好地说明了防抖的定义：给一个固定时间，如果你开始触发动作，并且在这个固定时间内不
2020-11-19 18:06:22
8965
4
原创 Stripe支付简介和前端js调用
最近公司正在做一个国际版APP，涉及到海外支付，调研过Paypal、Skrill、BrainTree、Stripe（可参考海外移动支付方案对比），最终 选择了Stripe支付。Stripe特点如下：收费规则简单透明，手续费就是收取订单总额的3.4 % + HK$2.35。没有月费、开户费、退款手续费，撤销付款费用手续费HK$85.00 Stripe支持135+种货币创建付款（目前不支持中国大陆，只支持中国香港）。 Stripe还支持其他付款方式，包括ACH信用转账、ACH借记转账、支付宝、And.
2020-11-19 17:51:00
9246
8
原创 面试必备 css面试知识点
CSS 并不是面试重点考察的领域，但如果能在 CSS 领域有自己的见解和经验，会使自己更加脱颖而出。1 、介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin 低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin2 、box-sizing属性？用来控制元素的盒子模型的解析模式，默认为content-boxcontext-b..
2020-06-15 21:19:34
525
1
原创 Vue.js框架入门之vue-router路由的基本使用
前面几期整理，详见博客 Vue.js框架入门之vue简介和基本语法(一） Vue.js框架入门之基本语法(二) Vue.js框架入门之条件渲染、列表渲染、事件处理 Vue.js框架入门之表单和组件基础 Vue.js框架入门之组件创建、注册、使用 现在来续写第六期——Vue Router路由管理器一、什么是路由1、后端路由：对于普...
2020-05-05 12:02:56
766
3
原创 Vue.js框架入门之组件创建、注册、使用
前面几期整理，详见博客 Vue.js框架入门之vue简介和基本语法(一） Vue.js框架入门之基本语法(二) Vue.js框架入门之条件渲染、列表渲染、事件处理 Vue.js框架入门之表单和组件基础 现在来续写第五期—进一步了解Vue.js的组件一、组件名在注册一个组件的时候，我们始终需要给它一个名字。比如在全局注册的时候我们已经看到了...
2020-04-28 21:25:31
1862
1
原创 Vue.js入门之Vue CLI和图形化界面Vue Ui的使用
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：通过@vue/cli搭建交互式的项目脚手架。 通过@vue/cli+@vue/cli-service-global快速开始零配置原型开发。 一个运行时依赖 (@vue/cli-service)，该依赖： 可升级； 基于 webpack 构建，并带有合理的默认配置； 可以通过项目内的配置文件进行配...
2020-04-27 11:46:39
1287
原创 前端路由的概述和运用
一、路由的概念在网络原理中，路由指的是分组从源到目的地时，决定端到端路径的网络范围的进程，做成硬件叫路由器，在路由器中维护着一个路由表，并根据此路由表决定下一跳的地址。在web应用中，路由实际是指根据不同的url给其分配不同的控制器（处理程序）。二、前端路由的出现最初在web应用开发中前端并不太关注路由，这和当时的开发方式和业务处理有关，采用的是后端模板渲染的方式。我们常看到的js...
2020-04-27 11:17:08
571
原创 Vue.js入门之表单和组件基础
前面几期整理，详见博客 Vue.js框架入门之vue简介和基本语法(一） Vue.js框架入门之基本语法(二) Vue.js框架入门之条件渲染、列表渲染、事件处理 现在来续写第四期—Vue.js的表单和组件基础一、表单输入绑定这节我们为大家介绍 Vue.js 表单上的应用。我们可以用 v-model 指令在表单控件元素上创建双向数据绑定。...
2020-04-25 18:58:24
1934
原创 Vue.js框架入门之条件渲染、列表渲染、事件处理
前面几期整理，详见博客 Vue.js框架入门之vue简介和基本语法(一） Vue.js框架入门之基本语法(二) 现在来续写第三期—Vue.js的条件渲染、列表渲染、事件处理一、条件渲染1、v-ifVue 会尽可能高效地渲染元素，通常会复用已有元素而不是从头开始渲染。...
2020-04-23 12:24:06
501
2
原创 Ajax的简介和基本用法
Ajax一小时入门简介 AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 Ajax 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。 在 2005 年，Googl...
2020-04-21 22:32:02
321
原创 Vue.js框架入门之基本语法(二）
上期整理了vue.js的简介和创建vue实例的步骤，详见博客—Vue.js框架入门之vue简介和基本语法(一）现在来续写第二期一、模板语法Vue.js 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。结合响应系统，在应用状态改变时， Vue 能够智能地计算出重...
2020-04-20 21:42:10
629
原创 Vue.js框架入门之vue简介和基本语法(一）
Vue.js学了有一段时间了，现在把知识点复习和整理一遍，以免遗忘目录一、MVC、MVVM模式简介二、Vue.js简介三、vue.js的安装 1、直接用 script引入2、CDN引入3、NPM安装代码演练四、Vue 实例1、创建一个Vue实例代码演练2、数据与方法代码演练3、生命周期代码演练一、MVC、MVVM模式...
2020-04-17 22:44:49
1291
1
原创 前端知识手册之CSS布局指南
在我们前端开发过程中，写css（包括sass, less, stylus这样的预处理器）进行设计稿的样式还原是一项重要的工作，而其中，关于页面布局的部分，又是书写样式代码时候的重点和难点，这篇文章就尽可能的去总结常见的一些页面布局实现方案(并不是全部，布局实现方法太多了)，希望能够对大家有所帮助。在开始正题之前，有一点要说明：css布局中遇到的一个绕不开的问题就是浏览器兼容性，下面方...
2020-04-17 14:10:14
321
原创 前端学习之JavaScript DOM以及DOM操作的基础知识
在了解了javascript的语言基础和特性后javascript真正大放光彩的地方来了——这就是javascript DOMJavascript DOMDOM(Document Object Model)，文档对象模型。是W3C组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口；W3C已经定义了一系列DOM接口，通过这些DOM接口可以改变网页的内容、结...
2020-04-16 22:38:46
3582
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人