![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
无处安放的前端
爱编程 不爱bug
展开
-
判断两个数组中的数据类型是否相等
1. 具体需求:// 获取数据类型 function type(data) { //判断数据类型 let type = Object.prototype.toString.call(data) return type.replace("[object ", "").replace("]", "").toLowerCase() }// 比较两个数组fun...原创 2019-11-07 14:26:14 · 811 阅读 · 0 评论 -
fileupload + php 支持拖拽 本地图片上传回显
项目准备第一步 导入jqeury插件 注意导入顺序 <script src="./js/jquery.min.js"></script> <script src="./js/jquery.ui.widget.js"></script> <script src="./js/jquery.iframe-tra...原创 2019-07-11 21:29:54 · 1452 阅读 · 0 评论 -
zepto.js 定制步骤
1、安装Nodejs环境2、下载zepto.js3、解压缩4、cmd命令行进入解压缩后的目录5、执行npm install 命令6、编辑make文件,没有后缀,添加自定义模块并保存7、然后执行命令 npm run-script dist8、查看目录dist即构建好的zepto.js...原创 2019-07-16 20:00:02 · 239 阅读 · 0 评论 -
iscroll 的使用
iScroll是一个高性能,资源占用少,无依赖,多平台的javascript滚动插件。它可以在桌面,移动设备和智能电视平台上工作。它一直在大力优化性能和文件大小以便在新旧设备上提供最顺畅的体验。iScroll不仅仅是 滚动。它可以处理任何需要与用户进行移动交互的元素。在你的项目中包含仅仅4kb大小的iScroll,你的项目便拥有了滚动,缩放,平移,无限滚动,视差滚动,旋转功能。给它一个扫帚...原创 2019-07-16 22:01:44 · 386 阅读 · 0 评论 -
iscroll 下拉刷新
前端代码部门<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery.min.js"></script> <...原创 2019-07-16 22:57:27 · 1393 阅读 · 0 评论 -
node.js 递归遍历打印文件夹
应用到的api有/** * @author zsw * @date 2019/7/20 9:25 * @version 1.0 *///根据命令行参数 根据该目录,读取该目录下的所有文件并输出const path = require("path");const fs = require('fs');//把接收的相对路径转为绝对路径let filepath = p...原创 2019-07-20 11:03:15 · 223 阅读 · 0 评论 -
Node + express 中 req resp常用的方法
1. 请求体中常用的方法req.params一个数组,包含命名过的路由参数。req.param(name)返回命名的路由参数,或者 GET 请求或 POST 请求参数。建议你忽略此方法。req.query一个对象,包含以键值对存放的查询字符串参数(通常称为 GET 请求参数)。req.body一个对象,包含 POST 请求参数。这样命名是因为 POST 请求参数在 REQUES...原创 2019-07-25 00:21:43 · 2248 阅读 · 1 评论 -
node.js基础 (path fs http)
以前博主也发过node 类似的文章 但是内容不够详细 所以博主又重新梳理了一下关于node的知识点1. node.js 的优势: 对于文件读写,Node采用的是非阻塞IO 传统IO在读写文件的时候CPU来处理,而代码执行也处于等待中,浪费性能 非阻塞IO将读写操作交给CPU,而代码正常执行,减少等待浪费的性能 2. node.js的特点 其移植了chrom...原创 2019-07-21 20:42:09 · 336 阅读 · 0 评论 -
node.js + koa 常用第三方中间件 以及登录小案例
koa 代码编写上避免了多层的嵌套异步函数调用 async await来解决异步 async await 需要依赖于promise 更轻... 减少了内置的中间件 express.static处理静态资源的内置中间件 express.Router() 路由 启动步骤 引入Koa构造函数对象 const Koa = require('koa') ...原创 2019-07-25 21:17:58 · 2496 阅读 · 0 评论 -
node.js 框架
1. express 安装npm i express -S 1:引入express第三方对象 2:构建一个服务器对象 3:开启服务器监听端口 4:处理响应 在express中,保留了原生http的相关属性和函数 // 构建一个服务器对象const express = require('express');let server...原创 2019-07-22 20:55:21 · 130 阅读 · 0 评论 -
JavaScript 倒序输出带空格字符串
1. 第一种方法 function revertByWord (str){ //1. 分割字符串 按空格进行分割 数组的元素的先后顺序就是单词的顺序 let arr = str.split(' ') console.log(arr) let result = arr.map(item =>{ return item.split('...原创 2019-08-29 19:46:25 · 364 阅读 · 0 评论 -
给定一个仅包含数字 2-9 的字符串,返回所有它能表示的字母组合。
思路:1. 先建立电话号码与键盘的映射 => ['', 1, 'abc', 'def', 'ghi', 'jkl', 'mno', 'pqrs', 'tuv', 'wxyz']2. 把输入的字符串按单字符分割变成数组 => 234=>[2,3,4]3. 保存键盘输入后的映射内容 => 23 => [abc,def]4. 递归组合字母...原创 2019-08-29 21:35:27 · 2459 阅读 · 0 评论 -
jquery 实现瀑布流 动态获取服务端数据 以及滚动加载服务端数据
1. html+css部分<div class="container"> <div class="items"> </div> <div class="btn">点击加载</div></div> .container { width: 1200px;...原创 2019-07-18 13:27:04 · 4961 阅读 · 0 评论 -
自定义Jquery(雏形)
最近博主闲来无事 所以看了一下Jquery的源码 越看越觉得博大精深 后来又参考了其他大牛写的文章 于是自己也决定开始来封装一个js库 现在暂时才只有一个雏形 后续会继续更新 其中可能还要很多不足 欢迎各位大佬指点 (function (global) { function JQuery(select) { return new JQue...原创 2019-06-28 13:37:47 · 1553 阅读 · 0 评论 -
Es6中的重点(箭头函数与普通匿名函数的区别 Promise基本操作 函数错误处理 回调地狱 async理解与基本用法 )
箭头函数和普通匿名函数有哪些不同?函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。不可以当作构造函数,也就是说,不可以使用new命令,否则会抛出一个错误。不可以使用arguments对象,该对象在函数体内不存在。如果要用,可以用 rest 参数代替。(不常用)不可以使用yield命令,因此箭头函数不能用作 Generator 函数。generator函数现在经...原创 2019-06-25 00:34:45 · 1748 阅读 · 0 评论 -
vue 起步小白学习笔记
项目初始化1.安装vue-cli cnpm install --global vue-cli2.初始化项目 vue init webpack my-project3.进入项目 cd my-project4.安装依赖 npm install5.启动项目 npm run dev项目目录结构index.html:项目根视图.postcssrc.js:postcss配置文件...原创 2019-05-24 22:58:02 · 88 阅读 · 0 评论 -
vue基础学习笔记
Vuevue单文件方式 xxx.vue1:准备好配置文件 package.json(包描述文件&& 封装命令npm run dev) + webpack.config.js文件(打包的配置文件)2:创建index.html(单页应用的页)3:创建main.js(入口文件)4:引入vue和相关的文件xxx.vue5:new Vue(options)6:options(...原创 2019-05-24 23:00:58 · 327 阅读 · 0 评论 -
axios配合vue使用解决跨域问题
中文参考站点:https://www.kancloud.cn/yunye/axios/234845vue官网维护了一个网络请求:vue-resource,后期不维护了,推荐使用axiosvue -> axios:Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。安装:npm install axios --save引入:import...原创 2019-05-24 23:04:15 · 509 阅读 · 0 评论 -
Promise 介绍
Promise 是一个 构造函数,既然是构造函数, 那么,我们就可以 new Promise() 得到一个 Promise 的实例;在 Promise 上,有两个函数,分别叫做 resolve(成功之后的回调函数) 和 reject(失败之后的回调函数);在 Promise 构造函数的 Prototype 属性上,有一个 .then() 方法,也就说,只要是 Promise 构造函数创...原创 2019-05-17 13:00:48 · 549 阅读 · 0 评论 -
js 高级构造函数的执行过程 闭包的概念 以及作用域链
构造函数的概念任何函数都可以当成构造函数function CreateFunc(){ }只要把一个函数通过new的方式来进行调用,我们就把这一次函数的调用方式称之为:构造函数的调用new CreateFunc(); 此时CreateFunc就是一个构造函数CreateFunc(); 此时的CreateFunc并不是构造函数构造函数的执行过程var p1=new P...原创 2019-06-20 08:58:28 · 790 阅读 · 0 评论 -
Ecmascript 6基本用法
let 和 constlet: let 类似于 var,用来声明变量 通过 let 声明的变量不同于 var,只在 let 命令所在的代码块内有效(块级作用域) let 声明的变量不存在变量提升 let不允许在相同作用域内,重复声明同一个变量 const: const声明一个只读的常量。一旦声明,常量的值就不能改变 const 声明必须初...原创 2019-06-16 14:45:11 · 142 阅读 · 0 评论 -
js中原继承的几种创建方式
JS中继承的概念:通过【某种方式】让一个对象可以访问到另一个对象中的属性和方法,我们把这种方式称之为继承 并不是所谓的xxx extends aaa为什么要使用继承?有些对象会有方法(动作、行为),而这些方法都是函数,如果把这些方法和函数都放在构造函数中声明就会导致内存的浪费 function Person(){ this.say=function(){ ...原创 2019-06-17 06:48:18 · 901 阅读 · 0 评论 -
js 一个简单的bind方法的基本实现
Function.prototype._bind = function (target) { return( ()=> { this.call(target) })}function fn() { console.log(this)}let _fn = fn._bind({age:120})原创 2019-06-24 11:46:44 · 326 阅读 · 0 评论 -
require模块管理 通过hashchange事件 模拟Vue中的路由
Route.jsdefine([],function () { function Route(option) { this.routes = option.routes; this.init(); } Route.prototype = { constructor:Route, init(){ ...原创 2019-07-02 19:26:26 · 298 阅读 · 0 评论 -
js中判断数据类型的方式 以及 如何解决bind在浏览器中的兼容问题 以及 bind call apply区别
js中判断数据类型typeoftypeof只能判断:数字、字符串、布尔值、undefined、函数Object.prototype.toString.call()5 ‘[object Number]’“abc” ‘[object String]’true ‘[object Boolean]’null ‘[object Null]’undefined ‘[object U...原创 2019-06-25 00:20:27 · 1518 阅读 · 0 评论 -
js 事件的兼容处理 封装自定义方法
//foreach的兼容代码if (!Array.prototype.forEach) { Array.prototype.forEach = function(callback, thisArg) { var T, k; if (this == null) { throw new TypeError(' this is ...原创 2019-04-09 09:26:41 · 221 阅读 · 0 评论