- 博客(45)
- 收藏
- 关注
RSS订阅原创 vue接收上个页面传过来的参数并展示在页面
1、在html中<div>{{params}}</div>在js中data () {return {params: ''}},beforeMount () {this.params= this.$CBPlugin.navigator.getNavParams()}2、在beforeMount里写个函数，用let定义params，return一下，在页面上用函数显示...
2021-09-06 11:10:57
1911
1
原创 解决：vscode起vue项目时安装的依赖格式为crlf
1、安装git时，其中有一项配置与行尾符有关。这个界面是配置行尾符号转换。第一个选项是“签出Windows风格，提交Unix风格的行尾”。签出文本文件时，Git会将LF转换为CRLF。提交文本文件时，CRLF将转换为LF。对于跨平台项目，这是Windows上的推荐设置（“ core.autocrlf”设置为“ true”）第二个选项是“按原样签出，提交Unix样式的行尾”。签出文本文件时，Git不会执行任何转换。 提交文本文件时，CRLF将转换为LF。对于跨平台项目，这是Unix上的建议设置（“ c
2021-08-12 11:23:15
1357
原创 百度网盘web登录页-原生js实现
html<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <!-- 搜索时显示的网站描述 --> <meta name="description" content=""
2021-08-09 17:16:44
2765
原创 解决：函数里的全局作用域问题
1、<body><p id="demo"></p> <button onclick="ab()">按钮</button><script> function ab(){ function cd(){ var i,length=2;//用的逗号 } cd(); document.getElementById("demo").innerHTML = length; }</script&g
2021-07-28 11:45:11
78
原创 解决：子元素设置浮动后溢出
<style>div { border: 3px solid #4CAF50; padding: 5px;}.img1 { float: right;}</style></head><body><p>以下实例图在父元素中溢出，很不美观:</p><div><img class="img1" src="pineapple.jpg" alt="Pineapple" width=.
2021-07-27 15:30:41
314
原创 Html5学习
1、自定义标签，使用document.createElement，仅适用于 IE。<script>document.createElement("myHero")</script> <style> selfDemo {。。。 } </style></head><body> <selfDemo>My First Hero</selfDemo></body>2、
2021-07-26 15:12:45
159
原创 报错Cannot read property ‘addEventListener‘ of null
<head> <script type="text/javascript"> var myul = document.getElementById('test-ul'); var list = document.querySelectorAll('ul li'); myul.addEventListener('click', function(ev){ var ev = ev || window.eve.
2021-07-26 09:39:15
687
原创 函数声明和函数表达式——同名函数的执行顺序
两个例子<script> var m= 1; function add(n) { return n = n+1; } y = add(m); function add(n) { return n = n + 3; } z = add(m); </script> 运行结果：4，42.var f1,f2;f1 = f2 = function(){alert('给你
2021-07-23 10:36:56
411
原创 BFC、媒体查询、横屏竖屏、异步操作、透明背景上a链接失效、vue和react、虚拟dom、call和apply和bind
1、BFC三种常见定位普通流 (normal flow) 在普通流中，元素按照其在 HTML中的先后位置至上而下布局，在这个过程中，行内元素水平排列，直到当行被占满然后换行，块级元素则会被渲染为完整的一个新行，除非另外指定，否则所有元素默认都是普通流定位，也可以说，普通流中元素的位置由该元素在HTML 文档中的位置决定。浮动 (float)在浮动布局中，元素首先按照普通流的位置出现，然后根据浮动的方向尽可能的向左边或右边偏移，其效果与印刷排版中的文本环绕相似。绝对定位(absolute po
2020-11-17 13:14:24
331
原创 银行笔试面试题整理
1、c++三大特性：封装、继承、多态。2、OSI七层+作用1.物理层：通过媒介传输比特，确定机械和电气规范。（比特bit）2.数据链路层：将比特组装成帧和点对点的传递。（帧frame）3.网络层：负责数据包从源到宿的传递和网际互联。（包packet）4.传输层：提供端对端的可靠的报文传递和错误恢复。（段seqment）5.会话层：会话的创建，管理和销毁。（会话协议数据单元SPDU）6.表现层：对数据进行解析，翻译，加密，压缩。（表示协议数据单元PPDU）7.应用层：允许访问OSI环境操作。（
2020-11-06 10:45:19
1487
原创 http与https、响应码（状态码）、缓存
一、url的组成？http和https是同一个协议吗？组成：传输协议，域名，端口，文件位置，参数。HTTP（顺丰）：超文本传输协议（除了传递普通的文本，还可以传递文件流或者进制编码等信息），端口80HTTPS（邮政）：基于SSL（Secure Sockets Layer 安全套接层）加密的HTTP传输协议，比HTTP更加的安全（涉及支付的网站一般都是基于HTTPS完成的），端口443FTP（货运）：文件传输协议，一般用来实现资源文件在服务器上的上传下载1. Https的作用内容加密 建立一个信息
2020-09-28 14:27:49
2015
原创 SPA单页面、sass和scss、new步骤、图片格式
一、非父子组件的通信方式有哪些二、事件总线的应用场景、vuex是什么，应用场景是什么、vuex和事件总线在项目中如何选择三、说一说SPA单页面富应用的优缺点，针对缺点如何解决？（首页懒加载？首页优化？）四、sass和scss的不同...
2020-09-24 16:42:50
399
原创 null和undefeated、dom操作、target和currenttarget、css选择符、浏览器页面通信
1、null，undefined 的区别？null表示一个对象被定义了，值为“空值”；undefined表示不存在这个值。例如变量被声明了，但没有赋值时，就等于undefinednull是一个空对象,没有任何属性和方法；在验证null时，一定要使用===，因为==无法分别 null 和undefined。2、DOM操作——怎样添加、移除、移动、复制、创建和查找节点?（1）创建新节点createDocumentFragment()创建一个DOM片段；createElement()创建一个具体的元
2020-09-23 10:37:43
422
原创 css优先级、元素隐藏、居中浮动、清除浮动、画三角形、页面渲染过程、继承
1、CSS优先规则1：最近的祖先样式比其他祖先样式优先级高。"直接样式"比"祖先样式"优先级高。2：内联样式 > ID 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器3：权重大的优先级高，标签的权重为1，class的权重为10，id的权重为100，如果权重相同，则最后定义的样式会起作用。4：属性后插有!important的属性拥有最高优先级。2、隐藏元素opacity=0，该元素隐藏起来了，但不会改变页面布局，并且，如果该元素已经绑定一些
2020-09-23 10:34:11
215
原创 vue双向绑定、MVVM、watch、请求后台数据、实时获取数据、vuex、__proto__
1、vue双向绑定的原理？vue.js 则是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。核心：通过Object.defineProperty()来实现对属性的劫持，达到监听数据变动的目的要实现mvvm的双向绑定，就必须要实现以下几点：1、实现一个数据监听器Observer，能够对数据对象的所有属性进行监听，如有变动可拿到最新值并通知订阅者2、实现一个指令解析
2020-09-23 10:26:56
499
原创 标签、订阅、继承、静态和实例方法、防抖节流、模块规范、require、异步方法、优雅退化和渐进增强
一、 b 和strong区别 标签语义化两个都是加粗，一般建议使用strong，因为要尽量标签语义化。 //我b标签：加粗，无意义，b是html的标签strong：强调文档逻辑，strong是web标准中xhtml的标签，标签语义化同：用在网页上默认情况下起的均是加粗字体的作用 //功课不同：标签是一个实体标签，字符将被设为bold（粗体），而标签是一个逻辑标签，它的作用是加强字符的语气，一般来说，加强字符的语气是通过将字符变为bold（粗体）来
2020-09-23 10:02:54
180
原创 js位置、web存储、页面加载事件、给类添加方法、promise封装ajax、重绘和重排、XMLHTTPRequest和JSONP
一、js放在head和body标签中的区别head 部分中的脚本: 需调用才执行的脚本或事件触发执行的脚本放在HTML的head部分中。当你把脚本放在head部分中时，可以保证脚本在任何调用之前被加载。body 部分中的脚本: 当页面被加载时执行的脚本放在HTML的body部分。放在body部分的脚本通常被用来生成页面的内容。...
2020-09-19 17:42:27
265
原创 react学习
元素是构成 React 应用的最小单位，它用于描述屏幕上输出的内容。const element = <h1>Hello, world!</h1>;React 元素都是不可变的。当元素被创建之后，你是无法改变其内容或属性的。目前更新界面的唯一办法是创建一个新的元素，然后将它传入 ReactDOM.render() 方法...
2020-09-19 12:05:10
110
原创 创建对象
创建对象三种方法1、利用new object（）var obj1=new object();2、利用对象字面量var obj2={};3、通过构造函数function Star(name){ this.name=name; this.sing=function(){ console.log(this.name+'唱歌'); }}var lyf=new Star('刘亦菲');lyf.sing();//刘亦菲唱歌new做的工作：在内存中创建一个空对象，让this指向这个对
2020-09-19 12:04:33
104
原创 页面布局样式
一、单列布局电商网站常用<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>页面布局</title> <style> .box{ width:800px; height: 600px;
2020-09-19 12:03:28
640
原创 前端常用正则校验
一、校验数字的表达式数字：1$n位的数字：^\d{n}$至少n位的数字：^\d{n,}$m-n位的数字：^\d{m,n}$零和非零开头的数字：^(0|[1-9][0-9])$非零开头的最多带两位小数的数字：^([1-9][0-9])+(.[0-9]{1,2})?$带1-2位小数的正数或负数：^(-)?\d+(.\d{1,2})?$正数、负数、和小数：^(-|+)?\d+(.\d+)?$有两位小数的正实数：2+(.[0-9]{2})?$有1~3位小数的正实数：3+(.[0-9]{1,3})
2020-09-19 12:01:52
2156
1
原创 es6常用-let、const、class, extends, super、箭头函数、模板字符串、解构、参数、import、export
let, const这两个的用途与var类似，都是用来声明变量的，但在实际运用中他俩都有各自的特殊用途。首先来看下面这个例子：var name = 'zach'while (true) { var name = 'obama' console.log(name) //obama break}console.log(name) //obama使用var 两次输出都是obama，这是因为ES5只有全局作用域和函数作用域，没有块级作用域，这带来很多不合理的场景。第一种
2020-09-18 15:37:47
555
原创 计算最大最小值之差、生成随机字符串、找出出现最多的元素及位置、将连词符连接的单词转换成驼峰形式
一、计算数组最大值最小值之差function reduce(arr) { var max = arr[0]; var min = arr[0]; for(let i = 1; i < arr.length; i ++) { if(max < arr[i]) { max = arr[i] } if(min > arr[i]) { min = arr[i] } } return max - min;}定义两个变量，一个放最大值一个放最小值，for循
2020-09-11 17:50:32
137
原创 算法：提取URL中的参数、检测页面标签、服务器数据分发、字符串在另一字符串中出现次数
算法：提取URL中的参数例：http://item.taobao.com/item.htm?a=1&b=2&c=&d=xxx&e，提取成{a:’ 1′, b:’ 2′, c:” , d:’ xxx’, e:undefined}。 function getURL(url) { var result = {}; var parmList = url.split("?")[1]; var parm = parmList.split("&"); for(
2020-09-10 18:09:33
644
原创 数组去重方法及算法
数组去重算法方法一function removeRepeat(arr) { var newarr= arr.filter(function(element, index, arr) { return arr.indexOf(element) == index; //return后面是数组的筛选条件，不是布尔值 }); console.log(newarr); }indexOf找出数组中某个元素第一次出现的位置，filter找出
2020-09-10 15:26:30
577
原创 聚好看面经-找出数组中两数之和等于给定值、promise、dom
1、算法题这个算法题的描述如下：快速找出一个数组中的两个数字，让这两个数字之和等于一个给定的值。目前我假设数组中的都是各不相等的整数。这道题是我在一次面试中被问到的，由于各种原因，我没回答上来，十分尴尬。其实这道题十分简单，我们使用相对巧妙的方法来实现下。注意不使用两层循环的元素遍历。示例代码上传至：https://github.com/chenyufeng1991/SumTo100 。算法描述如下：（0）首先对原数组进行排序，成为递增数组；（1）对排序后的数组头部i [0]和数组尾部j [n-1]
2020-09-09 17:05:52
357
原创 css长度单位和布局实例
emCSS1 长度单位 em，相对于当前对象内文本的字体尺寸exCSS1 长度单位 ex ，相对于字符“x”的高度。通常为字体高度的一半chCSS3 长度单位 ch ，通常是数字“0”的宽度remCSS3 长度单位 rem ，相对于根元素(即html元素)font-size计算值的倍数vwCSS3 长度单位 vw，相对于视口的宽度。视口被均分为100单位的vwvhCSS3 长度单位 vh ，相对于视口的高度。视口被均分为100单位的vhvmCSS3 长度单位 vm ，对于视口的宽度
2020-09-07 15:41:10
176
原创 js创建字符串、数组、对象
1、创建字符串1.1 new Array()var arr1 = new Array();var arr2 = new Array(6); 数组的长度为6var arr3 = new Array(1, 2, 3, 4); 括号中的元素为数组的项， length为元素个数1.2 [] 简写var arr4 = [1,2,3,4]2、数组2.1 数组的属性constructor对创建数组对象的Array构造函数的引用,length数组的长度prototype我们创
2020-09-06 15:52:21
2846
原创 rem适配、tcp与udp
1、rem适配这个有点麻烦，借鉴一下：https://www.jianshu.com/p/ccbe9eb285e22、总结js异步编程方法回调函数（Callback）回调函数是异步操作最基本的方法。以下代码就是一个回调函数的例子：ajax(url, () => { // 处理逻辑})但是回调函数有一个致命的弱点，就是容易写出回调地狱（Callback hell）。假设多个请求存在依赖性，你可能就会写出如下代码：ajax(url, () => { // 处理逻
2020-08-18 16:16:20
279
原创 腾讯音乐前端面试-setState、js单线程、事件循环、this指向、栈和队列
（ps：面试小哥哥人很好，平息了我忐忑的心情。面试大概四十分钟，主要是前端基础、数据结构基础、浏览器基础三块）1、setstate是同步还是异步setState 只在合成事件和钩子函数中是“异步”的，在原生事件和 setTimeout 中都是同步的。合成事件：就是react 在组件中的onClick等都是属于它自定义的合成事件原生事件：比如通过addeventListener添加的，dom中的原生事件2、浏览器缓存策略强缓存 : Expires & Cache-control强缓存
2020-08-17 21:10:47
672
原创 onload、代码监测、绑定监听、h5标签、css可继承样式
1.document.ready 、onload和 window.onload 的区别document.ready方法在DOM树加载完成后就会执行，而window.onload是在页面资源（比如图片和媒体资源，它们的加载速度远慢于DOM的加载速度）加载完成之后才执行。也就是说$(document).ready要比window.onload先执行。了解body的onload事件的执行时间是非常重要的。onload事件是在网页加载完毕时执行的。当我们在JavaScript中想要操作某元素时而此元素还没有加载
2020-08-17 17:16:06
246
原创 数组方法是否改变原数组
改变原数组：pop():删除 arrayObject 的最后一个元素，把数组长度减 1，并且返回它删除的元素的值。如果数组已经为空，则 pop() 不 改变数组，并返回 undefined 值。arrayObject.pop()*push():*push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 arrayObject，而不是创建一个新的数组,arrayObject.push(newelement1,newelement2,….,newelementX)reverse
2020-08-17 15:18:48
1257
原创 day1表格增
import React, { Component } from 'react';import { Table, Divider, Tag ,Modal, Button,Input} from 'antd';import styles from './index.scss';//引入css样式export default class Exercise extends Component { constructor(props) { super(props); this.sta.
2020-07-27 20:23:00
97
原创 js类、对象、继承
子类继承父类里的方法： class Fat{//这里没小括号 constructor(x,y){//这里面的this指向的是创建的实例对象，即son this.x=x; this.y=y; } sum(){//类里的方法不用写function console.log(this.x+this.y); }
2020-07-17 18:51:29
123
原创 js基本和复杂数据类型、深拷贝、同源策略和跨域、冒泡和快速排序、生命周期
1、url的组成？http和https是同一个协议吗？组成：传输协议，域名，端口，文件位置，参数。HTTP（顺丰）：超文本传输协议（除了传递普通的文本，还可以传递文件流或者进制编码等信息），端口80HTTPS（邮政）：基于SSL（Secure Sockets Layer 安全套接层）加密的HTTP传输协议，比HTTP更加的安全（涉及支付的网站一般都是基于HTTPS完成的），端口443FTP（货运）：文件传输协议，一般用来实现资源文件在服务器上的上传下载2、瀑布流式布局怎么实现实现思路：设定每一
2020-07-16 18:07:15
306
原创 css3和h5部分新属性
1、transformtransform: transform-functions;值 描述none 定义不进行转换。matrix(n,n,n,n,n,n) 定义 2D 转换，使用六个值的矩阵。matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) 定义 3D 转换，使用 16 个值的 4x4 矩阵。translate(x,y) 定义 2D 转换。translate3d(x,y,z) 定义 3D 转换。translateX(x) 定义转换，只是用 X 轴的值。
2020-07-14 08:23:03
110
原创 js类型转换、类的创建继承闭包、事件绑定、图片轮播、浏览器内核、行内和块级元素、get和post、link和import
1、js的类型转换（自动转换和强制转换）1、转为字符串（string）toString()方法 ：可将其它类型转为字符串类型，但对null和undefined不适用2、转字符串快捷方法其它类型 + ’ ’ 或 ’ ’ + 其它类型：其他类型与一个空字符串相加，此方法对null和undefined也适用3、转字符串全局方法String()函数：可将任意类型的值转为字符串，对null和undefined也适用4、转布尔值全局方法Boolean()函数：可将其他类型转为布尔值。5、转布尔值快捷方
2020-07-13 21:12:16
230
原创 背景作用区域、数组属性及方法、前端优化、卡顿原因
1、设置一个元素的背景颜色，背景颜色会填充哪些区域？答：background-color设置的背景颜色会填充元素的content、padding、border区域。
2020-07-09 18:31:37
201
原创 this指向总结
多数情况下，this 指向调用它所在方法的那个对象。即谁调的函数，this 就归谁。当调用方法没有明确对象时，this 就指向全局对象。在浏览器中，指向 window；在 Node 中，指向 Global。（严格模式下，指向 undefined）例1.// 声明位置var me = { name: 'xiuyan', hello: function() { console.log(`你好，我是${this.name}`) }}var you = { name: 'xia
2020-07-09 09:56:08
121
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人