木子李双木霖-CSDN博客

原创使用js找对称数

用js找对称数一：js代码for(var i=1;i<=10000;i++){ var str_i=i.toString( ); l=str_i.length;//将数字转化为字符串，获取字符串的长度 var arr_i=str_i.split("");//将字符串转化为数组 var rev_arr=[];//命名一个空数组 for(var j=0;j<l;j++){ //遍历1~10008之间的所有数字 rev_arr.unshift(arr_i[j]);//l实现数组反转

2021-08-30 17:13:57 1364

原创百度地图使用(二)

百度地图使用(二)1. 百度地图API-覆盖物//创建容器var map = new BMapGL.Map('allmap');var point = new BMapGL.Point(116.404, 39.915);map.centerAndZoom(point, 15);// 创建点覆盖物var marker = new BMapGL.Marker(new BMapGL.Point(116.404, 39.915));//添加覆盖物map.addOverlay(marker);//

2021-08-05 17:04:32 492

原创不用vue-cli 创建vue组件

不使用vue-cli 创建组件1.局部组件<html lang="en"><head> <meta charset="UTF-8"> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script></head><body> <div id="app"> <custom-part1&gt

2021-08-05 16:53:47 421 1

原创 vue-属性

vue-属性1.计算属性computed （有缓存，直接当变量用。）<body> <div id=" app">  {{add}} <br> {{adc()}} </div> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> <script typ

2021-08-05 16:04:47 92

原创 vue事件修饰器

vue事件修饰器1.stop等同于JavaScript中的event.stopPropagation()，防止事件冒泡(由内向外) 例子未添加stop情况下点击3 执行结果：会弹出三次alert 分别是是3 2 1，添加stop后执行 3 后面21将停止，点击2会正常执行21<template> <div> <div @click="a">1 <div @click="b">2 <div

2021-08-05 15:37:59 203

原创百度地图使用(一)

百度地图使用(一)1.申请秘钥[密匙](https://passport.baidu.com/v6/ucenter?_t=1628144761)

2021-08-05 14:28:11 92

原创 JavaScript深浅拷贝

JavaScript深浅拷贝介绍：浅拷贝，只克隆第一层，修改拷贝后的第二层将影响被拷贝的数据1.浅拷贝let obj={ a:10, b:[10,20], c:{ x:10 }, d:/^d+$/}let obj1={...obj} //第一种let obj2=Object.assign({},obj) //第二种//封装第三种let obj3={} for(let key in obj){ if(!ob

2021-08-05 14:10:58 45

原创 ES6学习—Promise对象

ES6学习—Promise对象Promise对象：代表了未来某个将要发生的事情(通常是一个异步操作)有了Promise对象，可以将异步操作以同步的流程表达出来，避免了层层嵌套的回调函数(俗称’回调地狱’)ES6的Promise是一个构造函数，用来生成promise实例1.promise的三种状态pending：初始化状态fullfilled：成功状态rejected：失败状态2.应用用promise实现超时处理用promise封装处理ajax请求3.例子1.成功//创建pr

2021-08-05 10:59:14 54

原创 HTML+CSS制作3D旋转

1.效果图如下：2.结构3.代码<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>3D旋转</title> <style type="text/css"> *{padding: 0; margin: 0;} body,html{height:100%;}

2021-08-05 10:42:49 501

原创 ES6面试题总结

1. 谈谈你对 ES6 的理解,为什么要学习es6? ES6是新一代的JS语言标准，对分JS语言核心内容做了升级优化，规范了JS使用标准，新增了JS原生方法，使得JS使用更加规范，更加优雅，更适合大型应用的开发。学习ES6是成为专业前端正规军的必经之路。2. ES和js有什么关系? ES是JS的一种规格,JS是ES的实现3. 解构赋值及其原理?解构是ES6提供的语法糖，其实内在是针对可迭代对象的Iterator接口，通过遍历器按顺序获取对应的值进行赋值。这里需要提前懂得ES6的两个概念： -

2021-08-05 10:16:42 226

原创 --正则判断--

正则判断是否手机号码export function validatePhone(rule, value,callback) { const reg =/^[1][3-9][0-9]{9}$/; if(value==''||value==undefined||value==null){ callback(); }else { if ((!reg.test(value)) && value != '') { callback(new Erro

2021-08-05 09:01:45 330

原创小程序map获取中心位置

小程序map获取中心位置在data中声明latitude: 35.14194, //纬度 longitude: 114.20515, //经度markers: [], //标记点在pages中声明拖拽函数事件// 刷新地图中心位置 refreshMap() { let mapCtx = wx.createMapContext("map"); mapCtx.getCenterLocation({ success: (r

2021-07-30 09:59:50 649

原创 VUE安装及使用

VUE安装及使用1.使用网站打开下面这个网址vue node.js下载地址下载安装node.js （选择windows版本）2. 使用window+r键打开搜索程序，输入cmd，按回车 1.查看版本 ·输入 node -v 查看版本号 ·输入 npm -v 查看版本号3. 淘宝镜像复制下面这两个命令，然后回车，等待完成 npm install -g cnpm --registry=https://registry.npm.taobao.org 换源（换成国内网站）

2021-07-29 09:12:31 57

原创 Uni-app切换主题

Uni-app切换主题在manifest的app-plus中的distribute的ios中引入代码"ios" : { "UIUserInterfaceStyle": "Automatic"},在manifest的app-plus中的distribute中引入代码"apple": { "UIUserInterfaceStyle": "Automatic"}, "safearea": { //iOS平台的安全区域 "background": "#ffffff",

2021-07-27 16:38:02 709

原创 CSS百分比轮播图

CSS百分比轮播图1html代码<div id="inm"> <div id="image"> </div></div>2.css代码#inm{ width: 100%; height: 200px; overflow:hidden;}#image{ width: 300%; height: 200px; animation: name 4s infinite;}#inm img{ width: 33.3%; heigh

2021-07-21 08:53:36 293

原创 mock.js增删改查

mock.js增删改查引入mock.js和jQuery<script src="http://mockjs.com/dist/mock.js"></script><script src="js/jquery-3.4.1.js" type="text/javascript" charset="utf-8"></script>2.声明一个数组var arr = [{ name: '1', age: 20, id: 1 },{ na

2021-07-20 09:23:43 1444

原创微信小程序授权登录

微信小程序授权登录1.html页面代码<button type="button" bindtap="login">授权登录</button>2. js代码login() { var that = this; // 获取用户信息 wx.getUserProfile({ desc: "weixin", success: function success(resa) { // console.log(resa.userInfo) // console.l

2021-07-08 15:17:28 76

Y_web的博客