Web杂谈
文章平均质量分 82
关于一些关于网页设计以及浏览器性能等等知识的了解
就是有点怕怕
这个作者很懒,什么都没留下…
展开
-
vue2、vue3、react响应式原理、组件声明周期阐述与对比
vue2/vue3/react 响应式原理、组件声明周期原创 2023-05-17 22:05:24 · 2220 阅读 · 0 评论 -
常见端口号对应服务
端口作用说明2121端口主要用于FTP(File Transfer Protocol,文件传输协议)服务。2323端口主要用于Telnet(远程登录)服务,是Internet上普遍采用的登录和仿真程序。2525端口为SMTP(Simple Mail Transfer Protocol,简单邮件传输协议)服务器所开放,主要用于发送邮件,如今绝大多数邮件服务器都使用该协议。5353端口为DNS(Domain Name Server,域名服务器)服务器所开放,主要用于...原创 2020-05-19 14:34:34 · 6151 阅读 · 0 评论 -
map()、filter()、some()、every()的使用以及区别
map()map()方法会遍历自身的所有元素,并且返回一个新的数组,该新数组是原本数组中的所有元素都调用一次方法中所提供的回调函数所处理后的结果。map()中提供一个回调函数,回调函数中有三个参数分别是数组元素,元素索引,原数组本身,map() 不修改调用它的原数组本身(当然可以在 callback 执行时改变原数组)demo如下:// 将数组中的所有项值乘二let arr = [1, 2, 3, 4];let newArr = arr.map( item => item * 2)原创 2020-05-09 16:25:07 · 2526 阅读 · 0 评论 -
apply、call、bind的用法和区别
apply、call、bind用法var name = 'lucy',age = 10;var obj = { name: 'jack', objage: this.age, myfunc: (sex,num) => { console.log('this.name' + '的年龄是:' + this.age + ' 性别:' + sex + ' 手机号码:' + num);...原创 2020-04-30 13:27:45 · 203 阅读 · 0 评论 -
Web中性能优化的方法
减少http请求次数:CSS Sprites, JS、CSS 源码压缩、图片大小控制合适;网页 Gzip,CDN 托管,data 缓存 ,图片服务器前端模板 JS + 数据,减少由于HTML标签导致的带宽浪费,前端用变量保存 AJAX 请求结果,每次操作本地变量,不用请求,减少请求次数用 innerHTML 代替 DOM 操作,减少 DOM 操作次数,优化 javascript 性能当需要...转载 2020-04-16 15:35:30 · 110 阅读 · 0 评论 -
Promise基本使用
Promise的基本使用实例方法: then()—得到正确的结果、catch()—获取错误的信息、finally()—成功与否都会执行静态方法:1.all()–Promise.all方法接受一个数组作参数,数组中的对象(p1、p2、p3)均为promise实例(如果不是一个promise,该项会被用Promise.resolve转换为一个promise)。它的状态由这三个promise实例决...原创 2020-03-20 17:01:23 · 225 阅读 · 0 评论 -
package.json文件使用说明
1.package.json文件项目描述文件,记录了当前项目信息,例如项目名称、版本、作者、github地址、当前项目依赖了哪些第三方模块等。使用 npm init -y 命令生成。2.package.json文件项目依赖在项目的开发阶段和线上运营阶段,都需要依赖的第三方包,称为项目依赖;使用 npm install 包名 命令下载的文件会默认被添加到 package.json 文件的 ...原创 2020-03-20 14:58:52 · 480 阅读 · 0 评论 -
Jsonp函数的封装
Jsonp函数的封装jsonp 全称是 json with padding 意味 json 填充,其作用可以模拟 ajax 请求(但不同于ajax)。对jsonp 函数的具体封装如下:1. 在jsonp函数中创建script标签2. 对传递对象中的参数对象进行参数拼接3. 对调用的函数进行作用域提升,并且随机产生一个名称避免函数的覆盖4. 向页面中添加script标签5. 当scri...原创 2020-03-04 13:41:22 · 868 阅读 · 0 评论 -
Javascript中的文件读取内置对象————FileReader
FileReaderFileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件的内容FileReader()是一个构造函数FilerReader.readAsDataURL() 用于读取文件,是一个异步API具体使用方法如下:// 此代码用于将用户选择的文件展示在相应的位置var file = document.querySelector('#file'); ...原创 2020-02-27 14:50:49 · 361 阅读 · 2 评论 -
express框架中常用的第三方模块joi、formidable、mongoose-sex-page
Joijoi可以用于js对象的规则描述语言和验证器使用的方法:引入joi模块定义对象的验证规则使用joi.validate(par1,par2)方法进行验证。其中第一个参数是要进行验证的对象,第二个参数是对象的验证规则/***********示例代码************/const Joi = require('joi');const schema = { user...原创 2020-02-26 22:22:56 · 2032 阅读 · 0 评论 -
javascript中的正则表达式
正则表达式正则表达式( Regular Expression )是用于匹配字符串中字符组合的模式。在JavaScript中,正则表达式也是对象。正则表达式的应用:正则表通常被用来检索、替换那些符合某个模式(规则)的文本,例如验证表单:用户名表单只能输入英文字母、数字或者下划线, 昵称输入框中可以输入中文(匹配)。此外,正则表达式还常用于过滤掉页面内容中的一些敏感词(替换),或从字符串中获取我...原创 2020-02-23 19:53:33 · 140 阅读 · 0 评论 -
bcrypt---密码加密
bcrypt所需要的环境配置1. python 2.0 以上通过官方文档安装python,并且再系统的环境变量中添加python的安装路径。2. node-gyp通过 npm insatll -g node-gyp 命令安装node-gyp。3 windows-build-tools(需要以管理员身份运行)在命令行中以 npm install --global --production...原创 2020-02-22 19:30:31 · 146 阅读 · 0 评论 -
node.js中80端口被占用
node.js创建网站服务器时监听80端口被占用当执行js文件时,发生以下错误:在命令行中输入 netstat -ano 查看时哪个进程占用80端口:在任务管理器中打开PID,找到PID为4的:发现PID为4的进程是系统进程不能直接结束。因而我们回到命令行,然后使用netsh http show servicestate查看端口的使用状态:找到请求队列中的对应PID,再回到...原创 2020-02-18 23:36:17 · 1700 阅读 · 1 评论 -
node中常用的第三方模块router、sever-static
1.router其功能是实现路由使用方法:获取路由对象调用路由对象创建路由启动路由使用代码:const getRouter = require('router')const router = getRouter();router.get('/index', (req, res) => { res.end('Hello World!')}) server.on...原创 2020-02-15 17:49:21 · 562 阅读 · 1 评论 -
artTemplate模板引擎基本使用方法
1. 模板引擎模板引擎能够让开发者以更加友好的方式拼接字符串,以及能够使得用户界面与业务数据分离,其能返回特定格式的文档;我们网页开发中返回的是HTML文档。2. artTemplate模板的安装以及使用使用命令行下载:npm install art-template在Js文件中用require方法引入模板引擎通过template()拼接数据和模板模板的后缀统一为:.art初步使...原创 2020-02-15 13:46:06 · 582 阅读 · 0 评论 -
常见浏览器内核知识了解
浏览器内核分类1、Trident内核Trident内核 代表性的浏览器是 IE浏览器,同时使用的浏览器还有百度浏览器、360极速浏览器、猎豹安全浏览器。2、Gecko内核Gecko内核代表性的浏览器是 google...原创 2020-01-26 21:54:12 · 148 阅读 · 0 评论