![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 57
小庄hua
身在无间,心在桃源
展开
-
前端性能优化
文章目录前言一、清理html恰当放置css恰当放置js二、优化css性能减少多余的css文件使用link而不使用@import三、减少外部http请求四,压缩css,js,html五, 使用预先获取预先获取(Predictive Fetch)模式的概念很简单,实现却不容易:Ajax应用程序必须猜测用户下一步要做什么,然后获取相应的数据。使用cdn和缓存提高速度总结前言从今天开始我将陆续在博客上整理前端面试题前端性能优化一、清理html恰当放置css如果将css样式表放在html后面的话,页.原创 2021-04-09 09:16:21 · 65 阅读 · 0 评论 -
柯里化与反柯里化
什么是柯里化:维基百科上说道:柯里化,英语:Currying(果然是满满的英译中的既视感),是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数而且返回结果的新函数的技术。比如说来举个例子:这是普通函数,求和。将所有的参数都置放在形参中。但是如果需求增加,我想求三个数的值,这时候很明显这个函数已经不满足实际需求,因为我们不可能在去重写函数function sum(x,y){ return x+y; }}``sum(1,2);//3柯原创 2021-04-09 08:19:04 · 118 阅读 · 0 评论 -
vue3.0引入elementui报错Uncaught TypeError: Cannot read property ‘prototype‘ of undefined
所以问题就出在实例对象不一致,官网上的实例对象是vue/cli3.0版本创建的 Vue 对象而最新版本的vue/cli是4.5.6,创建的实例对象是createApp 实例对象不一致,当然引入不进去了原创 2021-03-31 10:43:42 · 1862 阅读 · 0 评论 -
父子组件之间的传值
父子组件之间的传值1.父组件给子组件传值子组件写法注意:子组件用props接受从父组件传过来的属性<template> <div> <p>{{message}}</p> </div></template><script> export default{ props:['message'] }</script>父组件写法:注意:父组件绑定一个动态属性<templat原创 2021-03-26 16:25:43 · 141 阅读 · 0 评论 -
浏览器存储
浏览器存储随着Web应用程序的出现,直接在客户端存储用户信息的需求也随之出现。与特定用户相关的信息应该保存在用户的机器上。无论是登录信息,个人偏好,还是其他数据,Web应用程序都需要有办法把它们保存在客户端。对于该问题的第一个解决方案就是使用到了cookie,cookie由网景公司发明,由一份名为Persistent Client State:HTTP Cookies的规范定义,今天,cooike只是在客户端的存储数据的一个选项。一.cookie1.cookie的来源Cookie 的本职工作并非本原创 2021-03-14 16:50:49 · 152 阅读 · 0 评论 -
node.js的express框架
express()express()用来创建一个Express的程序。express()方法是***express***模块导出的顶层方法。var express = require('express');var app = express();中间件http://expressjs.com/en/guide/using-middleware.html (参考文献)express是一个路由和中间件Web框架,其自身的功能很少:Express应用程序本质上是一系列中间件函数调用。中间原创 2020-08-05 21:43:36 · 196 阅读 · 0 评论 -
npm
npmNode Package ManagerNPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。由于可以通过输入“ npm -v”来测试是否成功安装。命令如下,出现版本提示表示安装成功:$ npm -v2.3.0npm initnpm原创 2020-07-19 00:29:51 · 107 阅读 · 0 评论 -
03 node
1.模块的互不影响02.js文件exports.name="小庄";exports.age=18;03.js文件let a=require("./02");a.sex="女";console.log(a);//{ name: '小庄', age: 18, sex: '女' }2.关于重复引入相同的模块05.jsmodule.exports={ name:"小庄", age:18}06.jslet a=require("./05");a.sex="woman原创 2020-07-16 20:44:17 · 91 阅读 · 0 评论 -
canvas
canvas在渲染复杂的动效,把数据可视化图形显示,游戏场景等需求,都会用canvas技术,比dom操作性能更高特点:1.h5的新增图形标签,通过提供的javaScript函数绘制各种图表或利用算法是吸纳非常华丽的动效2,在以前是用flash实现,但不能和js交互3,适合动态图形绘制缺点是位图,缩放会模糊。svg意为可缩放矢量图形(Scalable Vector Graphics)。SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用来定义用于原创 2020-07-11 20:03:56 · 370 阅读 · 0 评论 -
深拷贝和浅拷贝
深拷贝和浅拷贝众所周知,“=”对于对象来说是引用关系。var obj1={ name:"小庄"};var obj2=obj1;obj1.name="huahua";console.log(obj2);//此时obj2会随着obj1的改变而改变。这种拷贝被称为浅拷贝;此时问题来了,假如我不想让他俩相互之间引用,只是存在最开始的赋值问题,那么该如何解决这时候把这种解决办法成为深...原创 2020-03-11 23:38:03 · 55 阅读 · 0 评论 -
同源策略和jsonp
参考资源:https://www.cnblogs.com/rain-chenwei/p/9520240.html同源策略: http://localhost:80/01.html http://localhost:80/02.html 协议 http: ...原创 2020-03-11 23:35:51 · 138 阅读 · 0 评论 -
面向对象中的原型和原型链
面向对象对象: 无序属性得集合,其属性可以包含基本类值,对象或者函数。对象的生成方式有两种:1.字面量var obj={};//字面量在这里要注意,这种方式和下面一种方式的本质是相同的,其相当于var obj =new Object;2.构造函数var obj =new Object;构造函数的特点:1,书写上为了区分普通的函数首字母要大写2,使用的是this,不需要返回...原创 2020-01-30 09:45:11 · 161 阅读 · 0 评论