-
JS异步加载的三种方式
一：同步加载 一般正常引用： <script src="http://nsdn.cn/script.js"></script> <script src="http://nsdn.cn/script.js"></script> 同步模式：又称阻塞模式，会阻止浏览器的后续处理，停止后续的解析，只有当当前加载完成，才…- 425
- 0
-
WordPress开发 – options framework基础应用
前言 看到好多免费的wordpress主题都采用了这套后台设置框架，就拿来研究下，其实设置框架也有很多类型，重要的不在于他的设置有多丰富，而是这个框架的使用是否明确。 正好，这款options framework 框架就贴心的准备了一款主题来帮助各位新手开发者来了解这套框架，可惜的是，即使有这套主题的帮助，很多新手开发者对此也是一知半解，难以使用，这次在网络上找到了一份有详细使用教程的文档，大家一…- 617
- 0
-
WordPress开发 – Options Framework轻量级后台框架使用
Options Framework新特性 轻量级 基于wordpress原生api实现，提供了比较全面的常用选项 界面与wordpress统一，当然也可以自己定制 功能强大，使用简单 Options Framework其实是一款主题，安装启用，就可以看到效果了，这时候会在后台→外观菜单下面多出来一个“Theme Options”的菜单（如果需要在左侧主菜单中显示该选项，可通过add_menu_pa…- 680
- 0
-
Vite 和Webpack 的核心对比？
全方位对比vite和webpack 一. webpack原理 1. webpack打包过程 1.识别入口文件 2.通过逐层识别模块依赖。（Commonjs、amd或者es6的import，webpack都会对其进行分析。来获取代码的依赖） 3.webpack做的就是分析代码。转换代码，编译代码，输出代码 4.最终形成打包后的代码 2. webpack打包原理 1.先逐级递归识别依赖，构建依…- 677
- 0
-
js去除字符串空格
使用js去除字符串内所带有空格，有以下三种方法： 1. replace正则匹配方法 去除字符串内所有的空格：str = str.replace(/\s*/g,""); 去除字符串内两头的空格：str = str.replace(/^\s*|\s*$/g,""); 去除字符串内左侧的空格：str = str.replace(/^\s*/,"&quo…- 569
- 0
-
js同步和异步的区别是什么？
javascript是一门单线程语言，所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务。如果一个任务耗时过长，那么后面的任务就必须一直等待下去，会拖延整个程序。 js的执行模式分为两种：同步 和 异步。 ① 同步模式: 就是后一个任务等待前一个任务结束，然后再执行，程序的执行顺序与任务的排列顺序是一致的…- 686
- 0
-
js 继承的是什么？如何实现继承？
继承的含义： 继承是面向对象编程中的一个重要概念，通过继承可以使子类的实例使用在父类中定义的属性和方法。 JavaScript继承是一种允许我们在已有类的基础上创建新类的机制；它为子类提供了灵活性，可以重用父类的方法和变量。 一、 原型继承 function Animal(name = 'animal'){ this.name = name } Animal.prototype…- 556
- 0
-
JS中的八大数据类型
一. JS中有八种数据类型: 基本数据类型: Number, String, Boolean, Undefined, Null, Symbol, BigInt 引用数据类型 Object 注：红色为新增的基本数据类型。 二. typeof 操作符 由于js中的变量是松散类型的，所以它提供了一种检测当前变量的数据类型的方法，也就是 typeof 关键字. typeof 123 //Numbe…- 609
- 0
-
js正则表达式语法
1.匹配特定数字： ^[1-9]d*$ //匹配正整数 ^-[1-9]d*$ //匹配负整数 ^-?[1-9]d*$ //匹配整数 ^[1-9]d*|0$ //匹配非负整数（正整数 + 0） ^-[1-9]d*|0$ //匹配非正整数（负整数 + 0） ^[1-9]d*.d*|0.d*[1-9]d*$ //匹配正浮点数 ^-([1-9]d*.d*|0.d*[1-9]d*)$…- 552
- 0
-
JavaScript获取当前url路径
1、假设当前页完整地址是：https://www.nsdn.cn:8080/Home/Index?id=2&age=18 //获取当前窗口的Url var url = window.location.href; //结果：https://www.nsdn.cn:8080/Home/Index?id=2&age=18 //获取当前窗口的主机名 var host = window.lo…- 511
- 0
-
前端JS、CSS版本控制
前言 最近面试，问道js,css版本控制问题，一时间忘记，没答上来，下来查阅资料，整理一下。 问题 用户 首次 通过浏览器打开网页时都会对 JS、CSS 文件 进行缓存，以便在下次打开时可以直接从缓存中取出，而不用重复地向服务器 再次请求；当用户再次通过浏览器浏览某个网页，浏览器在加载网页中包含的各个资源（JS、css、图片）时，先会判断缓存中是否已经包含了此资源（当然这与Header中定义的Ca…- 598
- 0
-
2021年web前端面试集锦
一. HTML、CSS相关 html5新特性、语义化 语义化标签 ： header nav main article section aside footer 语义化意味着顾名思义，HTML5的语义化指的是合理正确的使用语义化的标签来创建页面结构，如 header,footer,nav，从标签上即可以直观的知道这个标签的作用，而不是滥用div。 语义化的优点有: 代码结构清晰，易于阅读，利于开发和…- 1.1k
- 0
-
对于 fetch 和 axios 和 Ajax 区别 ？
1.Ajax Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。 用法： $.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function() {}, error: …- 947
- 0
-
什么是闭包？闭包的用途是什么？
什么是闭包： 如果一个函数用到了它作用域外面的变量，那么这个变量和这个函数之间的环境就叫闭包。 var a = 5 function xx(){ console.log(a) } //5 闭包的用途有些什么： 1.模仿块级作用域 所谓块级作用域就是指在循环中定义的变量，一旦循环结束，变量也随之销毁，它的作用范围只在这一小块。而在JavaScript中没有这样的块级作用域，由于JavaScript不…- 791
- 0
-
对于Promise的简单理解 ？
Promise 的用途 首先要了解Promise是什么，有什么用，为啥要用它？ 是什么？ 当谈到Promise的时候，你肯定顺便听到回调、异步、这样的玩意。其实说得通俗一点，Promise就是一种写代码的方式，并且是用来写JavaScript编程中的异步代码的。 基本用法 一句话： return new Promise((resolve,reject)=>{}) 那么Promise有什么用，…- 715
- 0
-
call、apply、bind的应用和区别
1. call( ) 面试中常问的Js中关于call、apply、bind的问题，比如： 怎么利用call、apply来求一个数组中最大或者最小值 如何利用call、apply来做继承 apply、call、bind的区别和主要应用场景 首先，要明白这三个函数的存在意义是什么？答案是改变函数执行时的上下文，再具体一点就是改变函数运行时的this指向。有了这个认识，接下来我们来看一下,怎么使用这三个…- 852
- 0
-
Vue项目优化首页加载速度
一、路由懒加载 { path: '/index', component: () => import('@/views/index'), //懒加载-访问该页面才加载 } 这一步之后，打包后会发现很大的chunk-vendors.xxxxxxx.js不见了，其实是分成了不同的js文件 二、使用CDN引入 <script src="http…- 833
- 0
-
Vue 组件间通信六种方式
前言 组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系： 如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。 针对不同的使用场景，如何选择行之有效的通信方式？这是我们所要探讨的主题。本文总结了vue组件间通信的几种方式，如prop…- 705
- 0
-
vue核心面试题：组件中的data为什么是一个函数
一、总结 1.vue中组件是用来复用的，为了防止data复用，将其定义为函数。 2.vue组件中的data数据都应该是相互隔离，互不影响的，组件每复用一次，data数据就应该被复制一次，之后，当某一处复用的地方组件内data数据被改变时，其他复用地方组件的data数据不受影响，就需要通过data函数返回一个对象作为组件的状态。 3.当我们将组件中的data写成一个函数，数据以函数返回值形式定义，这…- 719
- 0
-
vuex最简单、最详细的入门文档
我在使用基于 vue.js 2.0 的UI框架 ElementUI 开发网站的时候 , 就遇到了这种问题 : 一个页面有很多表单 , 我试图将表单写成一个单文件组件 , 但是表单 ( 子组件 ) 里的数据和页面 ( 父组件 ) 按钮交互的时候 , 它们之间的通讯很麻烦 : <!--父组件中引入子组件--> <template> <div> <a href=…- 697
- 0
-
Web前端如何进行SEO结构优化
做前端的肯定离不开SEO，无论您是专职的SEOer还是其他什么别的，只要设计到前端就避不开SEO，前前后后做了几十个网站和个人博客网站建设的我，对与SEO仍然出于小白阶段，下面就介绍一下日常SEO注意的知识点： 一、合理的title、description、keywords 搜索对着三项的权重逐个减小，title值强调重点即可；description把页面内容高度概括，不可过分堆砌关…- 775
- 0
-
async 函数和 promises 的性能提升
JavaScript 的异步过程一直被认为是不够快的，更糟糕的是，在 NodeJS 等实时性要求高的场景下调试堪比噩梦。不过，这一切正在改变，这篇文章会详细解释我们是如何优化 V8 引擎（也会涉及一些其它引擎）里的 async 函数和 promises 的，以及伴随着的开发体验的优化。 异步编程的新方案 从 callbacks 到 promises，再到 async 函数 在 promises 正…- 1k
- 0
-
VSCode打造成为开发神器
VSCode现在是世界上最为常用的编辑器之一，为什么被称为编辑器，是因为它不像IDE一样集成了大量开发环境的配置，必须你手动配置很多东西，才能将它打造成为一个趁手的生产工具。 VSCode最大的优势就在于它是完全免费的，你不需要支付任何费用，就可以得到一个开发各种代码的编辑器，也正因为它具有高拓展性，它可以用来编写Python、C++、C#、GO、Dart等一系列语言。 你可以通过下面的插件将VS…- 1k
- 0
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×