摘要：
1.理解DOM： DOM（Document Object Model ，文档对象模型）一种独立于语言，用于操作xml，html文档的应用编程接口。 怎么说，我从两个角度理解： 对于JavaScript，为了能够使JavaScript操作Html，JavaScript就有了一套自己的dom编程接口。 阅读全文
摘要：
--> --> --> --> --> ... 阅读全文
摘要：
mpvue是美团前端团队开发（基于vue），wepy是腾讯前端团队开发（基于vue），Taro是京东前端团队开发（基于react） 个人觉的wepy虽然是腾讯自己弄的一套框架，但有点不伦不类，又不完全是vue代码，还用react的数据管理工具，让用vue的人有点接受不了。还不如直接用mpvue和Ta 阅读全文
摘要：
方法一： 方法二： 使用： 再来一个，直接舍去的办法： 阅读全文
摘要：
Title 阅读全文
摘要：
九宫格算法核心： 公式： 行 row=parseInt(i/cols); 列 col=parseInt(i%cols); i是当前的盒子，cols是总列数， 代码示例： 九宫格（用原生js实现） 1、本文的九宫格是用原生的js实现的； 2、实现的九宫格效果是：可交换1-9的任意方格，且将方格拖拽至大 阅读全文
摘要：
在单页应用如此流行的今天，曾经令人惊叹的前端路由已经成为各大框架的基础标配，每个框架都提供了强大的路由功能，导致路由实现变的复杂。想要搞懂路由内部实现还是有些困难的，但是如果只想了解路由实现基本原理还是比较简单的。本文针对前端路由主流的实现方式 hash 和 history，提供了原生JS/Reac 阅读全文
摘要：
var main = main || {}; ; (function (main) { 'use strict'; //私有变量 var _s1 = 'Hello '; var _s2 = 'World!~'; //私有方法 var _func = { helloWorld: function (s 阅读全文
摘要：
本文所用源代码已上传，需要的朋友自行下载：点我下载 第一步： 全局安装 npm install -g requirejs 第二步： 1、以下例子主要实现功能， 1）引用jq库获取dom中元素文本， 2）实现并引用去空格工具类trim， 3）最后获取文本并去掉空格后输出， 4）打包js（将所有js文件 阅读全文
摘要：
main.js module1.js module2.js 参考资料： http://www.ruanyifeng.com/blog/2012/10/javascript_module.html http://www.ruanyifeng.com/blog/2012/10/asynchronous_ 阅读全文
摘要：
//gulpfile.js "use strict"; const gulp = require("gulp"), newer = require("gulp-newer"), imagemin = require("gulp-imagemin"), sass = require("gulp-sass"), sourcemaps = require("gulp... 阅读全文
摘要：
1、postcss相关网站 https://www.postcss.com.cn/ https://www.ibm.com/developerworks/cn/web/1604-postcss-css/ 2、介绍 PostCSS 的主要功能只有两个：第一个就是前面提到的把 CSS 解析成 JavaS 阅读全文
摘要：
下各常用浏览器所使用的内核。 1、IE浏览器内核：Trident内核，也是俗称的IE内核； 2、Chrome浏览器内核：统称为Chromium内核或Chrome内核，以前是Webkit内核，现在是Blink内核； 3、Firefox浏览器内核：Gecko内核，俗称Firefox内核； 4、Safar 阅读全文
摘要：
递归组件 什么是递归组件？ 组件自身去调用组件自身。 代码示例 DetailList.vue(子组件-递归组件) Detail.vue（父组件） 注意：父组件中的数据结构是二维数组。子组件调用自身之后，对于css样式，我们只要仅仅关注一级列表即可，二级列表会自动使用相同的样式。如图： 阅读全文
摘要：
比如一张图片当鼠标放到上面时，图片改变。想找到这个事件对应的js代码，假设另存为html之后，文件夹中有.js文件。 如果你会调试，可以用打开浏览器的调试功能，以chrome为例，按F12打开调试窗口，切换到Sources选项卡，最右边的Event Listener Breakpoints里勾选Mo 阅读全文
摘要：
响 应式Web设计对于解决多类型屏幕问题来说是个不错方案，但从印刷的角度来看，其却存在着很多的困难。没有固定的页面尺寸、没有毫米或英寸，没有任何物理 限制，让人感到无从下手。随着建立网站可用的各种小工具越来越多，像素设计局限于桌面和移动端也已经成为历史。因此，现在就让我们来说明一下如何运用响应 式W 阅读全文
摘要：
session入库，就是重写session制机，在session的周期内，获得到session的数据并记录到数据库 Session默认是存放到服务器上的文件中,不方便管理,如果能把session存放到数据库中就可以方便的对数据库进行管理了 比如： session入库可以解决哪些问题？ 1. 可以解决 阅读全文
摘要：
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/m0_37809478/article/details/76619207 一、CSS3动画 名称用途链接 阴影波纹特效 1.元素hover效果 2.突出表现效果 http://www.jq22.com/ 阅读全文
摘要：
事件驱动和异步IO通常，我们写服务器处理模型的程序时，有以下几种模型：（1）每收到一个请求，创建一个新的进程，来处理该请求；（2）每收到一个请求，创建一个新的线程，来处理该请求；（3）每收到一个请求，放入一个事件列表，让主进程通过非阻塞I/O方式来处理请求上面的几种方式，各有千秋，第（1）中方法，由 阅读全文
摘要：
就在这个周末，npm 超过了 cpan ，成为地球上最大的软件模块仓库。 npm 的模块都是 JavaScript 语言写的，但浏览器用不了，因为不支持 CommonJS 格式。要想让浏览器用上这些模块，必须转换格式。 本文介绍浏览器加载 CommonJS 的原理，并且给出一种非常简单的实现。 一、 阅读全文
摘要：
/** * 演示arguments的用法,如何获取实参数和形数数 */ function argTest(a,b,c,d){ var numargs = arguments.length; // 获取被传递参数的数值。 var expargs = argTest.length; // 获取期... 阅读全文
摘要：
类型检测的方法 typeof instanceof Object.protype.toString constructor duck type:鸭子类型 typeof 返回一个字符串，适合函数对象和基本类型的判断 instanceof 返回一个布尔值，判断对象类型（基于原型链的方式） 原理：左边对象 阅读全文
摘要：
Emmet是许多流行文本编辑器的插件，它极大地改进了HTML和CSS工作流程：在Netbeans IDE 下安装Emmet：1、打开Netbeans IDE编辑器，选择 工具—>插件选项，在 可用插件选项中搜索Em... Emmet是许多流行文本编辑器的插件，它极大地改进了HTML和CSS工作流程： 阅读全文
摘要：
try{ //正常执行 }catch(e/*你感觉会出错的 错误类型*/){ // 可能出现的意外 eg:用户自己操作失误 或者 函数少条件 不影响下面的函数执行 // 有时也会用在 比如 focus() 但可恶的ie有可能会第一次没有focus事件 再让他执行一次 // 有时一些不是bug的bug 阅读全文
摘要：
解决办法 阅读全文
摘要：
排序算法说明: （1）对于评述算法优劣术语的说明 稳定：如果a原本在b前面，而a=b，排序之后a仍然在b的前面；不稳定：如果a原本在b的前面，而a=b，排序之后a可能会出现在b的后面； 内排序：所有排序操作都在内存中完成；外排序：由于数据太大，因此把数据放在磁盘中，而排序通过磁盘和内存的数据传输才能 阅读全文
摘要：
function addLoadEvent(func){ var oldonLoad = window.onload; if(typeof window.onload != 'function'){ window.onload = func; }else{ ... 阅读全文
摘要：
由于公司业务需求，要一个公共toast ,下面是自己封装的一个。 css: js: 已上代码不用看，按下面操作来就行： 1.新建文件夹 如toast 2.新建css文件，命名toast.css,把上面的css复制到这个文件里 3.新建js文件，命名toast.js,把上面的js复制到这个文件里 好了 阅读全文
摘要：
要：添加Expires头能有效的利用浏览器的缓存能力来改善页面的性能，能在后续的页面中有效避免很多不必要的Http请求，WEB服务器使用Expires头来告诉Web客户端它可以使用一个组件的当前副本，直到指定的时间为止。 例如：Expires：Thu，15 Apr 2010 20：00：00 GMT 阅读全文
摘要：
react+----这三个够用了 下面四个的地址没有经过测试，备用。 阅读全文
摘要：
最近在做一个小游戏时发现了一个问题，总是在弹出img时先出现一个灰色的边框，所以为了查找问题，查找了一些关于img 默认边框的小知识点。 在这里整理了一些知识点： 一. 下面代码都试验过后会发现，img会有外边框，这个也是使用img元素的一个坑 一般在img为空时出现，因为浏览器找不到图，就会用一个 阅读全文
摘要：
闭包是JS的一种特性，其中一点就是：可以将外部函数的变量保存在内存中，利用这一特性，我们可以用来实现类的单例模式。 首先需要了解何为单例模式： 意图：保证一个类仅有一个实例，并提供一个访问它的全局访问点。 主要解决：一个全局使用的类频繁地创建与销毁。 何时使用：当您想控制实例数目，节省系统资源的时候 阅读全文
摘要：
微信小程序使用模板消息需要使用支付prepay_id或表单提交formId， 要获得 formId 需要在 form 标签中声明属性 report-submit="true" .wxml 代码如下： .js 代码如下： 在微信开发者工具中运行获取的 formId 为 the formId is a 阅读全文
摘要：
在最近的开发当中，我们需要为img标签以及canvas动态绘制的图像提供下载功能，下面是经过探索后我们得出的结果。 一、Canvas 版本 二、img 标签版本 改进版 由于跨域会导致a标签在部分浏览器中会直接打开新标签页，所以改进如下 三、总结 我们主要使用的是a标签的download属性, 下面 阅读全文
摘要：
NO.01 CSS Tools: Reset CSS 网站：https://meyerweb.com/eric/tools/css/reset/ 优点：老牌，用的人多。 NO.02 yui : Reset CSS 网站：https://yuilibrary.com/yui/docs/cssreset 阅读全文
摘要：
小程序的textare、input输入框层级是最高的 那么我们在textare、input输入的内容就会总是显示在最上一层。 这是时为什么呢？官方文档有说明，因为textare、input这些是原生组件。原生组件的层级是最高的，不管其它非原生组件z-index设置多大，原生组件都无法覆盖在原生组件上 阅读全文
摘要：
先来看小程序中的保存图片到相册的api 上面的saveImageToPhotosAlbum的用法是不能获取到文件的，因为filePath在官方的说法是可以是临时文件路径或永久文件路径。 而"filePath : ./test.png"只是一个相对路径（相对小程序项目来说的一个路径），而我们需要的是临 阅读全文
摘要：
history.back(-1):直接返回当前页的上一页，数据全部消息，是个新页面 history.go(-1):也是返回当前页的上一页，不过表单里的数据全部还在 history.back(1) 前进 history.back(-1) 后退 window.location.reload(); //刷 阅读全文
摘要：
ES6中新增了Set数据结构，类似于数组，但是 它的成员都是唯一的 ，其构造函数可以接受一个数组作为参数，如： ES6中Array新增了一个静态方法Array.from，可以把类似数组的对象转换为数组，如通过querySelectAll方法得到HTML DOM Node List，以及ES6中新增的 阅读全文
摘要：
HTML（代码整洁，语义化标签）. css(模块化，可伸缩） CSS方法（BEM, SMACSS,OOCSS) CSS预处理器（SCSS，LESS,PostCSS) 现代css（FlexBox， Grid) JS 现代JS（ES6,ES7,Typescript) JS框架（ReAct，VUE, An 阅读全文