javascript
梅花三
我有故事,可我不说
展开
-
有用但不完全有用
有用但不完全有用原创 2022-09-12 10:57:43 · 68 阅读 · 0 评论 -
node搭建http资源服务器
"use strict"//加载所需要的模块const http = require('http')const url = require('url')const fs = require('fs')const path = require('path')//创建服务const httpServer = http.createServer(processRequest)// 这是端口号const port = 3000//指定一个监听的接口httpServer.listen(por原创 2021-10-10 17:41:54 · 140 阅读 · 0 评论 -
16进制与rgb
16进制与rgb。原创 2021-10-10 17:32:30 · 136 阅读 · 0 评论 -
a标签href设置javascript:void(0),在chrome点击打开新的空白页
需求是:点击链接,根据权限或后台数据来动态判断是否可跳转到新页面开发测试时,在两台性能较差的电脑上,及时设置了javascript:void(0),chrome仍会打开新的空白页。排查结果是a标签上设置了target=’_blank’,与javascript:void(0)一起使用,可能出现的现象,至于为什么只有这两台电脑出问题,暂不知原因。尝试过的失败方案:1. 将javascript:void(0)替换为javascript:;(替换为#的话会回到顶部)2. onClick事件return f原创 2021-01-27 23:52:53 · 1821 阅读 · 0 评论 -
JavaScript split() 方法的第二个参数
记录目的补充记录冷门知识点。记录日常工作使用split将字符串分割为数组,基本只会使用一个参数,即分割字符串的字符,如空字符(’’),空格(’ '),逗号(,),特殊符号(!,&,|,…)等等。查看官方api,可以看到此方法拥有第二个参数:howmany。根据传入的 howmany 数值,返回切割后的长度为 howmany 的数组。使用场景比较少,但懂得多一点总归是好的。示例场景:只需要切割后的前 n 项;数据存在规律性,从某个分割点之后无效,获取有效数据;或是装x显摆,或是欺负小白:你原创 2020-12-04 00:06:59 · 2736 阅读 · 0 评论 -
canvas - 旋转
canvas是基于状态绘制的,每次平移、旋转、缩放、矩阵等变换之前,先调用save()保存当前绘图状态,变换结束之后,若要继续使用变换之前的状态,调用restore()方法即可。效果图:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #cvs { backgrou原创 2020-05-10 15:44:01 · 373 阅读 · 0 评论 -
canvas - Bezier 贝塞尔曲线
二次贝塞尔:quadraticCurveTo(cpx, cpy, x, y)三次贝塞尔:bezierCurveTo(cpx1, cpy1, cpx2, cpy2, x, y)cpx和cpy是控制点坐标,x和y是终止点坐标效果图:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style&g原创 2020-05-10 15:17:15 · 390 阅读 · 0 评论 -
canvas - 圆形
使用 arc() 或 arcTo() 方法画圆形效果图:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #cvs { background-color: #ccc; } </style></head><body> &原创 2020-05-10 12:45:50 · 198 阅读 · 0 评论 -
canvas - 填充
渐变填充颜色效果图:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #cvs { background-color: #ccc; } </style></head><body> <div id='contai原创 2020-05-10 09:03:20 · 304 阅读 · 0 评论 -
canvas - 矩形
效果图:完整代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #cvs { background-color: #ccc; } </st...原创 2020-05-07 22:50:10 · 168 阅读 · 0 评论 -
js 图片预加载
预加载目的解决在网络环境比较差的情况下,图片加载缓慢的过渡状态html// data-img 自定义属性,用于保存图片真实路径,不影响图片显示<img id="test" src=“本地占位图路径” data-img="图片真实网络路径">js// imgDom 为页面的 img 元素function preloading (imgDom) { // 获取 img 元...原创 2020-03-05 11:46:08 · 237 阅读 · 0 评论 -
javascript 中 this 指向
JS 环境下的 this 指向于方法执行的上下文上下文:上下级的代码定义关系var user = { fun1: function () { console.log(this) // fun1 的上下文是 user 对象,this 就是 user 对象 }, fun2: () => { console.log(this) ...原创 2020-03-01 13:07:04 · 163 阅读 · 0 评论 -
slice原理
Array.prototype.mySlice = function () { var start = 0; var end = this.length; if (arguments.length === 1) { start = arguments[0]; } else if (arguments.length === 2) { s...原创 2020-02-22 12:38:43 · 179 阅读 · 0 评论 -
JQuery成绩添加和排序
JQuery成绩添加和排序<html> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script> <body> <div> <label>学号:</label> <input id="id"/> ...原创 2020-02-16 10:30:02 · 316 阅读 · 0 评论 -
echarts动态展示数据
echarts 动态数据渲染Demo直接在前端mock数据,实际使用需要从服务器拿取数据渲染。以下Demo代码对使用到的属性进行了说明,更多详情请查看echarts官方文档。github链接:https://github.com/Biu-Huang/echart-demo.git效果图:(柱状图跟饼图数据无关系)HTML<!DOCTYPE html><html la...原创 2020-01-15 14:35:01 · 3175 阅读 · 0 评论 -
前端遇到的一些问题
1. 按钮始终固定在底部移动端经常会出现,一个表单里面,确定按钮固定在底部这样的布局,一般会让按钮absolute或者fixed,这样在ios上没有问题,但是在安卓手机上,当表单里面的input输入框获得焦点的时候,按钮会挡在表单上,影响美观。这个可以采用flex布局完美解决。HTML代码<div class="mui-content bg-white"> <div c...原创 2019-06-11 22:43:39 · 232 阅读 · 0 评论 -
原型
实例可以从原型继承属性和方法指定某个实例的原型比如实例为a,存在一个原型A,将a的原型指定为A:a.proto = A;然后a就拥有A所有的属性和方法,并且a可以拥有自己的属性和方法,还可以重写原型的属性和方法。JavaScript运行时期,可以将实例的原型变成任何对象,只需要使用__proto__。但实际工作中最好不要这样去使用; 而且低版本的IE也无法使用__proto__。创建...原创 2019-07-25 14:06:43 · 341 阅读 · 0 评论 -
js操作数组的题及精简答案
找出元素 item 在给定数组 arr 中的位置,如果数组中存在 item,则返回元素在数组中的位置,否则返回 -1。function indexOf(arr,item){ return arr.indexOf(item);}计算给定数组 arr 中所有元素的总和function sum(arr) { var s = 0; arr.forEach(fu...原创 2019-06-03 16:06:46 · 932 阅读 · 0 评论 -
onclick元素不能使用tapmode的情形
onclick与$api.removeAttr(ele, ‘onclick’);通过元素的onclick执行一个输入框的focus原创 2019-08-23 09:07:09 · 242 阅读 · 0 评论 -
js仿密码格子
思路1:盒子数量=密码的长度。盒子可用li, div, span等等充当,普遍用li元素。用li标签举例:将input和li标签放于同一个ul下。设置input样式,宽高占满父盒子,这样点击ul实际是触发input事件(或者用label,for=id的方式)。input设置为透明,监听oninput事件。注意:onchange只有失去焦点才会触发,oninput可以即时触发oninput...原创 2019-10-10 17:18:44 · 160 阅读 · 0 评论