js
js
Feng、锋
CV攻城狮╮(╯▽╰)╭
展开
-
前端图片旋转90/180/270/360度,并生成新的图片url
前端图片旋转90/180/270/360度,并生成新的图片url。原创 2023-03-29 17:29:00 · 510 阅读 · 0 评论 -
web img图片旋转180
web img图片旋转180。原创 2023-03-02 15:31:52 · 484 阅读 · 0 评论 -
react 使用 styled-components-px2vw
react 使用 styled-components-px2vw。原创 2022-11-18 10:27:33 · 742 阅读 · 1 评论 -
web Worker 轮询请求
web worker原创 2022-06-23 14:35:26 · 663 阅读 · 0 评论 -
使用mddir创建一个目录
npm i mddir -g// 然后直接在项目根目录 mddir 就会生成一个文件原创 2022-03-01 16:57:26 · 229 阅读 · 0 评论 -
vue 签名组件
[github地址](https://github.com/JaimeCheng/vue-esign)yarn add vue-esign原创 2022-01-13 10:48:48 · 343 阅读 · 0 评论 -
vue input在焦点处添加内容
insertInputTxt(insertTxt, ref = "textarea") { var aInput = this.$refs[ref].$el; // 如果使用的是组件输入框需要添加.$el var startPos = aInput.selectionStart; var endPos = aInput.selectionEnd; if (startPos === undefined || endPos === undefined) return; var txt = a原创 2022-01-10 11:15:02 · 857 阅读 · 0 评论 -
d3 zoom 抖动解决方案
// 思路是 zoom方法在svg上面,transform在svg下面的g上// svg 是d3创建的svg元素this.g = svg.append("g");svg.call( d3 .zoom() .scaleExtent([0.5, 3]) .on("zoom", (e) => { if (this.is_zoom) { this.g.attr("transform", e.transform); } }));原创 2022-01-07 15:50:06 · 618 阅读 · 0 评论 -
moment 常用时间 近几天 本月 上个月
// 近三天moment().startOf("day").subtract('days', 3).format('YYYY-MM-DD HH:mm:ss') // '2021-12-26 00:00:00'moment().endOf("day").format('YYYY-MM-DD HH:mm:ss') // '2021-12-29 23:59:59'// 上一月moment().startOf("month").subtract('months', 1).format('YYYY-MM-DD原创 2021-12-29 14:20:24 · 1243 阅读 · 0 评论 -
省市区镇 四级联动
省市区镇 四级联动https://xiangyuecn.gitee.io/areacity-jsspider-statsgov/原创 2020-12-05 17:07:01 · 389 阅读 · 0 评论 -
小程序判断ios还是android
小程序判断ios还是androidconst info = wx.getSystemInfoSync() if (info.platform === 'android') { // android 需要执行的代码 } else { // ios 需要执行的代码 }原创 2020-09-15 15:53:25 · 3479 阅读 · 0 评论 -
使用js操作符优化代码( ?. )( ~~ )( |> )
1. 可选链操作符( ?. )const Obj = {}// 1.使用普通的判断语法var name = Obj.info?Obj.info.name:""console.log(name)// 2.使用可选链 语法var name = Obj.info?.nameconsole.log(name)// 输出同样的undefined 而不报错2. ~~运算符// 普通js代码var numStr = '123'console.log(parseInt(numStr));va原创 2020-09-26 11:13:24 · 252 阅读 · 0 评论 -
JS面试题
1.JavaScript 的组成JavaScript 由以下三部分组成:ECMAScript(核心):JavaScript 语言基础DOM(文档对象模型):规定了访问 HTML 和 XML 的接口BOM(浏览器对象模型):提供了浏览器窗口之间进行交互的对象和方法2.JS 的基本数据类型和引用数据类型基本数据类型:undefined、null、boolean、number、stri...原创 2020-02-17 15:13:21 · 125 阅读 · 0 评论 -
手写实现call,apply函数
call的使用举个例子:var foo = { value: 1};function bar() { console.log(this.value);}bar.call(foo); // 1注意两点:1.call 改变了 this 的指向,指向到 foo2.bar 函数执行了实现第一步那么我们该怎么模拟实现这两个效果呢?试想当调用 call 的时候,把 foo 对象改造成如下:var foo = { value: 1, bar: functio原创 2020-09-14 17:52:22 · 432 阅读 · 1 评论 -
JS常用内置方法
1.MathMath.pow( a, b)a的b次方Math.round( .6 ) 四舍五入Math.ceil( .6 ) 向上求整Math.floor( .6 )向下求整Math.abs( -4 )求绝对值Math.max( a,b,c ) 几个数中最大值Math.min( a,b,c ) 几个数中最小值Math.random( ) 生成一个大于0小于1的随机数Math.p...原创 2020-02-18 13:20:46 · 809 阅读 · 1 评论 -
前端获取上传图片的分辨率
直接使用即可// 判断尺寸 isSize(file, width, height) { return new Promise((resolve, reject) => { let filereader = new FileReader(); filereader.onload = (e) => { let src = e.target.result; cons原创 2021-03-26 11:11:09 · 2526 阅读 · 1 评论 -
手写实现bind
bind使用bind() 方法会创建一个新函数。当这个新函数被调用时,bind() 的第一个参数将作为它运行时的 this,之后的一序列参数将会在传递的实参前传入作为它的参数。(来自于 MDN )由此我们可以首先得出 bind 函数的两个特点:返回一个函数可以传入参数返回函数的模拟实现从第一个特点开始,我们举个例子:var foo = { value: 1};function bar() { console.log(this.value);}// 返回了一个原创 2020-09-15 10:06:30 · 1160 阅读 · 0 评论 -
小程序使用weapp-qrcode二维码插件,宽高自适应解决方法
小程序使用的是weapp-qrcode.jsgithub地址使用说明// 将 dist 目录下,weapp.qrcode.esm.js 复制到项目目录中import drawQrcode from '../../utils/weapp.qrcode.esm.js'drawQrcode({ width: 200, height: 200, canvasId: 'myQrcode', // ctx: wx.createCanvasContext('myQrcode'), text原创 2020-09-15 16:06:24 · 962 阅读 · 2 评论 -
vue 搜索关键字,关键字标红
vue 使用v-html <ul v-for="item in list" :key="item"> <li v-html="item.info" /> </ul> this.voice_result.map(e=>{ if (this.red_text) { // 匹配关键字正则 let replaceReg = new RegExp原创 2021-09-17 14:48:14 · 1029 阅读 · 0 评论 -
前端下载视频音乐等
const req = new XMLHttpRequest()req.open('GET', '视频地址', true)req.responseType = 'blob'req.setRequestHeader('Content-Type', 'video/mp4')req.onload = function () { const data = req.response const blob = new Blob([data]) const blobUrl = window原创 2021-06-01 17:47:12 · 332 阅读 · 0 评论 -
js 去除string首尾空格
// 过滤首尾空格 trim(str){ return str.replace(/(^\s*)|(\s*$)/g, ""); }原创 2021-09-18 15:57:03 · 651 阅读 · 0 评论