行进中的技术唛-CSDN博客

原创 JavaScript Loop

JavaScript中的循环for 语句代码:// 普通写法const arr = [1,2,4,5]for(var i = 0, i < arr.length; i < len; i++){ console.log(arr[i])}// 优化版（使用临时变量将长度缓存起来，避免重复获取数组长度当数组较大时优化效果才会比较明显这种方法基本是所有循环遍历方法中性能最高的一种）const arr = [1,2,4,5]for(var i = 0, len = a

2021-04-14 18:05:31 1686

原创跳骚知识（二）本着为日后赋能设计需求提供些思路，记录下一些交互实现

跳骚知识（二）本着为日后赋能设计需求提供些思路，记录下一些交互实现；分组列表悬浮顶部栏(吸顶效果如下图qin'x'h)

2020-12-09 16:55:31 156

原创 Weex小保姆填坑

Android准备工作：Node安装好下载-安装-配置（#计算机#右键----属性----高级系统设置----环境变量----PATH新建，此处是nodeJs安装的路径，本机C:\Program Files\nodejs）模拟器下载-安装（此处安装的夜神）Java和Android环境配置参考地址行动：创建一个App为例按照官方API即可创建成功。注：（支持热更新）执行...

2019-08-07 17:43:20 187

原创跳骚知识

了解下前端er耕耘的田----------浏览器科普一、组成：Shell + 内核（图侵删）Shell ：User Interface（用户界面） ---包括地址栏、后退/前进按钮、书签目录等Browser engine（浏览器引擎） ---在用户界面和渲染引擎之间传送指令/在客户端本地缓存中读写数据Networking（网络） ---完成网络调用或资源下载的...

2019-05-09 17:20:21 579

原创前端必掌握概念脑图整理（五）

面向对象的程序设计-JSONTips：请全屏浏览，整理摘自JavaScript高级程序设计（第3版）。如需请自取，建议长久保存。Json(JavaScript Object Notation,JavaScript对象表示法)，是JavaScript的一个严格的子集，利用JavaScript中的一些模式来表示结构化的数据。Douglas Crockford 认为与XML相比，JSON是在Jav...

2018-11-12 14:39:34 152

原创移动端“tap”和“click”

关于“tap”事件失效问题（即点透）解决办法：引用fastclick.js入门使用：http://blog.csdn.net/zfy865628361/article/details/49512095大牛源码分析http://www.cnblogs.com/yexiaochai/p/3442220.htmlgit源码https://github.com/ftlabs/fastcl...

2018-11-12 14:24:54 931

原创 JS判断当前设备操作系统

/*** 判断当前系统（ios/android）* @type {{ Android: Function, BlackBerry: Function, iOS: Function, Window: Function, any: Function }}*/var isMobile = { Android: function () { return navigator.userAgent...

2018-11-12 14:23:50 2476

原创前端必掌握概念脑图整理（四）

面向对象的程序设计-继承（二）Tips：请全屏浏览，至此面向对象的程序设计之继承整理完毕，整理摘自JavaScript高级程序设计（第3版）。如需请自取，建议长久保存。...

2018-11-09 15:34:24 213

原创前端必掌握概念脑图整理（三）

面向对象的程序设计-继承（一）Tips：请全屏浏览，此次只整理了前三种继承方式，后续有另三种，整理摘自JavaScript高级程序设计（第3版）。如需请自取，建议长久保存。...

2018-11-09 15:31:57 204

原创前端必掌握概念脑图整理（二）

面向对象的程序设计–创建对象（二）Tips：请全屏查看！至此面向对象的程序设计之创建对象已整理完毕。此整理摘自JavaScript高级程序设计（第3版）。如需请自取，建议长久保存。...

2018-11-09 14:32:43 196

原创前端必掌握概念脑图整理（一）

面向对象的程序设计–创建对象（一）Tips：请全屏查看！未完成，有空再整理。此整理摘自JavaScript高级程序设计（第3版）。

2018-11-09 14:22:24 4238

原创 Web移动端混合开发--IonicFramework

一：Ionic安装及使用一览图（请全屏查看）号外！准备：JDK下载地址 http://www.oracle.com/technetwork/java/javase/downloads/index.html安装好之后环境变量配置: 新建系统变量JAVA_HOME 和CLASSPATH 变量名：JAVA_HOME 变量值：C:Program FilesJavajdk...

2018-11-09 14:17:50 2538

原创初踩angularJs

Angular.element和$document的使用方法分析，代替JqueryAngularJs是不直接操作DOM的，但是在平时的开发当中，我们有的时候还是需要操作一些DOM的，如果使用原生的JS的话操作过于麻烦，所以大家一般都是使用jQuery，jQuery虽然好用，但是AngularJs是不建议和JQuery同时使用的，所以AngularJs给我们也提供了一些操作DOM的方法———J...

2018-11-08 10:46:46 126

原创 HTML 5 video 标签使用

科普一下：注意事项来啦！关于ogg格式的文件费了点周折，转码软件好多都不支持，这里找到了一个谢天谢地的软件：AVCUltimate本机本地转码后文件地址：C:\Users\ *** \Videos\Any Video Converter Ultimate\HTML5转码注意要格外设置下视频、音频属性，不然出来的视屏分辨率会比较低处理完这些就可以肆无忌惮时髦的用HTML5的video啦...

2018-11-07 14:30:58 352

原创 webpack参照好文推荐

传送！链1：https://github.com/lengziyu/learn-webpack链2：https://github.com/slashhuang/blog/issues/1

2018-11-07 14:19:03 231

原创关于portal的问题

困扰：自弹的portal页按钮失效需求是将用户手机号放进了localstorage中，结果发现自弹portal貌似不支持H5的新特性，换成cookie果然生效。另对元素绑定点击事件on(“click”,fn)方法貌似也有问题，换成 .click(fn) 果断通过。后发现竟然对于对象的声明也是古老：obj.test = hello 不支持，obj[test] = hello 就可以了，真也是汗=_...

2018-11-07 14:11:50 525

原创关于requireJS和seaJS

区别项requireJSseaJS部分总结/总体总结1.定位想成为浏览器端的模块加载器，同时也想成为 Rhino / Node 等环境的模块加载器专注于 Web 浏览器端，同时通过 Node 扩展的方式可以很方便跑在 Node 服务器端2.遵循的标准遵循的是 AMD（异步模块定义）规范遵循的是 CMD （通用模块定义）规范规范的不同，导致了两者 API 的...

2018-11-07 11:32:45 221

原创 JS中的'=='与'==='

情形一情形二情形三对于String、number等基础类型，有别对于array、object等高级类型，无别基础类型和高级类型，有别“==”1）不同类型:只比较“转化成同一类型后的值”，看“值”是否相等； 2）同类型:直接进行“值”比较，两者结果一样进行“指针地址”比较对于"=="，将高级转化为基础类型，进行“值”比较“===”1）不同类型:如果类...

2018-11-07 11:13:08 107

原创 JS高阶函数(Higher-order function 即让函数的参数能够接收别的函数）

简单的例子：function(x,y,fn){ return fn(x) + fn(y);}// 调用add(-5,6,Math.abs); // 11推导过程如下：x = -5;y = 6;fn = Math.abs;fn(x) + fn(y) ==> Math.abs(-5) + Math.abs(6) ==> 11;return 11;...

2018-11-07 11:04:03 621

原创所谓的全局污染

总说要避免创建全局变量,原因如下：若声明了全局变量，全局变量就会绑定到window上，不同的javascript文件如果使用了相同的全局变量，或者定义了相同命名的顶层函数，都会造成命名冲突，并且很难被发现，即造成了全局变量的污染。减少冲突的一个方法就是把自己的所有变量和函数全部绑定到一个全局变量中。例如：//唯一的全局变量myVariable ：var myVariable = {};...

2018-11-07 10:59:08 1697

原创 jQuery插件datatables封装

1.功能封装：基本的布局显示索引列实现真分页（并非一次性全部加载完所有数据）排序复选1.目录结构如下展开后：先上两张Demo效果：2.遇到的问题：添加索引列时发现报错各种排查错误，就是按照官方的写法啊，最后发现是在调用datatables的方法时将DataTable()写成了dataTable()汗啊，是个方法IDE都没高亮表示就证明拼写有错啊！低级错误！2...

2018-11-07 10:47:34 602

原创 Canvas初探

1.画布方法代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>画布方法</title> </head> <body> <canvas id="c

2018-11-07 10:17:34 150

原创 SVG初探

1.HTML5中使用SVG代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>在HTML5中使用SVG</title> </head> <body> <!-

2018-11-05 18:09:17 120

转载软件设计原则

1.避免重复原则（DRY – Don’t repeat yourself）编程的最基本原则是避免重复。在程序代码中总会有很多结构体，如循环、函数、类等等。一旦你重复某个语句或概念，就会很容易形成一个抽象体。2.抽象原则（Abstraction Principle ）与DRY原则相关。要记住，程序代码中每一个重要的功能，只能出现在源代码的一个位置。3.简单原则（Keep It Simple ...

2018-11-05 17:46:03 92

原创 MVC/MVP/MVVM

一、MVCMVC模式的意思是，软件可以分为三个部分。视图（View）：用户界面控制器（Controller）：业务逻辑模型（Model）:数据保存各部分之间的通信方式如下：（所有通信都是单向的）View传送指令到ControllerController完成业务逻辑后，要求Model改变状态Model将新的数据发送到View，用户得到反馈二、互动模式接受用户指令时，MV...

2018-11-05 17:40:55 141

行进中的Blog