前端
jing_jing95
这个作者很懒,什么都没留下…
展开
-
js用Set解题——判定字符是否唯一
Set 是唯一值的集合。每个值在 Set 中只能出现一次。一个 Set 可以容纳任何数据类型的任何值。Set的大小 == 字符串长度 ——>字符串中每个字符都唯一/** * @param {string} astr * @return {boolean} */var isUnique = function(astr) { return astr.length == new Set(astr).size;};作者:biemx链接:https://leetcode原创 2022-03-07 00:27:31 · 419 阅读 · 0 评论 -
单页面应用首屏时间慢问题解决方法
路由的懒加载加一个首屏loading图或骨架屏,提高用户的体验尽可能使用CSS Sprites和字体图标库图片的懒加载将公用的JS库通过script标签在index.html进行外部引入,减少我们打包出来的js文件的大小,让浏览器并行下载资源文件,提高下载速度首屏数据渐进式预加载 https://zhuanlan.zhihu.com/p/26543645...原创 2020-10-19 16:57:36 · 427 阅读 · 0 评论 -
vue--单页面应用和多页面应用
https://blog.csdn.net/qq_29918313/article/details/102457235转载 2020-10-19 11:03:05 · 607 阅读 · 0 评论 -
响应式布局
http://caibaojian.com/356.html原创 2020-10-14 17:14:50 · 113 阅读 · 0 评论 -
v-if和v-show区别
v-if 是是将dom元素整个添加或删除,而v-show是简单的控制元素的display的属性,dom元素还在1.手段:v-if是动态的向DOM树内添加或者删除DOM元素;v-show是通过设置DOM元素的display样式属性控制显隐;2.编译过程:v-if切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件;v-show只是简单的基于css切换;3.编译条件:v-if是惰性的,如果初始条件为假,则什么也不做;只有在条件第一次变为真时才开始局部编译(编译被缓存?编译原创 2020-10-14 00:08:24 · 158 阅读 · 0 评论 -
VUE中的export与export default
1.export与export default均可用于导出常量、函数、文件、模块等export 用来导出模块,Vue 的单文件组件通常需要导出一个对象,这个对象是 Vue 实例的选项对象,以便于在其它地方可以使用 import 引入。而 new Vue() 相当于一个构造函数,在入口文件 main.js 构造根组件的同时,如果根组件还包含其它子组件,那么 Vue 会通过引入的选项对象构造其对应的 Vue 实例,最终形成一棵组件树。2.你可以在其它文件或模块中通过import+(常量 | 函数 |原创 2020-10-10 17:40:07 · 1519 阅读 · 0 评论 -
VUE 组件
一、组件介绍1.减少代码量2.代码复用二、组件注册1. 全局注册<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>&原创 2020-09-23 01:26:04 · 70 阅读 · 0 评论 -
项目管理等流程记录
一、安装各种软件1.安装vscode、git、nodejs2.在本地磁盘建立工作区文件夹例如:D:\workspace右键点击文件夹,点击Git Bash Heregit clone 网址//如果报错,先运行“git init”3. vscode中打开项目文件夹打开终端,执行npm installnpm run dev配置launch.json"version": "0.2.0", "configurations": [ .原创 2020-09-21 18:11:45 · 309 阅读 · 0 评论 -
js promise 异步编程 学习笔记
一、回调函数function loadImag(src, resolve, reject) { let image = new Image(); image.src = src; image.onload = () => { resolve(image); }; image.onerror = reject; } loadImag( "images/houdunren.png2",原创 2020-09-19 00:59:43 · 104 阅读 · 0 评论 -
VUE介绍
特点:应用范围广,学习成本低生态环境好:社区活跃;中文手册完整上手简单,容易使用下载并用<script>引入,VUE会被注册为一个全局变量<body> <div id="root"> <div :style="styleObj @click="handleBtnClick">//@click也可以写作v-on:click Hello World! </div>原创 2020-09-16 11:46:18 · 171 阅读 · 0 评论 -
js 实例、对象、继承 学习笔记
1 new 实例对象实例:通过new方式实例的对象原型对象:prototype,在构造函数里构造函数和函数:不同的执行方式,this指向有所区别function Foo(){ this.a = 1;}var foo = new Foo();console.log(foo);//{a:1}2 prototype __proto__ constrctor2.1 原型:所有实例对象的共同祖先function Foo(){ this.a = 1;}...原创 2020-09-10 00:25:48 · 140 阅读 · 0 评论 -
JS预编译、作用域、作用域链
1.暗示全局变量function test(){ var a=b=1;}test();console.log(a);//报错console.log(window.a);//undefinedconsole.log(b);//1未声明直接赋值的变量默认为全局变量,作为window的属性2. GO global object 全局上下文找变量 找函数声明 执行var a =1;function a(){console.log(2);}console.log(a原创 2020-09-08 15:55:34 · 127 阅读 · 0 评论 -
this学习笔记
1 默认绑定规则全局下默认指向windowconsole.log(this === window);//true//console.log({} === {});//false,因为比较的是地址//函数的独立调用,函数定义在window下function test(){ console.log(this === window);//true}test();//等价于window.test();2 隐式绑定规则谁调用就指向谁var a = 0;var obj =原创 2020-09-05 23:35:55 · 170 阅读 · 0 评论 -
ES6 学习笔记
1 基础1.1 let1.1.1 基础let 允许你声明一个作用域被限制在块级中的变量、语句或者表达式。重复声明报错:var 和 let 的不同之处在于 let 是在编译时才初始化,也就是在同一个块级下不能重复地声明一个变量,否则会报错(即使使用 var 去声明也是不可以的)var声明的变量会添加到window对象作为属性,let不会添加到window上尽量使用 let 去代替 var 来声明变量。1.1.2 块级作用域(ES6新增)(1)全局作用域能通过 window原创 2020-09-02 23:15:47 · 237 阅读 · 0 评论 -
HTML和CSS小知识点笔记
1.<!DOCTYPE html>:文档类型声明,表示该文件为 HTML5文件。<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前2.<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>认识html文件基本结构</title> </h...原创 2020-05-16 00:49:27 · 548 阅读 · 0 评论 -
前端面试题总结
1.GET 和 POST 到底有什么区别? - 大宽宽的回答 - 知乎1.1 场景一:浏览器使用的GET/POST浏览器中非AJAX的HTTP请求,HTTP协议中的GET/POST浏览器用GET请求来获取一个html页面/图片/css/js等资源;用POST来提交一个<form>表单,并得到一个结果的网页1.1.1 GET“读取“一个资源,反复读取不应该对访问的数据有副作用 [没有副作用被称为“幂等“(Idempotent)]可以对GET请求的数据做缓存:缓存可以做到原创 2020-05-24 02:33:27 · 1138 阅读 · 0 评论 -
JS学习笔记
1. <script type="text/javascript"></script>引用JS外部文件:<script src="script.js"></script>在JS文件中,不需要<script>标签,直接编写JavaScript代码就可以了。JS文件不能直接运行,需嵌入到HTML文件中执行可以将JavaScript代码放在html文件中任何位置,但是我们一般放在网页的head或者body部分。2. javascrip原创 2020-06-23 23:26:20 · 571 阅读 · 0 评论 -
Vue学习笔记
1. 一套用于构建用户界面的渐进式框架;自底向上逐层应用;核心库只关注视图层,便于与第三方库或既有项目整合;与现代化的工具链以及各种支持类库结合使用时,能够为复杂的单页应用提供驱动2. 原生 JavaScript 或者 Jquery不可避免的要大量操作 DOM;Vue.js 有声明式,响应式的数据绑定,与组件化的开发,并且还使用了 Virtual DOM,尽量避免了繁琐的 DOM 操作,它可以根据数据的改变来驱动视图的更新你不知道的Virtual DOMVD只是一个简单的JS对象,并且最少包原创 2020-06-25 00:11:56 · 196 阅读 · 0 评论 -
前端框架错题总结
1. 因为JSX的特性更接近JavaScript而不是HTML,所以React DOM使用camelCase(小驼峰)命名来定义属性的名称,而不是使用HTML的属性名称。例如:class变成了className,而tabindex则对应着tableIndex2. 在jsx中直接写行内样式时不能采用引号,而是style={{color:'red'}}的方式...原创 2020-06-30 23:39:37 · 240 阅读 · 1 评论