51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#前端工程化
前端新手如何安装webstorm ,初步搭建react项目
下载安装webstorm:配置成功:配置成功后就可以开启webstorm项目了。(存微信收藏、、)1:在webstorm下配置node环境:2:完成之后:React官方脚手架地址:https://github.com/facebook/create-react-app在终端下安装执行npm install&n...
代码星球
·
2020-04-08
前端
新手
如何
安装
webstorm
前端:微信支付和支付宝支付在pc端和h5页面中的应用
1:h5微信支付使用的是https://pay.weixin.qq.com/wiki/doc/api/index.html 中的(1):公司需要首先要配置公众号微信支付地址和测试白名单(支付的时候显示这个支付页面没权限有可能是这个原因)如上图http://www.xxx.com/shop/pay/pay.ht...
代码星球
·
2020-04-08
支付
前端
微信
pc
端和
工程化项目配置代理,解决跨域问题
注意:常见的方法:开发环境阶段---在package.json添加proxy字段进行配置,该配置方案仅用于开发环境生产环境一般需要后端工程师进行配置,如果需要前端进行配置,需要最后在工程化项目打包运行时进行配置本质:...
代码星球
·
2020-04-08
工程化
项目
配置
代理
解决
React工程化之PWA之serviceWorker
我们使用create-react-app脚手架时,会发现入口文件index.js中有这样一个引入使用。 这个文件可以视情况用或者不用,它是用来做离线缓存等任务的,实际上就是为react项目注册了一个serviceworker。这样的话,如果在线上,只要访问过一次该网站,以后即使没有网络也可以访问(此时使用的是...
代码星球
·
2020-04-08
React
工程化
PWA
serviceWorker
new FormData() 前端上传文件图片到服务器
XMLHttpRequestLevel2添加了一个新的接口FormData.利用FormData对象,我们可以通过JavaScript用一些键值对来模拟一系列表单控件,我们还可以使用XMLHttpRequest的send()方法来异步的提交这个"表单".比起普通的ajax,使用FormData的最大优点就是我们可以异步...
代码星球
·
2020-04-08
new
FormData
前端
上传
文件
React脚手架工程化项目里ServiceWorker.js文件作用
该文件主要涉及到离线支持和网络恢复能力一个好的渐进式Web应用,不论网络状况如何都能立即加载,并且在不需要网络请求的情况下也能展示UI(即离线时)。再次访问http://Housing.com渐进式Web应用(使用React和Redux构建)能够立即加载离线缓存的UI。我们可以用ServiceWorker实现这一需求。...
代码星球
·
2020-04-08
React
脚手架
工程化
项目
ServiceWorker.js
Emmet-前端开发神器
Emmet是一款编辑器插件,支持多种编辑器支持。在前端开发中,Emmet使用缩写语法快速编写HTML、CSS以及实现其他的功能,极大的提高前端开发效率。下载地址http://emmet.io/download/Emmet使用特殊的表达式Abbreviations,也就是缩写:这种特殊的表达式会被Emmet解析并转义成结...
代码星球
·
2020-04-08
Emmet-
前端
开发
神器
移动端前端笔录
最近一直在整理一些做移动端时遇到的问题,现在把他们列在一起,方便收藏查找:1、关闭iOS键盘首字母自动大写IOS的机子,默认英文输入法状态下,首字母是自动大写的,有时候挺烦人的。我们写页面的时候有没有办法把这个自动大写关闭呢?autocapitalize的属性可以实现:在iOS中,默认情况下键盘是开启首字母大写的功能的...
代码星球
·
2020-04-08
移动
前端
笔录
浅谈Vue工程化与ES6模块导出---export与export default
一、概述在ES6之前,社区制定了一些模块加载方案,最主要的有CommonJS和AMD两种。前者用于服务器,后者用于浏览器。ES6在语言标准的层面上,实现了模块功能,而且实现得相当简单,完全可以取代CommonJS和AMD规范,成为浏览器和服务器通用的模块解决方案。ES6中,在JavaScriptES6中,export与...
代码星球
·
2020-04-08
浅谈
Vue
工程化
ES6
模块
工程化笔录
(1)首页-图标选择Icons区域开发 注意:这里需要添加逻辑操作,当页面加载时,遍历icons,且对icon的个数进行动态计算,将结果push到一个二维数组中 (2)axios接口调用与mock数据模拟 ...
代码星球
·
2020-04-08
工程化
笔录
前端应该知道的Web Components
在前端组件化横行的今天,确实极大的提升了开发效率。不过有一个问题不得不被重视,拟引入的这些html、css、js代码有可能对你的其他代码造成影响。虽然我们可以通过命名空间、闭包等一系列措施来加以防备,不过还是存在这些隐患。为了解决这些问题,有一个基本大家遗忘的技术还是可以了解一下的,那就是WebComponents。W...
代码星球
·
2020-04-08
前端
应该
知道
Web
Components
前端模块化(CommonJs,AMD和CMD)
前端模块规范有三种:CommonJs,AMD和CMD。CommonJs用在服务器端,AMD和CMD用在浏览器环境AMD是RequireJS在推广过程中对模块定义的规范化产出。CMD是SeaJS在推广过程中对模块定义的规范化产出。AMD:提前执行(异步加载:依赖先执行)+延迟执行CMD:延迟执行(运行到需加载,根据顺序执...
代码星球
·
2020-04-08
前端
模块化
CommonJs
AMD
CMD
Vue工程化入口文件main.js中Vue.config.productionTip = false含义
阻止启动生产消息,常用作指令。通俗理解为消息提示的环境配置。阻止启动生产消息這又是什麽意思?看下效果(1)Vue.config.productionTip=false (2)Vue.config.productionTip=true感覺多了一行信息 小结:开发环境下,Vue会...
代码星球
·
2020-04-08
Vue
工程化
入口
文件
main.js
移动前端开发之viewport的深入理解
在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲,移动设备上的viewport就是设备的屏幕上能用来显示...
代码星球
·
2020-04-08
移动
前端
发之
viewport
深入
前端模板引擎artTemplate.js
.关于artTemplate模板引擎的详细原理请移步高性能JavaScript模板引擎原理解析,本文只探讨如何使用。初学前端的人一般对于绑定数据都是使用原生js或者jquery来拼接字符串,此为hardcode,而且拼接的过程很头疼,什么单引号双引号,符号嵌入多了就头晕眼花容易出错,...
代码星球
·
2020-04-08
前端
模板
引擎
artTemplate.js
首页
上一页
...
58
59
60
61
62
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他