- 博客(38)
- 收藏
- 关注
RSS订阅原创 小程序封装指示点
<!-- banner封装指示点 --><view class="container"> <swiper autoplay="{{ true }}" interval="1000" circular="{{ true }}" bindchange="change" > <swiper-item wx:for="{{ imgs }}"&g
2022-05-11 00:44:53
143
原创 vue 中 搭建项目
vue用animate.css实现动画1.初始化 :npm init 2.下载： npm i animate.css --save3.引入： <link rel="stylesheet" href="./node_modules/animate.css/animate.css">4.使用： 要用transition 标签包裹住 需要用到两个参数 ①.enter-active-class ②.leave-active-class .
2022-04-22 17:57:32
118
原创 外包面试题
给出如下地址数据格式，实现函数geyNameById,输入address和id,输出id对应的地址nameconst address = [ { id: 1, name: '北京市', children: [ { id: 11, name: '海淀区', children: [ { id: 111,
2022-04-04 22:03:35
590
原创 DOM节点的封装
寻找所有的元素节点 <div id="box"> <p>A</p> <p id=pare>B</p> <p>C</p> </div> <script> // 寻找所有的元素节点 var box = document.getElementById('box'); var para .
2022-03-19 00:00:48
103
原创 浅克隆和深克隆
浅克隆和深克隆1.浅克隆 克隆数据组的第一层 拷贝地址 一改全改准备一个空的结果数组 使用for遍历原数组 ，将遍历到的项push 到结果数组中// 5-8 浅克隆 var arr = [4, 3, [2, 5], 1, 4]; var result = []; // 遍历原数组，将遍历到的项都推入到结果数组中 for (var i = 0; i < arr.length; i++) { result.push(arr[
2022-02-21 15:35:39
278
原创 递归算1-100和
递归算和1、 要写 结束条件2 、写累加器方法1 function calc(number) { // 100 99 98 if (number == 1) { return 1; } return number + calc(number - 1); //100+99 98 } let sum = calc(100); con
2022-02-21 14:15:40
1249
原创 寻找喇叭花数
喇叭花数是 每一位数的阶乘之和等于它本身abc=a!+b!+c!;思路：计算某个数字的阶乘 封装成函数function fac(n){//书写累乘器 var result = 1; for (var i=1; i<=n; i++){ result*=i;}return result; }fac(4);//穷举法 寻找喇叭花数for (var i=100; i<=999;i++){//把i变成字符串var i_str = i.toString();var a= N
2022-02-21 13:39:18
414
原创 通过for循环，将将遍历到的项都推入到结果数组中
通过for循环，将var arr = [4, 3, [2, 5], 1, 4]; var result = []; // 遍历原数组，将遍历到的项都推入到结果数组中 for (var i = 0; i < arr.length; i++) { result.push(arr[i]); } // 输出结果数组 console.log(arr == result); //false确实
2022-02-21 13:26:04
957
原创 封装一个函数 实现数字的倒序
封装一个函数 实现数字的倒序封装一个函数 实现数字的倒序 function arrReverse(arr) { var newArr = []; for (var i = 0; i < arr.length; i++) { //补充代码 newArr[i]=arr[arr.length-1-i]; } //补充代码
2022-02-21 01:08:03
148
原创 js 循环练习题
打印所有0-100（包含100）之间除了22，44，66以及88之外的偶数，并求他们的和思路：定义一个变量，用来接收各个数相加的和：var sum=0;添加循环，把100以内（包括100）的偶数都循环一遍：for(var i=2;i<=100;i+=2)在循环中判断 是否是22,44,66,88： if(i==22||i==44||i==66||i==88)；如果是的话跳出本次循环，继续下一次循环，用到：continue;记得每次循环的时候，都累加，并添加一个换行：在循环的外面输
2022-02-19 23:42:55
2712
原创 字节跳动面试题
外包面试题代码运行后会输出什么结果？请写出来如果希望每隔1s输出一个结果，应该怎么改？请修改里面的代码 const list = [1, 2, 3]; const square = num => { return new Promise((resolve, reject) => { setTimeout(() => { resolve(num * num); }, 1000);
2021-12-16 02:05:00
525
原创 vue错误 组件模板 只能有一个根节点
报错原因： 组件模板 只能有一个根节点报错代码：<div id="app"> <v-two></v-two> <!-- <v-one></v-one> --> </div> <script> // 实例化vue new Vue({ el:'#app', data:{},
2021-04-01 20:22:58
271
原创 vue组件中的错误 全局组件和局部组件的区别
代码：//html代码：<div id="app"><one></one> //全局的组件能显示到页面<two></two> //局部的组件只能在对应的vue实例中显示</div><div id="app1"><two></two> //其他的vue实例 不能显示</div> // 创建全局组件 Vue.component('one',
2021-04-01 20:09:45
151
原创 淘宝搜索框
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do
2021-04-01 09:09:39
210
原创 node.js http模块（渲染静态页）
get 请求方式：步骤：添加模块创建web服务器 记得加监听添加路由 使用url模块判断我们的路由（请求的路径）如果我们路由和访问的路径（主页）是否一样 如果一样 就读取路径（主页）中的内容// 引入模块const http = require('http');const fs = require('fs'); //文件操作const path = require('path');const url = require('url');const qs = require
2021-03-21 11:06:03
90
原创 使用定时器移动div
记住：移动元素都是移动元素的定位left 和top的值步骤： 1 .获取元素2.设置全局的盒子的left值 css设置多少 var 多少3.添加点击事件 点击button 移动divhtml代码：<style> #box { position: absolute; top: 100px; left: 100px; width: 100px;
2021-03-20 10:07:29
340
原创 箭头函数练习题
任务要求：（1）在对象下的两个方法start和stop中补全代码。（2）第一个方法start，设置“开始”按钮点击事件，开启定时器，每隔一秒，向div元素中追加内容。（3）第二个方法stop，设置“停止”按钮点击事件，清除定时器。（4）调用对象下的这两个方法。任务效果：html代码 <button id="start">开始</button> <button id="stop">停止</button> <div id="box
2021-03-11 20:35:45
831
原创 出一错误
9.小兔子拔萝卜 第一天拔一个，第二天拔2个 第三天拔3个， 问小兔子对多少天能把5个萝卜拔光//声明一个累加器，用于累加萝卜的数量 var sum=0;//初始化循环变量(循环天数)var n=1;//萝卜的数量小于5的时候 继续拔萝卜 while(sum<5){sum+=n;n++;}console.log(n-1); // 解决：这里有一个错误是出一错误 要减去1 才是正确答案分析：1.sum+=n; 就是sum=n+sum=1+0=1 (第一天要拔的
2021-01-28 17:50:35
283
原创 js错误处理
Cannot set property ‘onclick’ of null : 不是引号有错误，是前面标签没获取上问题is not defined : 没有定义，单词写错了，要么根本没有这个东西undefined 声明了变量但未赋值jQuery中 元素.html()是添加内容，不过他只能添加一次，后面想添加多次的话 用 元素.append 放在最后追加 // 点击发送按钮 获取input中的值 $("#btn").click(function () { .
2021-01-24 20:11:09
122
原创 楼层练习1. jQuery 点谁 滚动到盒子位置的错误
错误代码： // $(this.index); $("html body").animate({"scrollTop":0}) .$("div").eq($(this.index("li"))).offset().top; //jquery d代码不能这么写 $符号单独写一行 前面不能加点 加点报错 });this 指向 这里的this 指的使事件触发时的对象也就是li 点谁是谁滚动距离 不能设置w
2021-01-13 21:45:54
76
原创 登录页面 中遇到的bug
登录页面 中遇到的bug4 注册页面 步骤1：通过父元素form 获取它的子元素input 步骤2:给表单元素添加失去焦点事件 正则表达式验证（reg.test(input.value值) （onblur 失去焦点事件 改变提示信息的内容和颜色 ） 步骤3:点击登录按钮提交表单信息的时候 判断内容全部为空的时候 提示信息 (可以声明一个数组，把不同的显示信息 放在数组字面，获取到的数组的下标) 步骤4: 当输入的内容都为正确的时候 提示信息都为√
2021-01-11 18:49:08
1105
原创 定时器倒计时 day07
倒计时步骤如下：注意：会有一秒空白 所以先调用一下函数，让它定一秒<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>倒计时</title></head>
2020-12-23 22:46:37
177
3
原创 数组去重呢
数组去重<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <sc
2020-12-23 18:56:22
64
原创 高频面试题 day8
高频面试题 day8面试题 http://item.taobo.com/item.html?a=1&b=2&c=&d=xxx&e,请写一段js程序提取url中各个get参数(参数名和参数个数不确定)，将其key-value形式返回到一个json结构中，如{a:“1”,b:“2”，c:“”，d：“xxx”，e:undefined}<!DOCTYPE html><html lang="en"><head> <m
2020-12-23 16:41:55
45
原创 字符串去重
字符串去重<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <scr
2020-12-22 22:36:28
127
原创 for循环嵌套第四天
js实现乘法表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <s
2020-12-22 13:01:28
86
原创 2.数据类型
数据类型js数据类型分为6大类五大基本数据类型number ： 数值string：字符串 “”boolean：布尔 true falseundefined：未定义null：空复合类型(复杂类型、引用类型)object ： 对象array：数组function：函数...
2020-12-22 13:00:54
48
原创 定位实现盒子水平居中
定位实现盒子的水平和垂直居中（面试题·）方法1：div { position:absolute/fixed; //向右走父盒子宽度的一半 left:50%; //向下走父盒子高度的一半 top:50%; //向上走自身高度的一半 margin-top:-h/2; //向左走自身宽度的一半 margin-left:-w/2; //要求这个盒子必须有明确可以计算的宽度 ，高度 width:wpx; heigh
2020-12-17 23:31:02
381
原创 请问怎样取三位数的百位数，个位数，和十位数呢 （拆分）？
请问怎样取三位数的百位数，个位数，和十位数呢？<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><bo
2020-12-16 18:22:12
8208
原创 1.javascript 操作标签
认识JavaScript一.JavaScript是什么？ 需要掌握哦JavaScript是基于对象和事件驱动的解释性脚本语言1. 基于对象：js内部提供了一些对象（工具），这些对象的方法或者属性可以实现js的基本功能2. 事件驱动：浏览器对用户行为的直接响应，不需要经过服务器，解释性：浏览器可以直接识别js语言，逐行解析代码，不需要编译3. 解释性：浏览器可以直接识别js语言，逐行解析代码，不需要编译4. 编译性：浏览器可以直接识别js语言，逐行解析的代码，不需要编译二.JavaSc
2020-12-15 21:58:54
441
原创 HTML相关的文标记
文本标记文本样式H5推荐使用带有语义的元素，带有语义的元素更容易被网络爬虫找到<b></b> <strong></strong> 加粗<i></i> <em></em> 斜体<s></s> <del></del> 删除线<u></u> 下划线<sub></s
2020-12-12 15:17:04
85
原创 HTML语言第一讲
HTML语言HTML快速入门第一讲二.HTML是什么？HypeText 超文本 Markup 标记 Language 语言HypeText 有能力Markup <>Language2.HTML的特点.文件以.html或者.htm为后缀使用浏览器执行用<>来做标记可以嵌套js脚本三.HTML的基础语法①标记标记，标签，元素，节点，对象使用html提供的关键字，放在<>中，形成一定的功能双标记，封闭类型标记<关键字
2020-12-11 22:10:56
106
原创 我的大前端历史及浏览器内核
前端开发用前端技术实现用户界面前端技术：基础三大要素1.HTML5，css3,javascript+js衍生物（vue,react,angular框架，node.js）2.用户界面:pc端+移动端app(页面+交互+数据渲染)前端历史1.web1.0阶段 互联网之父之一，蒂姆·伯纳斯·李，万维网的发明者 ，前端的产物，界面：用户只能读不能写2.web2.0阶段 布兰登·艾奇（Brendan Eich，1961年～） JS语言 有了交互 用户只能读 还能写 建设者3.web3.0阶段（大
2020-12-11 20:59:09
62
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人