JavaScript
canvas制作动态时钟效果
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>canvas clock</title> <style media="screen"> div{text-align:center;margin-top:2...
redux深入理解之中间件(middleware) 原创
本文代码请看本人github，https://github.com/Rynxiao/redux-middleware 关于redux运用，请看之前一篇文章http://blog.csdn.net/yuzhongzi81/article/details/51880577 理解reduce函数 reduce() 方法接收一个函数作为累加器（accumulator），数组中的每个值（从左到右）开始缩减，...
html/css/javascript 编程挑战
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&qu...
对数据结构和算法的总结和思考（四）--快速排序
快速排序，顾名思义就是快，多快呢？亲测了下，整体性能除了计数排序无人能比，不过计数排序有一个很大的劣势是只能对整数进行排序，这就大大限制了使用场景。所以，快速排序应该是目前表现最好的排序方法，各种解释器都有快速排序的实现，并且快速排序实现简单易于理解。实现原理：找出一个标杆元素，将比标杆元素大的放到右边，小的放到左边，然后递归合并。具体代码如下： // 快速排序 // 找出基准值，取出基准值，遍历...
微信小程序组件化（下） 原创
代码实现 单从组件功能而言，wepy已经满足了小程序绝大部分的组件开发需求，堪称完美。 但如果权衡整个项目： 开发前需要查看开发文档，按照与小程序截然不同的写法编写小程序。对于不熟悉MVVM开发来说有一定的学习成本，而且对于不利于开发者熟悉小程序（就像一个前端开发的入门者就直接使用React.js开发，这样很难熟悉诸如原生JS操作DOM的“相对底层”知识）。 开发时也需要实...
JavaScript 知识点梳理
JavaScript是按照ECMAScript标准设计和实现的，后文说的JavaScript语法其实是ES5的标准的实现。 先说说有哪些基础语法？ 01- 最基础语法有哪些？ 基础语法几乎所有的语言差异不大，无非数据类型、操作符、控制语句、函数等，简单列举下。 5种基本数据类型 & 1种复杂的数据类型 JavaScript包含5种基本数据类型，分别是undefined / null / b...
超多经典 canvas 实例，动态离子背景、移动炫彩小球、贪吃蛇、坦克 原创
普及：<canvas> 元素用于在网页上绘制图形。这是一个图形容器，您可以控制其每一像素，必须使用脚本来绘制图形。 注意：IE 8 以及更早的版本不支持 <canvas> 元素。 贴士：全部例子都分享在我的 GayHub - https://github.com/bxm0927/canvas-special <!-- more --> 尤雨溪个人主页炫彩三角纽带...
微信小程序组件化（上） 原创
小程序对组件化的“支持”情况 微信小程序（以下简称“小程序”，版本）虽然默认定义了很多有用的组件，但是在开发小程序过程中，往往需要自定义业务组件。 而小程序开发者文档中却未对自定义组件给出很好的解决方案或示例。 猜其原因可能有两方面： 从小程序开放的API来看，它去除了DOM和BOM，视图与数据层交互采用简单的单向数据绑定和事件绑的形式。可能其初衷是...
Web前端岗位面试题需要掌握的知识点
作者：汪汪 链接：https://www.zhihu.com/question/41466747/answer/132562725 前端大厂面试的一些常见知识点，大厂前端必须掌握。感谢汪汪贡献。 一、html+css部分 （1）css盒模型，可能会要求手写一个布局，这个布局基本上用到的css是margin的负值，boxing-sizing：border-box，布局尽量往这方面想。浏览器布局的基本...
js数组遍历-Looping over arrays
jstips Looping over arrays JS语言中有很多遍历数组的方法。我们从几个较为传统的遍历方式开始，逐步向大家展示标准的遍历方法。 while let index = 0; const array = [1, 2, 3, 4, ,5]; while (index < array.length) { console.log(array[index]); index++; }...
前端开发中可以选择的几种AJAX 方案
在实际开发中,前端操作数据ajax是必备的 一般从以下几个方面考虑使用哪个方案 代码实现 兼容性 优缺点 接下来对有关js的几种ajax 方案在代码实现，兼容性，优缺点等方面做下对比 comparison js 原生 ajax jq ajax superagent fetch API fetch(node) / node-fetch rxjs ajax 备注 实现 js XMLHttpReques...
json 简介 语法 使用 随笔
JSON： JavaScript对象表示法（JavaScript Object Notation）。是存储和交换文本信息的语法（类似XML）。比XML更小、更快、更容易解析。 JSON语法规则 1、数据在名称/值对中； 2、数据由逗号分隔； 3、花括号保存对象； 4、方括号保存数组； { "employees": [ { "firstName":"...
Maven多模块项目搭建+SSM框架整合（四、Ajax异步获取数据，j 原创
最近有点小忙，但是还是在晚上抽出来点时间更新文章，希望对初学者有帮助（都是从那时候过来的，哈哈）一起努力。 开始正题~~~~ 封装类ResultVo 在与前台页面交互的过程中我们一般会用到一个封装类，来传递数据，我在这里写了一个，见图（通过本文你就会知道它的用处了）。 package com.songci.mytest_one.model.utils; /** * Created by songl...
幻灯片切换效果完全笔记
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>幻灯片效果</title> <style type="text/css"> *{ margin: 0; paddin...
javascript 函数的四种调用方式
javascript 函数有四种调用方式，this指向函数执行时的当前对象。 1.作为一个函数调用。 function myFunction(a, b) { return a * b; } myFunction(10, 2); // 20 注意：当函数没有被自身的对象调用时，this的值就会变成全局对象：window(浏览器窗口)。 2.函数作为方法调用。 var myObject = { fir...
热门手记
-
《手把手从零打造企业级电商平台-前端实战》知识点索引
3282浏览 46推荐 10评论 -
超多经典 canvas 实例，动态离子背景、移动炫彩小球、贪吃蛇、坦克大战等等
336浏览 7推荐 0评论 -
Maven多模块项目搭建+SSM框架整合（四、Ajax异步获取数据，jq动态添加）
738浏览 5推荐 1评论 -
redux深入理解之中间件(middleware)
175浏览 6推荐 0评论 -
canvas制作动态时钟效果
92浏览 5推荐 0评论