- 博客(43)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 小程序 uniapp 实现文字转语言提示
第一步:登陆微信公众平台,侧边栏设置-----第三方设置-----插件管理----添加插件(搜索–同声传译)同声传译文档地址第二步:引用插件"plugins": { "WechatSI": { "version": "0.3.5", "provider": "wx069ba97219f66d99" } }第三步:使用let plugin = requirePlugin("WechatSI"); let manager = plug
2021-08-23 14:58:09
1730
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
249
原创 input 带小数点,带小数点键盘,带x键盘
type=“属性”number：数字键盘（无小数点）idcard：数字键盘（无小数点、有个 X 键）digit：数字键盘（有小数点）注意：number 是无小数点的，digit 是有小数点的
2021-06-03 16:16:05
1009
原创 小程序 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
666
原创 ajax 的链式调用
二、ajax操作的链式写法首先，回顾一下jQuery的ajax操作的传统写法：$.ajax({url: “test.html”,success: function(){ alert(“哈哈，成功了！”); },error:function(){ alert(“出错啦！”); }});（运行代码示例1）在上面的代码中，$.ajax()接受一个对象参数，这个对象包含两个方法：success方法指定操作成功后的回调函数，error方法指定操作失败后的回调函数
2021-01-19 17:51:59
735
2
原创 面向对象继承
extendsClass fun(){}//继承 fun 上的属性方法Class fun2 extends fun(){}new fun2（）；
2021-01-13 23:37:47
97
原创 腾讯地图,小程序地图组件,小程序定位.小程序导航,腾讯地图获取位置
很多项目都用到了腾讯地图,不管是小程序还是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
605
原创 jquery事件
1.事件绑定$(".box").mouseover(()=>{}) 鼠标移入事件$(".box").mouseout(()=>{}) 鼠标移除事件$(".box").on(“事件名”,()=>{})$(".box").one("事件名’,()=>{}) 把事件只绑定一次$(".box").on({"click":()={},"mouseiver":()={},}) 同时绑定多个事件$(".box").$(".box").2.解除事件绑定$(".box"
2021-01-05 23:19:34
96
原创 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
91
原创 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
263
原创 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
111
原创 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
97
原创 jquery切换class选中方法 toggleClass
$('.box')toggleClass('要切换的class');//这个方法当元素存在class时就删除,没有就添加
2020-12-24 15:55:03
550
2
原创 小程序转盘抽奖,小程序抽奖
很多地方都会用到就记录一下,有懒的到处找,可以随机,也可以从后台获取数据,改一下参数就可以用,如果帮到了你就点个赞吧下载地址
2020-12-22 14:40:36
1785
原创 vue里面各种文件夹作用
compiler 编译用的-vue 使用字符串作为模板-在编译文件夹中存放字符串,解析的算法,抽象语法书,优化等.core 核心,vue 构造函数,以及生命周期等方法的部分platforms 平台-针对 运行的环境 (设备),有不同的实现-也是vue 的入口server 服务端 ,主要是将vue用在服务端的处理代码sfc 单文件组件shared 公共工具,方法...
2020-12-16 15:11:45
521
原创 linux 上传本地文件解压命令
1.先cd 到要上传文件的目录2.输入 rz 回车 选择要上传的文件(如果上传失败查看是否有相同文件)2.解压 tar 文件 tar -xvf 文件名.tar
2020-12-09 12:01:16
1192
原创 数组扁平化，多维数组变成一维数组
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
244
原创 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
1712
原创 点击a链接导航
<a href="https://uri.amap.com/marker?position=104.046084,30.660279&name=名字"> 导航 </a>高德地图 通过a链接导航
2020-10-28 14:59:37
7987
原创 css top和tottom 同时设置 清除默认top
今天遇见这个问题，设置postion left=0，现在想改成right=0,但是样式覆盖不了，同时设置貌似left起作用。CSS 中现在有一个叫做 unset 的关键字，使用可以重置属性值
2020-10-14 10:58:54
1859
原创 样式初始化
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
106
原创 如何高效的找github上面的项目
搜索名字里面含有想要的关键词搜索框里先打 in:name +项目名称下载数到多少的时候才可以被搜到项目名 stars:>3000 下载数大于3000的可以被收到通过更新时间筛选项目名 +pushed:>2019-9-19 2019年9月19日后的更新的项目description(描述里面有)里面有关键字的in:description +关键字现在搜索语言项目名...
2019-12-01 21:12:36
128
原创 如何实现响应式图片兼容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
592
原创 苹果手机点击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
1775
原创 设置浏览器字体选中颜色
设置浏览器字体选中颜色::selection{background-color:#red;text-shadow:none;}
2019-10-07 14:34:16
1233
原创 css3动画属性含义
css3动画 animation 属性 产生含义animation: 动画名字 动画时间(1s) 曲线 延时 次数(infinite无限次,forwards固定到动画结束位置)animation : 动画名字 动画时间 分几步走(steps(几步)) 次数(infinite);...
2019-07-23 22:36:42
133
转载 less和sass为什么使用它带来了什么
为什么选择使用Sass而不是Less？这篇文章主要解答以下几个问题，供前端开发者的新手参考。1、什么是Sass和Less？2、为什么要使用CSS预处理器？3、Sass和Less的比较4、为什么选择使用Sass而不是Less？什么是Sass和Less？ Sass和Less都属于CSS预处理器，那什么是 CSS 预处理器呢？ CSS 预处理器定义了一种新的语言，其基本思想是，用...
2019-02-20 10:05:40
3038
原创 ||和&&用法
1、||（逻辑或）,如果前面返回true,就返回true,不会在执行后面的函数.(短路)只有前后都是false的时候才返回false，。alert(true||false); // truealert(false||true); // truealert(true||true); // truealert(false||false); // false看了这个例子应该有了自己的想法...
2018-11-19 18:20:38
5431
原创 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
778
转载 数组对象转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
10404
1
转载 作为前端学的还很多
语言只是一种工具，对一个聪明的程序员来说，用没用过什么工具主要是由他原来的工作需要决定，并不能代表他全部的技能。——请不要说自己是XX程序员前端技术浩如烟海，单纯JavaScript语言来说，也有数不清的细节，为了有一个整体的印象，我们分类来看。精一行，必先通十行。浏览器环境IE6~8 IE9+ Chrome Firefox Safari Opera EdgeHTTP协议URI Ca...
2018-10-15 22:25:36
139
转载 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
781
原创 字符串替换的方法
字符串的替换方法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
8441
2
原创 模仿百度的输入框模糊匹配
面试的时候叫写一个原生的模糊匹配，当时没有写出来很懊恼，写了一个简单的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid
2018-09-11 23:09:10
1011
转载 微信小程序的传值方式
一，列表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
495
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人