js
关注
分享
扫一扫
睿oba
这个作者很懒，什么都没留下…
展开
-
JS中布尔值为true和false的情况、简单点击事件、Prop 验证
JS中布尔值为true和false的情况、简单点击事件、Prop 验证原创 2022-04-02 16:08:12 · 2319 阅读 · 0 评论 -
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 · 1991 阅读 · 1 评论 -
百度网盘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 · 2948 阅读 · 0 评论 -
解决：函数里的全局作用域问题
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 · 111 阅读 · 0 评论 -
报错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 · 753 阅读 · 0 评论 -
函数声明和函数表达式——同名函数的执行顺序
两个例子<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 · 469 阅读 · 0 评论 -
背景作用区域、数组属性及方法、前端优化、卡顿原因
1、设置一个元素的背景颜色，背景颜色会填充哪些区域？答：background-color设置的背景颜色会填充元素的content、padding、border区域。原创 2020-07-09 18:31:37 · 236 阅读 · 0 评论 -
SPA单页面、sass和scss、new步骤、图片格式
一、非父子组件的通信方式有哪些二、事件总线的应用场景、vuex是什么，应用场景是什么、vuex和事件总线在项目中如何选择三、说一说SPA单页面富应用的优缺点，针对缺点如何解决？（首页懒加载？首页优化？）四、sass和scss的不同...原创 2020-09-24 16:42:50 · 450 阅读 · 0 评论 -
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 · 453 阅读 · 0 评论 -
css优先级、元素隐藏、居中浮动、清除浮动、画三角形、页面渲染过程、继承
1、CSS优先规则1：最近的祖先样式比其他祖先样式优先级高。"直接样式"比"祖先样式"优先级高。2：内联样式 > ID 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器3：权重大的优先级高，标签的权重为1，class的权重为10，id的权重为100，如果权重相同，则最后定义的样式会起作用。4：属性后插有!important的属性拥有最高优先级。2、隐藏元素opacity=0，该元素隐藏起来了，但不会改变页面布局，并且，如果该元素已经绑定一些原创 2020-09-23 10:34:11 · 252 阅读 · 0 评论 -
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 · 539 阅读 · 0 评论 -
标签、订阅、继承、静态和实例方法、防抖节流、模块规范、require、异步方法、优雅退化和渐进增强
一、 b 和strong区别 标签语义化两个都是加粗，一般建议使用strong，因为要尽量标签语义化。 //我b标签：加粗，无意义，b是html的标签strong：强调文档逻辑，strong是web标准中xhtml的标签，标签语义化同：用在网页上默认情况下起的均是加粗字体的作用 //功课不同：标签是一个实体标签，字符将被设为bold（粗体），而标签是一个逻辑标签，它的作用是加强字符的语气，一般来说，加强字符的语气是通过将字符变为bold（粗体）来原创 2020-09-23 10:02:54 · 211 阅读 · 0 评论 -
js位置、web存储、页面加载事件、给类添加方法、promise封装ajax、重绘和重排、XMLHTTPRequest和JSONP
一、js放在head和body标签中的区别head 部分中的脚本: 需调用才执行的脚本或事件触发执行的脚本放在HTML的head部分中。当你把脚本放在head部分中时，可以保证脚本在任何调用之前被加载。body 部分中的脚本: 当页面被加载时执行的脚本放在HTML的body部分。放在body部分的脚本通常被用来生成页面的内容。...原创 2020-09-19 17:42:27 · 300 阅读 · 0 评论 -
react学习
元素是构成 React 应用的最小单位，它用于描述屏幕上输出的内容。const element = <h1>Hello, world!</h1>;React 元素都是不可变的。当元素被创建之后，你是无法改变其内容或属性的。目前更新界面的唯一办法是创建一个新的元素，然后将它传入 ReactDOM.render() 方法...原创 2020-09-19 12:05:10 · 138 阅读 · 0 评论 -
创建对象
创建对象三种方法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 · 124 阅读 · 0 评论 -
前端常用正则校验
一、校验数字的表达式数字：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 · 2263 阅读 · 1 评论 -
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 · 151 阅读 · 0 评论 -
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 · 3068 阅读 · 0 评论 -
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 · 302 阅读 · 0 评论 -
数组方法是否改变原数组
改变原数组：pop():删除 arrayObject 的最后一个元素，把数组长度减 1，并且返回它删除的元素的值。如果数组已经为空，则 pop() 不 改变数组，并返回 undefined 值。arrayObject.pop()*push():*push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 arrayObject，而不是创建一个新的数组,arrayObject.push(newelement1,newelement2,….,newelementX)reverse原创 2020-08-17 15:18:48 · 1316 阅读 · 0 评论 -
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 · 138 阅读 · 0 评论