随笔分类 -  java script

上一页 1 2
express+cors模拟解决跨域
摘要：模拟写的node服务器请求 const express = require('express') const app = express() app.get('/api/getname', (req, res) => { res.send({ name: '黎明', age: 18 }) }) ap 阅读全文
posted @ 2020-01-07 16:18 潇湘羽西 阅读(5319) 评论(0) 推荐(0)
vue 项目文件流数据格式转blob图片预览展示
摘要：为了图片安全性,有时候上传图片后后台不会直接返回图片地址,会返回文件流的数据格式,这种格式需要处理下才能展示在页面上 // 使用axios请求上传接口 axios({ method: 'get', url: url, // 请求地址 responseType: 'blob' // 设置接收格式为bl 阅读全文
posted @ 2019-11-08 16:26 潇湘羽西 阅读(32879) 评论(0) 推荐(0)
vue项目js实现图片放大镜功能
摘要：效果图: 我写的是vue的组件形式,方便复用,图片的宽高,缩放的比例可以自己定义 magnifier.vue <template> <div class="magnify"> <!-- 左边产品图片区域 --> <div class="left_contaner"> <div class="midd 阅读全文
posted @ 2019-08-15 18:05 潇湘羽西 阅读(5269) 评论(0) 推荐(0)
css and canvas实现圆形进度条
摘要：进度条效果: 话不多说,上代码 使用css动画实现,看到一篇博客的启发,稍微修改了下, css实现的原理是用两个半圆一开始隐藏,再分别旋转180度,最后成为一个整圆 半圆效果,一开始右边的半圆在盒子左边 加上动画,实现右边进度条效果 代码: <div class="container"> <!-- 阅读全文
posted @ 2019-08-08 17:08 潇湘羽西 阅读(1296) 评论(0) 推荐(0)
jQuery实现照片墙,附步骤详解
摘要：现在一直使用vue写项目,发现之前的js都很生疏了,写个小demo练下手,看一下最终效果展示 功能点:点击添加图片随机添加一张图片,图片可以拖动,可以点击删除 技能点: 主要使用了jQuery的一些方法 下面就一步一步来实现它吧 一开始我想做一个按钮可以让用户自己上传图片,结果写了之后发现没有图片上 阅读全文
posted @ 2019-06-29 16:58 潇湘羽西 阅读(2405) 评论(0) 推荐(1)
Array.reduce()方法
摘要：Array.reduce()方法是对数组的遍历,返回一个单个返回值 使用方法: Array.reduce((acc, cur, idx, src) => { }, initialValue) callback回调函数接收4个参数: Accumulator (acc) (累计器) 如果传入了initi 阅读全文
posted @ 2019-05-24 12:19 潇湘羽西 阅读(17886) 评论(1) 推荐(2)
Object.keys()返回对象自身可枚举属性组成的数组
摘要：Object.keys()方法是对一个对象的key遍历,会把key组成一个数组返回 示例: // 参数为数组时,返回的是数组的索引 let arr1 = [1, 2, '3'] console.log(Object.keys(arr1)) // (3)["0", "1", "2"] let arr2 阅读全文
posted @ 2019-05-23 17:41 潇湘羽西 阅读(718) 评论(0) 推荐(0)
vue html页面打印功能vue-print-nb
摘要：vue项目中,HTML页面打印功能.在项目中,有时需要打印页面的表格, 在网上找了一个打印组件vue-print-nb 本博客源码: https://github.com/shengbid/vue-print,这里面只放了打印组件的代码,只需要这个功能的下载这个 https://github.com 阅读全文
posted @ 2019-04-10 15:29 潇湘羽西 阅读(130242) 评论(39) 推荐(11)
TypeScript学习小结
摘要：TypeScript是什么 TypeScript是由微软公司开发的一个开源JavaScript的超集,主要提供了类型系统和对ES6的支持,可以编译成纯JavaScript,主要就是对JavaScript中定义的变量进行类型检查 运行TypeScript 全局安装: npm install -g ty 阅读全文
posted @ 2019-01-06 19:37 潇湘羽西 阅读(869) 评论(0) 推荐(0)
判断输入的字符是否为整数(包含整数格式验证)
摘要：在项目中,很多时候都会有输入框的存在,为了防止用户随意输入都会有限制,最近遇到一种需求,输入价格时只能输入数字类型,并且输入的数字格式要正确, 在网上搜索的很多验证数字的对格式没有校验,所以自己就完善了一下,使用的正则表达式,但是由于自己正则知识实在匮乏,写的比较low,不过也能实现最终的效果吧 能 阅读全文
posted @ 2018-10-12 16:24 潇湘羽西 阅读(2900) 评论(0) 推荐(0)
js模仿微信语音播放的小功能
摘要：自己写的一个模仿微信语音播放的小功能,实现的主要功能是:点击播放,点击暂停,播放切换,,, 代码如下: 阅读全文
posted @ 2018-08-08 16:29 潇湘羽西 阅读(1088) 评论(0) 推荐(0)
原生JS实现图片拖拽移动与缩放
摘要：看一下最终效果,图片可以拖动,可以缩放 把代码贴出来,可以直接粘贴使用,大致的思想就是鼠标按下的时候获取当时的鼠标位置,要减去left和top值,移动的时候获取位置减去初始的值就得到移动的时候的left和top值 <!DOCTYPE html> <html lang="en"> <head> <me 阅读全文
posted @ 2018-07-02 11:39 潇湘羽西 阅读(27112) 评论(7) 推荐(1)
js 实现继承的几种方式
摘要：//js中实现继承的几种方式 //实现继承首先要有一个父类,先创造一个动物的父类 function Animal(name){ this.name = name; this.shoot = function(){ console.log("yelp"); } } //动物的原型 Animal.pro 阅读全文
posted @ 2018-03-18 12:31 潇湘羽西 阅读(219) 评论(0) 推荐(0)

上一页 1 2