#前端工程化

前端页面模板bootstrap

Bootstrap中文网https://v3.bootcss.com/getting-started/#examples...

CSS3实现1前端常用Loading效果

此页动画效果都是gif图的,不想用代码写的话,下载图片就可使用。第1种效果:代码如下<divclass="loading"><span></span><span></span><span></span><span></...

前端常用正则验证

1、非空验证1functioncPhoneModlue(){2varvalphone=$.trim($('.phone_Module').val());3if(valphone==""){4$('.phone_Module').parents(".mandatory").addClass("warning");5tru...
代码星球 ·2020-04-02

前端swiper使用指南

swiper在网页中常用的方法1、使用时在页面引入1<linkrel="stylesheet"href="front/css/swiper.min.css">2<scriptsrc="front/js/swiper.jquery.min.js"></script>2、基本结构1<...
代码星球 ·2020-04-02

前端手机验证码cookie存储

 注册的时候经常会有手机验证码的输入这个环节,在第一次点击发送了验证码只后,比如倒计时只走了10秒钟,然后刷新的话,倒计时要还是存在的,这个时候就要有一个cookie的存在了。html的代码1<inputtype="button"id="second"value="获取验证码"/>js代码1<...

前端开发app

1、如果是Angular那就选Ionic(一对好CP)2、如果是Vue那就选Vux(基于WeUI)3、如果是jQuery那就选Framework7(iOS和Android双皮肤)4、如果是React那就选...(额,知道的补充下!) 框架相对应的开发app的框架...
代码星球 ·2020-04-02

前端自动化构建yeoman

前端自动化可分为:yo(脚手架工具)、grunt(构建工具)、bower(包管理器)。OMAN的特性http://yeoman.io/learning/ 闪电般的初始化:项目开始阶段,可以基于现有的模板框架(例如:HTML5Bolierplate、TwitterBootstrap)进行项目初始化的快速构建。了...

Vue 前端md5加密

用户注册时将加密后的密码发送给后端存储当登陆的时候,再将加密后的密码和数据库中加密的密码相匹配。此加密无须解密。安装: npminstallcrypto--save在需要用到的文件中通过import引入。importcryptofrom'crypto'login(){let{username,password...
代码星球 ·2020-04-02

node、Mongo项目如何前后端分离提供接口给前端

node接口编写,vue-cli代理接口方法    通常前端使用的MocK数据的方法,去模拟假的数据,但是如果有nodeMongodb去写数据的话就不需要在去mock数据了,具体的方法如下。首先启动mongodb、node、以及前端项目。这里用加载商品列表做一个举例1、在node项目创建在node的...

react构建前端项目方法汇总

react简介:   一、使用react创建一个PC端的项目   (a):使用yemon创建一个webpack的react的项目 控制台安装并且产看yemon的版本yo-v  (b):全局安装webpackreact的模板genrator,如果安装过了,就跳过npminstall-ggenerato...

前端随机验证码

前端登录或者注册的时候经常会有一个验证码,数字或者字母,本验证码是基于canves的。使用方法:<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>图形验证码</title></head...
代码星球 ·2020-04-02

Python之路-(js正则表达式、前端页面的模板套用、Django基础)

js正则表达式前端页面的模板套用Django基础 js正则表达式:1、定义正则表达式/.../ 用于定义正则表达式/.../g表示全局匹配/.../i表示不区分大小写/.../m表示多行匹配   登录注册验证:    test:      判断字符串是否符合规定的规则        rep...

前端 一些小知识,技巧总结

前端资源小技巧:1.阻止input显示历史记录  如果不让浏览器保留表单输入的历史记录,只要在input标签里加入autocomplete="off"这个属性就行了:  即:<inputtype="text"autocomplete="off"/>2.一个div,在数字少的时候显示圆形,数字多就椭圆    ...

给网页设计师和前端开发者看的前端性能优化

本文的作者哈利来自英国,是一位22岁的设计师、开发人员,同时也是一名作家和讲师(见下图)。不错的一篇文章,推荐熟读!英文原文:Front-endperformanceforwebdesignersandfront-enddevelopers ,编译:oschina在这篇长文章中,我将分享个人项目经验,一些关于...

WEB前端性能优化小结

转:http://www.gafish.net/archives/1514对前端开发工程师来说,前端性能优化的重要性是不言而喻的,最为大家所知的是YSLOW的23条优化规则,在我的理解中,性能优化不纯粹是指用户访问网站的速度,也包括开发的效率,这里我总结下我理解中的WEB前端性能优化。语义化HTML:好处在于可以使代码...
首页上一页...6970717273...下一页尾页