2018年12月_前端开发黑子

12月 11月 10月 09月 08月 07月 06月 05月 03月 02月 01月

转载【笔记】前端开发的演变

引言在大学里接触的就是网站MVC开发模式，期末作业就是图书管理系统或是订单系统之类的。当时对于前端的理解就是一个单纯展示数据、极其无聊、毫无挑战性、工资很低的在项目中充当配角的职业。毕业后，正直vue热火朝天，一发不可收，刷新了人们对于前端的认知，也引出了风火多年但没什么人问津的react、angular等老家伙，这才入了前端这个坑，越陷越深。前端还是那个前端，他一直充当着项目研发的配角，但...

2018-12-26 18:03:05 423

原创后台管理系统模板简介

1、效果演示管理后台系统模板-预览2、重点内容1. 用户登录态的实现 - cookie2. 本地mock数据方式 - EasyMock/ExpressMock/MockJs/YapiMock/本地拦截3. 前端请求做了哪些事情 - axios4. 前端路由模式 - vueRouter5. 表单校验交互 - veeValidate6. 列表查询的UI和交互 - elem...

2018-12-26 11:57:48 4083

原创【上传组件优化】el-upload组件结合上传阿里云OSS实现更优交互

1、效果展示2、实现代码在components目录下，新建组件 myImgUpload.vue，代码如下：<template> <div> <el-upload :class="disabled ? 'hideAdd' : 'showAdd'" ref="myImgUpload"...

2018-12-26 11:42:10 3145

原创 js接收客户端base64图片转换Blob

大致场景就是前端通过jsBridge获取客户端返回的base64图片数据，然后将base64的数据转为Blob图片，然后拿着这个Blob图片文件上传到阿里云去！对，就是这个意思，接下来请欣赏项目中滴代码：// 将以base64的图片url数据转换为BlobconvertBase64UrlToBlob(urlData) { var binary = atob(urlData) ...

2018-12-22 15:17:13 3072

原创 Javascript函数节流 —— How To Use Throttle

为限制输入框change事件疯狂发送查询请求，此时我们就需要用一个节流函数来优化一下性能了。大致思路：设置一个定时器，在指定时间间隔内运行代码时重置定时器，直到函数请求停止，函数才会在限定时间之后才会正式执行。实际项目中，将节流函数挂载到vue原型上，方便调用，例 main.js 中：// 写一个节流函数Vue.prototype.$throttle = (method) =&gt...

2018-12-22 14:25:57 992

原创关于git如何移花接木——本地分支推送多个远程分支

如何实现本地一份代码，同时推送给多个远程项目。一顿操作如图：关键命令：git remote -v 查看远程地址git remote remove origin 移除远程关联git remote add origin ...(git地址) 关联远程地址以上命令，只是切换origin，具体操作还需要把本地分支推送到origin，此处就不展开。 ...

2018-12-19 14:40:36 2208

echarts.min.js

该资源仅提供常用的几个图表控件，上传于此方便自己下载使用。有需要的同学建议直接去官网下载哦：https://www.echartsjs.com/zh/index.html

2019-10-25

operation-demo.zip

1. 用户登录态的实现 - cookie 2. 本地mock数据方式 - EasyMock/ExpressMock/MockJs/YapiMock/本地拦截 3. 前端请求做了哪些事情 - axios 4. 前端路由模式 - vueRouter 5. 表单校验交互 - veeValidate 6. 列表查询的UI和交互 - elementUI

2019-08-13

自定义生成后的jsonlint

这是基于jison工具，通过修改JSONNumber中的numer转换规则，将long类型的numer值进行匹配，然后将其转为string，从而避免Long类型的数据在js中出现精度丢失的问题。该jsonling.js文件是已经修改过后生产的辅助文件，可直接在项目中引用。使用方法： 1、在html中引入该文件 [removed][removed] 2、在请求的相应数据response中调用它 return jsonlint.parse(data) 3、可在控制台查看每次请求拿到的数据，long类型已转换string；注意浏览器中的Preview显示还是异常的，这个不影响前端读取数据。

2018-09-20

jquery-touchslider使用案例（注解版）

1、包含jquery、touchslider的js插件代码，以及两个使用案例，其中test.html为关键的注释版例子。 2、该代码主要展示了手机端H5滑动切换页面的使用方法。

2017-07-24

ExtJs常用布局--layout详解实例代码

ExtJs常用布局--layout详解实例代码: ExtJs常见的布局方式有：border、form、absolute、column、accordion、table、fit、card、anchor 另外，不常见的布局有：tab、vbox、hbox 具体使用方法可见该文件的案例代码。该文件含ext3.2.0压缩版，可直接运行哦！

2016-05-23

用extjs写的登录界面

这是用extjs3.2.0写的一个登录界面，而且是经过删减ext中无效文件的精简版，里面给了详细的注释说明，方便入门学习！功能强大：包括账号密码的判断、浏览器缩放时候的窗口自适应、键盘enter键的监听、分别用相对定位和绝对定位对ext元素进行布局等。

2016-03-28

一个复杂美观的登录界面

相比之前的那个【简单版】登录界面，该模板新增： 1、js 回车事件，并且能够兼容多个浏览器； 2、界面布局的层次结构优化； 3、按钮监听响应事件的实现方式优化； 4、包含全屏方法的实现； 5、连个div块的叠加； ---------------------------以下为上个版本介绍--------------------------- 用html、JS、css写的一个登录界面的网页。可以进行用户名、密码判断；界面跳转。当然，该例子主要是展示css对页面的美化效果。

2016-03-24

2048小游戏——网页版（改进篇）

重点说明：该资源为原版2048的改进版！主要改进：1、把数字换成了文字；2、新增暂停查分按钮；3、尺寸改为屏幕的百分比，支持缩放。 ---------- 以下为上个版本的介绍 ---------- 这是一个用js写的网页版2048游戏，实现2048游戏的基本功能。比如：绘制网格、随机生成数字、动画移动数字、累计分数、重置游戏等。我再代码中进行了非常详细的注释，相信有一点点基础的开发人员都能迅速看懂，快来试试吧！当然，大神还可以在这个文档的基础上对游戏进行改进，比如添加一些更炫酷的动画效果，自定义数字、文字、图像等。

2016-03-16

一个简单美观的登录界面

用html、JS、css写的一个登录界面的网页。可以进行用户名、密码判断；界面跳转。当然，该例子主要是展示css对页面的美化效果。

2016-03-09

2048小游戏——网页版

这是一个用js写的网页版2048游戏，实现2048游戏的基本功能。比如：绘制网格、随机生成数字、动画移动数字、累计分数、重置游戏等。我再代码中进行了非常详细的注释，相信有一点点基础的开发人员都能迅速看懂，快来试试吧！当然，大神还可以在这个文档的基础上对游戏进行改进，比如添加一些更炫酷的动画效果，自定义数字、文字、图像等。

2016-03-07

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

转载 【笔记】前端开发的演变

原创 后台管理系统模板简介

原创 【上传组件优化】el-upload组件结合上传阿里云OSS实现更优交互