随笔分类 - [10]JS
-
JS正则表达式
摘要:JS正则表达式验证数字非常全 Js代码 <script type="text/javascript">function SubmitCk() {var reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a- 阅读全文
-
Webpack按需加载一切皆模块
摘要:前言 在学习 Webpack 之前,我们需要了解一个概念:模块。 何为模块? 如果你曾学过 Java , C# 之类的语言,一定会知道 Java 中的 import 或 C# 中的 using 吧? 比如:我想在 C# 中进行数据库操作,我只需要在代码头部加上 下面这两段代码即可。 using Sy 阅读全文
-
Webpack vs Gulp
摘要:Webpack vs Gulp 谁会被拍死在沙滩上 本文组织结构 理想的前端开发流程 Gulp 为何物 Webpack 又是从哪冒出来的 结论 文章有点长,总共 1800 字,阅读需要 18 分钟。哈哈,没耐心的直接戳我到高潮部分。 理想的前端开发流程 在说构建工具之前得先说说咱期望的前端开发流程是 阅读全文
-
Pomelo分布式游戏服务器框架
摘要:Pomelo介绍&入门 目录 前言&介绍 安装Pomelo 创建项目并启动 创建项目 项目结构说明 启动 测试连接 聊天服务器 新建gate和chat服务器 配置master.json 配置servers.json 配置adminServer.json 解决服务器分配问题 实现gate.gateHa 阅读全文
-
UI 框架
摘要:Vue.js 之 iView UI 框架 像我们平日里做惯了 Java 或者 .NET 这种后端程序员,对于前端的认识还常常停留在 jQuery 时代,包括其插件在需要时就引用一下,不需要就删除。故观念使然,尽管 Nuget 和 Maven 用得顺溜,但对 NPM 仍不带感,兴许是周边无人带动的稀薄 阅读全文
-
Jquery autocomplete插件
摘要:Jquery autocomplete插件的使用示例 简单用法: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C// 阅读全文
-
Vue.js是什么
摘要:Vue.js—快速入门及实现用户信息的增删 Vue.js 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的 阅读全文
-
JS中的的"闭包"?深入Javascript之this
摘要:看了知乎上的话题 如何才能通俗易懂的解释javascript里面的‘闭包’?,受到一些启发,因此结合实例将回答中几个精要的答案做一个简单的分析以便加深理解。 1. "闭包就是跨作用域访问变量。" 【示例一】 在 getName 函数中获取 name,首先在 getName 函数的作用域中查找 nam 阅读全文
-
jquery
摘要:jquery入门知识点总结 一、jquery的加载方法 $(document).ready(function(){js代码}); $(function(){js代码});(一般使用这个); 注意点1:使用jquery必须先导入函数库文件,使用一个单独的script标签,结束代码另起一行script。 阅读全文
-
前端访问服务器
摘要:本地部署前端访问服务器 PS:本系列内容进度节奏会放的很慢,每次知识点都尽量少一点,这样大家接触的知识点少了,会更容易理解,因为少即是多。另外,对于后面代码部分,虽然尽量不用那些复杂的封装和类,但它并不表示看了就能全部记住,并懂得每个函数的用法,在什么时候去调用,清楚它输入的参数类型、能处理的参数类 阅读全文
-
事件
摘要:jquery事件使用方法总结 jquery提供了许多的事件处理函数,学习前端一段时间了,下面对其总结一下,梳理一下知识点。 一、鼠标事件 1. click():鼠标单击事件 $div = $("div") $div.click(data,function (event) { //点击盒子变蓝 $(t 阅读全文
-
ajax和jsonp
摘要:ajax和jsonp 前言:ajax和jsonp可以与后台通信,获取数据和信息,但是又不用刷新整个页面,实现页面的局部刷新。 一、ajax 定义:一种发送http请求与后台进行异步通讯的技术。 原理:实例化xmlhttp对象,使用此对象与后台通信。 ajax的同源策略: ajax请求的页面或资源只能 阅读全文
-
JS易错知识点
摘要:JAVASCRIPT易错知识点整理 前言 本文是学习JavaScript过程中收集与整理的一些易错知识点,将分别从变量作用域,类型比较,this指向,函数参数,闭包问题及对象拷贝与赋值这6个方面进行由浅入深的介绍和讲解,其中也涉及了一些ES6的知识点。对于有疑问的问题,读者可以在问候留言,我会一一作 阅读全文
-
JS实现音乐播放器
摘要:JS实现音乐播放器 前 言 最近在复习JS,觉得音乐播放器是个挺有意思的东西,今天就来用我们最原生的JS写一个小小的音乐播放器~ 主要功能: 1、支持循环、随机播放 2、在播放的同时支持图片的旋转 3、支持点击进度条调整播放的位置,以及调整音量 4、显示音乐的播放时间 5、支持切歌:上一首、下一首、 阅读全文
-
jQuery的Promise
摘要:认识jQuery的Promise 先前了解了ES6的Promise对象,来看看jQuery中的Promise,也就是jQuery的Deferred对象。 打开浏览器的控制台先。 <script> var defer = $.Deferred(); console.log(defer); </scri 阅读全文
-
JS开发打气球游戏
摘要:JS开发打气球游戏 观视频《月薪4万的程序员有多强?半小时原生JS开发打气球游戏,征服现场数万人!》 清晨,日常打开B站,被首页此视频的标题所吸引,虽一看就是标题党,但还是没能抑制住好奇心。视频共计60*3分钟,学习到了很多东西。其中后半部分有许多正三观的见解也非常认同。视频地址:https://w 阅读全文
-
CSS 浮动和清除
摘要:CSS 浮动和清除浮动 在写页面布局的过程中,浮动是大家经常用的属性。在好多的排版布局中都是用的的浮动比如说下面这些地方都是应用到了浮动。 在我学习浮动的时候可是熬坏了脑筋,在这里我分享一下我对浮动这块知识的总结。 一、浮动的定义 使元素脱离文档流,按照指定的方向(左或右发生移动),直到它的外边缘碰 阅读全文
-
electron入门
摘要:electron入门心得 前言 前端开发桌面程序这个概念已经出现有一段时间了,这项技术也已经走向成熟,Github上nw和光electron的star就差不多有10w颗星了,github也衍生出了很多开源的桌面项目俨然成了一个热门项目。既然这么热,那就一个字:学。 本文主要帮助js基础比较薄弱,又没 阅读全文
-
搭建后台管理系统
摘要:Bootstrap Table急速完美搭建后台管理系统 Bootstrap Table是基于 Bootstrap 的 jQuery 表格插件,通过简单的设置,就可以拥有强大的单选、多选、排序、分页,以及编辑、导出、过滤(扩展)等等的功能:http://bootstrap-table.wenzhixi 阅读全文
-
APP
摘要:高仿美团APP 鸣谢:该项目核心部分参考了慕课网精英讲师ustbhuangyi的课程,其余部分高仿美团APP构建。 前端菜鸟项目,大佬们轻喷~ 美团外卖APP 👉 项目演示地址:http://39.108.232.27:9000 👉 GitHub:https://github.com/bxm09 阅读全文