
自己笔记
和尚的脑袋
这个作者很懒,什么都没留下…
展开
-
卸载 npm 包命令
npm uninstall 包名原创 2022-06-26 19:27:09 · 9647 阅读 · 1 评论 -
小程序 uniapp 实现文字转语言提示
第一步:登陆微信公众平台,侧边栏设置-----第三方设置-----插件管理----添加插件(搜索–同声传译)同声传译文档地址第二步:引用插件"plugins": { "WechatSI": { "version": "0.3.5", "provider": "wx069ba97219f66d99" } }第三步:使用let plugin = requirePlugin("WechatSI"); let manager = plug原创 2021-08-23 14:58:09 · 1921 阅读 · 3 评论 -
css3动画 css3轮播图 css3循环滚动图片
.box{ animation: fly 1s steps(5) infinite;//背景可以平均分成几份 background-image: url(https://static.hdslb.com/bl2se/images/rocket_frame.png); width: 150px;//背景图长度 除一个数 /5 height: 175px;} @keyframes fly { 0%{ background-po原创 2021-06-06 16:01:11 · 275 阅读 · 0 评论 -
input 带小数点,带小数点键盘,带x键盘
type=“属性”number:数字键盘(无小数点)idcard:数字键盘(无小数点、有个 X 键)digit:数字键盘(有小数点)注意:number 是无小数点的,digit 是有小数点的原创 2021-06-03 16:16:05 · 1090 阅读 · 0 评论 -
小程序 Promise Promise.all等两个请求都回来,在执行方法
fun1(){ return new Promise(function(resolve, reject) { wx.request({ url: 'url', data: {}, // 如果是表单提交 给我传的content-type为 application/x-www-form-urlencoded // 文件的上传 content-type 设置为multipart/原创 2021-02-22 11:36:00 · 712 阅读 · 0 评论 -
ajax 的链式调用
二、ajax操作的链式写法首先,回顾一下jQuery的ajax操作的传统写法:$.ajax({url: “test.html”,success: function(){ alert(“哈哈,成功了!”); },error:function(){ alert(“出错啦!”); }});(运行代码示例1)在上面的代码中,$.ajax()接受一个对象参数,这个对象包含两个方法:success方法指定操作成功后的回调函数,error方法指定操作失败后的回调函数原创 2021-01-19 17:51:59 · 783 阅读 · 2 评论 -
面向对象继承
extendsClass fun(){}//继承 fun 上的属性方法Class fun2 extends fun(){}new fun2();原创 2021-01-13 23:37:47 · 116 阅读 · 0 评论 -
腾讯地图,小程序地图组件,小程序定位.小程序导航,腾讯地图获取位置
很多项目都用到了腾讯地图,不管是小程序还是h5,记录一下使用过程!1.先到腾讯地图官网点击注册注册登陆准备工作先到腾讯地图官网点击注册到腾讯地图api进入控制台申请key,根据自己的实际情况选择key值类型(到时候引入js的时候要用key)h5端使用腾讯地图使用地图标记点,自定义图标,添加事件官方文档在这里官方文档链接我是用vue开发的h5页面,现在vue的index.html 引入这两个js ` //这个是绘制地图js <script charset="utf-8原创 2021-01-11 18:08:08 · 666 阅读 · 0 评论 -
jquery事件
1.事件绑定$(".box").mouseover(()=>{}) 鼠标移入事件$(".box").mouseout(()=>{}) 鼠标移除事件$(".box").on(“事件名”,()=>{})$(".box").one("事件名’,()=>{}) 把事件只绑定一次$(".box").on({"click":()={},"mouseiver":()={},}) 同时绑定多个事件$(".box").$(".box").2.解除事件绑定$(".box"原创 2021-01-05 23:19:34 · 113 阅读 · 0 评论 -
jquery dom 操作
1.创建元素let img=$("<img>")2.内部插入后部插入 append();$("<img src='../'>").appengTo(".box")\前部插入 .prepend()$("").prependTo();3.外部插入.after() 外部后部插入$("").insertAfter();.before() 外部前部插入$("").insetBefore()4.包裹List item5.替换List item原创 2021-01-05 22:31:05 · 105 阅读 · 0 评论 -
jquery 筛选操作
1.过滤操作$(".box").first() 选中第一个,$(".box").last() 选中最后一个$(".box").eq(1) 选中第一个$(".box").not(".item") 排出掉class等于item的元素$(".box").filter(".item") 只选中class等于item的元素$(".box").slice(2,3) 从第2个开始选中3个元素(相当于截取)$(".box").has(".item") 选中元素的子元素为item的元素2.查找$(原创 2021-01-03 22:54:22 · 281 阅读 · 0 评论 -
jquery 样式操作
1.css操作$(".box").css(“border”,“1px solid red”)方法2 $(".box")css({“border”:“1px solid red”})2.位置$(".box").offset() 元素在页面中的位置$(".box").offset().left$(".box").offset().top$(".box").position() 相对于上一个相对定位的元素的位置(只读不可设置)$(".box").position().top$(".box"原创 2021-01-03 21:56:03 · 128 阅读 · 0 评论 -
jquery 属性操作
1.属性$(".box").attr(“src”) 获取img的src路径(操作自定义和内置的)$(".box").prop(“src”) 获取到的结果和attr不一样(只能操作内置的)$(".box").removeAttr(“title”) 删除属性2.css类$(’.box’).addClass(“class”) 添加classif(’.box’).hasClass(“class”)}{ 判断是否存在某个class}$(".box").removeClass(“class”)原创 2021-01-03 19:41:13 · 119 阅读 · 0 评论 -
jquery 各种选择器作用详解
jquery 选择器原创 2021-01-03 18:48:08 · 418 阅读 · 0 评论 -
小程序地图标点,h5腾讯地图标点,vue使用腾讯地图,腾讯地图自定义图标
很多项目都用到了腾讯地图,原创 2020-12-26 11:52:18 · 2715 阅读 · 1 评论 -
jquery切换class选中方法 toggleClass
$('.box')toggleClass('要切换的class');//这个方法当元素存在class时就删除,没有就添加原创 2020-12-24 15:55:03 · 590 阅读 · 2 评论 -
小程序转盘抽奖,小程序抽奖
很多地方都会用到就记录一下,有懒的到处找,可以随机,也可以从后台获取数据,改一下参数就可以用,如果帮到了你就点个赞吧下载地址原创 2020-12-22 14:40:36 · 1820 阅读 · 0 评论 -
vue里面各种文件夹作用
compiler 编译用的-vue 使用字符串作为模板-在编译文件夹中存放字符串,解析的算法,抽象语法书,优化等.core 核心,vue 构造函数,以及生命周期等方法的部分platforms 平台-针对 运行的环境 (设备),有不同的实现-也是vue 的入口server 服务端 ,主要是将vue用在服务端的处理代码sfc 单文件组件shared 公共工具,方法...原创 2020-12-16 15:11:45 · 550 阅读 · 0 评论 -
linux 上传本地文件解压命令
1.先cd 到要上传文件的目录2.输入 rz 回车 选择要上传的文件(如果上传失败查看是否有相同文件)2.解压 tar 文件 tar -xvf 文件名.tar原创 2020-12-09 12:01:16 · 1228 阅读 · 0 评论 -
数组扁平化,多维数组变成一维数组
let arr=[1,2,3,4,5,6,[1,2,3,4,5,6,[2,3,45,4,4,4,[2,3,3,3,3]]],[2,3,4,5,6]];arr=arr.flat(3); //3表示扁平化3级 ‘Infinity’ 表示无数级console.log(arr)原创 2020-11-18 21:02:17 · 269 阅读 · 0 评论 -
js 数组升序排序
let arr=[2,3,4,5,6,7,7,7,3,4,56,7,7,55,33,22,11,33,4];arr.sort((a,b)=>a-b);//升序排序console.log(arr);原创 2020-11-17 22:52:35 · 1733 阅读 · 0 评论 -
点击a链接导航
<a href="https://uri.amap.com/marker?position=104.046084,30.660279&name=名字"> 导航 </a>高德地图 通过a链接导航原创 2020-10-28 14:59:37 · 8178 阅读 · 0 评论 -
css top和tottom 同时设置 清除默认top
今天遇见这个问题,设置postion left=0,现在想改成right=0,但是样式覆盖不了,同时设置貌似left起作用。CSS 中现在有一个叫做 unset 的关键字,使用可以重置属性值原创 2020-10-14 10:58:54 · 1913 阅读 · 0 评论 -
样式初始化
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; } body, button, input, select, textare...原创 2020-02-18 18:38:17 · 123 阅读 · 0 评论 -
live-server 启动命令
live-server原创 2019-12-02 22:25:32 · 1262 阅读 · 0 评论 -
vs code 清屏代码
clear 回车原创 2019-12-02 22:24:25 · 2662 阅读 · 0 评论 -
如何高效的找github上面的项目
搜索名字里面含有想要的关键词搜索框里先打 in:name +项目名称下载数到多少的时候才可以被搜到项目名 stars:>3000 下载数大于3000的可以被收到通过更新时间筛选项目名 +pushed:>2019-9-19 2019年9月19日后的更新的项目description(描述里面有)里面有关键字的in:description +关键字现在搜索语言项目名...原创 2019-12-01 21:12:36 · 147 阅读 · 0 评论 -
如何实现响应式图片兼容pc和移动端
1.可以通过js或者服务器端,<script> //ready 在文档加载后激活函数 $(document).ready(function(){ function getwidth(){ var width=$(window).width();//获取屏幕宽度 var img=$(".img");//获取节点 if(width<=480){ ...原创 2019-11-05 23:08:55 · 665 阅读 · 0 评论 -
苹果手机点击wx.openLocation没反应
记下来转类型()$(".check_map").on('click', function() { var longitude = this.dataset.longitude; var latitude = this.dataset.latitude; var name = this.dataset.name; console.lo...原创 2019-10-28 17:15:57 · 1819 阅读 · 0 评论 -
微信小程序的传值方式
一,列表index下的取值实现方式是:data-index=”{{index}}”挖坑及e.currentTarget.dataset.index来填坑即可1.1生成值删除 //在删除图标与文字添加data-index=”{{index}}”自定义属性以及绑定点击事件bindtap=”delete” 删除 实现delete方法,取index下标值delete: functio...转载 2018-09-05 10:14:11 · 514 阅读 · 0 评论 -
模仿百度的输入框模糊匹配
面试的时候叫写一个原生的模糊匹配,当时没有写出来很懊恼,写了一个简单的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid原创 2018-09-11 23:09:10 · 1036 阅读 · 0 评论 -
qs.stringify和JSON.stringify的使用和区别
今天了解了一下qs.stringify和JSON.stringify使用和区别, qs.stringify可以通过npm install qs进行安装是一个npm仓库所管理的包。 而qs.stringify()将对象 序列化成URL的形式,以&进行拼接。 JSON是正常类型的JSON,请对比一下输出例如var a = {name:'hehe',age:10}; qs.s...转载 2018-09-03 18:24:15 · 520 阅读 · 0 评论 -
js可迭代对象
js之可迭代对象遍历Array可以采用下标循环,遍历Map和Set就无法使用下标。为了统一集合类型,ES6标准引入了新的iterable类型,Array、Map和Set都属于iterable类型。具有iterable类型的集合可以通过新的for … of循环来遍历。for … of循环是ES6引入的新的语法,请测试你的浏览器是否支持:‘use strict’;var a = [1, 2,...转载 2018-10-15 13:30:19 · 804 阅读 · 0 评论 -
作为前端学的还很多
语言只是一种工具,对一个聪明的程序员来说,用没用过什么工具主要是由他原来的工作需要决定,并不能代表他全部的技能。——请不要说自己是XX程序员前端技术浩如烟海,单纯JavaScript语言来说,也有数不清的细节,为了有一个整体的印象,我们分类来看。精一行,必先通十行。浏览器环境IE6~8 IE9+ Chrome Firefox Safari Opera EdgeHTTP协议URI Ca...转载 2018-10-15 22:25:36 · 155 阅读 · 0 评论 -
字符串替换的方法
字符串的替换方法1.replace( )方法使用非常简单*例子let box=“abcd”let box1=box.replace(“a”,“5”)console.log(box1) //“5bcd”*2还可以以这样用正折的属性/glet box=“a1b2a3c”let box1=box.replace(/a/g,“0”)console.log(box1)//"01b20c...原创 2018-09-30 17:26:15 · 8473 阅读 · 2 评论 -
数组对象转json格式
1、数组转化成JSON对象后,key值是索引,value是数组对应的值。//数组也可以转化成JSON对象 var jStr3 = "[[10,20,30],40,50,60]"; var j3 = JSON.parse(jStr3); for(let key in j3){ console.log('key:',key); }// key...转载 2018-10-19 10:35:12 · 10451 阅读 · 1 评论 -
||和&&用法
1、||(逻辑或),如果前面返回true,就返回true,不会在执行后面的函数.(短路)只有前后都是false的时候才返回false,。alert(true||false); // truealert(false||true); // truealert(true||true); // truealert(false||false); // false看了这个例子应该有了自己的想法...原创 2018-11-19 18:20:38 · 5469 阅读 · 0 评论 -
js filter()方法用法
js filter() es6 方法总结1.创建一个数组,判断数组中是否存在某个值var newarr = [ { num: 1, val: 'ceshi', flag: 'aa' }, { num: 2, val: 'ceshi2', flag: 'aa2' }]console.log(newarr.filter(item => item.num===2 ))2.去...原创 2018-11-17 15:10:40 · 831 阅读 · 0 评论 -
css3动画属性含义
css3动画 animation 属性 产生含义animation: 动画名字 动画时间(1s) 曲线 延时 次数(infinite无限次,forwards固定到动画结束位置)animation : 动画名字 动画时间 分几步走(steps(几步)) 次数(infinite);...原创 2019-07-23 22:36:42 · 151 阅读 · 0 评论 -
设置浏览器字体选中颜色
设置浏览器字体选中颜色::selection{background-color:#red;text-shadow:none;}原创 2019-10-07 14:34:16 · 1332 阅读 · 0 评论