wanglu的博客-CSDN博客

原创前端工程化-webpack/cli工具

为什么要前端工程化？webpack与grunt、gulp的不同？Grunt、Gulp是基于任务运⾏的⼯具：它们会⾃动执⾏指定的任务，就像流⽔线，grunt/gulp也被称为前端自动化任务管理工具，grunt/gulp更加强调的是前端流程的自动化，模块化不是它的核心Webpack是基于模块化打包的⼯具: ⾃动化处理模块，把⼀切当成模块，当 webpack 处理应⽤程序时，它会递归地构建⼀个依赖关系图 (dependency graph)，其中包含应⽤程序需要的每个模块，然后将所有这些模块打包成⼀个或

2021-10-01 18:11:01 676

原创 node.js入门学习

慕课node入门node.js作用：写webAPI 写中间层前端工程化的一些（webpack,gulp)的基础优势：性能高，便于前端入手谈谈对Node的理解？Node.js 在浏览器外运行V8 JavaScript引擎，单线程非阻塞I/O 事件驱动,适应于数据高并发,适合多请求,但不适合高运算,有权限读取操作系统级别的API，无法直接渲染静态页面，提供静态服务，没有根目录的概念，必须通过路由程序指定文件才能渲染文件，比其他服务端性能更好，速度更快，npm 仓库，常用框架：Express，k

2021-10-01 10:13:38 218

原创前端面试-性能优化

前端有哪些性能优化渲染层面针对JS：JavaScript既会阻塞HTML的解析，也会阻塞CSS的解析。因此我们可以对JavaScript的加载方式进行改变，来进行优化尽量将JavaScript文件放在body的最后；body中间尽量不要写<script>标签；< script>标签的引入资源方式有三种：尽量使用异步加载，不会阻塞DOM的解析：script 立即停止页面渲染去加载资源文件，当资源加载完毕后立即执行js代码，js代码执行完毕后继续渲染页面；async &

2021-09-28 23:08:09 402

原创 JS网页开发遇到的效果

这里写自定义目录标题JS常见的特效京东显示隐藏密码淘宝关闭二维码眼睛图标，显示隐藏输入文本框的内容仿新浪注册密码框京东倒计时发送短信，5秒内不能再点击点击弹出对话框，可以拖动移动端拖动元素本地存储-记住用户名轮播图JS验证码JS常见的特效京东显示隐藏密码box里面放一个label，里面放一张图片，采用绝对定位。再放一个输入框，类型默认为password，实现效果，点击眼睛，输入的内容显示为文本框，所以这里要监听点击事件 <div class="box"> <l

2021-09-20 14:24:44 230

原创自动化流程-git/缺陷控制

一、Gitgit 和 svn 的区别经常使用的 git 命令？git init // 新建 git 代码库git add // 添加指定文件到暂存区git add .git rm // 删除工作区文件，并且将这次删除放入暂存区git commit -m [message] // 提交暂存区到仓库区git branch // 列出所有

2021-09-19 22:10:42 213

原创前端面试-JavaScript

一、数据类型JavaScript有哪些数据类型，它们的区别？7种原始数据类型：undefined\boolean\number\string\bigInt\symbol\null，前6种使用typeof运算符检查，特殊的null使用其检测结果为object；3种引用数据类型：对象、数组、函数区别：原始数据类型直接存储在栈（stack）中的简单数据段，占据空间小、大小固定，属于被频繁使用数据，所以放入栈中存储；引用数据类型存储在堆（heap）中的对象，占据空间大、大小不固定。如果存储在栈中，将会影

2021-09-19 22:06:02 408

原创前端面试-CSS

一、CSS基础CSS选择器及其优先级对于选择器的优先级：标签选择器、伪元素选择器：1类选择器、伪类选择器、属性选择器：10id 选择器：100内联样式：1000注意事项：!important声明的样式的优先级最高；如果优先级相同，则最后出现的样式生效；继承得到的样式的优先级最低；通用选择器（*）、子选择器（>）和相邻同胞选择器（+）并不在这四个等级中，所以它们的权值都为 0 ；样式表的来源不同时，优先级顺序为：内联样式 > 内部样式 > 外部样式 > 浏览器用

2021-09-19 22:05:23 2512

原创前端面试-HTML

HTML、XML、XHTML 的区别HTML：超文本标记语言，是语法较为松散的、不严格的Web语言；XML：可扩展的标记语言，主要用于存储数据和结构，可扩展；XHTML：可扩展的超文本标记语言，基于XML，作用与HTML类似，但语法更严格XHTML与HTML的区别XHTML标签名必须小写；XHTML元素必须被关闭；XHTML元素必须被正确的嵌套；XHTML元素必须要有根元素。HTML、XHTML、HTML5之间联系XHTML是HTML规范版本；HTML5是HTML、XHTML以及HTM

2021-09-19 22:04:55 218

原创 vue项目总结

一、项目开始1、项目创建和GitHub托管1、先查看vscode有没有node环境 node -v，如果没有的话从官网下载http://nodejs.cn/download/与Windows对应的node版本即可，下载之后进行安装。安装成功的标志是 windows+R打开命令行之后输入 cmd 打开命令行，输入 node -v查看node版本。2、安装 npm install vue3、创建项目 vue create supermall4、这时候查看 package.json文件中的script行

2021-09-18 22:10:26 565

原创前端面试-浏览器原理

一、浏览器什么是URL组成部分：protocol：协议，表明浏览器必须使用何种协议domain：域名，表示正在请求哪个服务器port：端口path：网络服务器上资源的路径parameters/query：提供给网络服务器的额外参数anchor/fragment：资源本身的另一部分的锚点，锚点表示资源中的一种“书签”，给浏览器显示位于该“加书签”位置的内容的方向scheme:// user:passwd@ host:port path ?query #fragmentscheme 表示协议

2021-09-17 17:32:06 659

原创前端面试-计算机网络

一、HTTP协议GET和POST的请求的区别从缓存的角度，GET 请求会被浏览器主动缓存下来，留下历史记录，而 POST 默认不会。从编码的角度，GET 只能进行 URL 编码，只能接收 ASCII 字符，而 POST 没有限制。从参数的角度，GET 一般放在 URL 中，因此不安全，POST 放在请求体中，更适合传输敏感信息。从TCP的角度，GET 请求会把请求报文一次性发出去，而 POST 会分为两个 TCP 数据包，首先发 header 部分，如果服务器响应 100(continue)，然

2021-09-17 17:26:37 582

原创前端面试-vue 部分

一、vue基础Vue中的MVVMMVVM**(Model-View-ViewModel)**也称(Model-View-Binder)Model数据层，数据和业务逻辑都在Model层中定义；View视图层，在前端开发中通常就是DOM层，主要用于给用户展示各种信息；ViewModel视图模型层，是View和Model沟通的桥梁响应式原理：Model和ViewModel之间有着双向数据绑定的联系。ViewModel它实现了Data Binding，可以将Model的改变实时的反应到View中。另

2021-09-16 21:19:47 394

原创 JS刷剑指offer（待更新）

JZ2替换空格/** * 代码中的类名、方法名、参数名已经指定，请勿修改，直接返回方法规定的值即可 * @param s string字符串 * @return string字符串 */function replaceSpace( s ) { // write code here return s.replace(/\s/g,'%20');}module.exports = { replaceSpace : replaceSpace};链表JZ3从尾到头打印

2021-07-16 15:11:45 111

原创 16-JS检测数据类型的方法

做题的过程中遇到了好几次，汇总一下JS检测数据类型的方法首先，JS的数据类型主要分为基本类型和引用类型，扒的图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iuO15t4c-1618733301366)(https://segmentfault.com/img/bVbsXYa?w=800&h=161)]1.typeof只能检测基本数据类型console.log(typeof "");console.log(typeof 1);console.log(t

2021-04-18 16:09:28 121 1

原创 JS事件基础-思维导图

学习事件基础，做了一张思维导图，关于基础知识点

2021-03-18 22:25:01 273

原创 CSS布局-flex布局-思维导图

学习flex布局后整理了一张思维导图

2021-03-17 20:16:34 406

原创 06-javascript函数课后练习题附代码

2021-03-17 20:09:04 488

原创 01-js基本数据类型及转换

1.JS书写位置3种：行内内嵌外联2.JS注释：单行// 多行/* */ 快捷键shift+alt+a3.JS输入输出语句：alert(msg)弹出警示框，输出的，展示给用户的consle.log(msg)控制台输出，程序员测试用prompt(msg)这是一个输入框，取过来的数据都是字符串型。4.变量：存储信息的容器，通过变量名获取数据，或数据修改。本质：变量是内存的空间，用于存放数据。使用：声明变量 var age; + 赋值 age=10;变量初始化：var age=10

2021-03-17 20:04:36 194

原创 SQL经典面试50题&思路

目录前期准备刷题思路部分题目作答目前在学习SQL，简单过了一遍《MySQL必知必会》这本书，刷了一下经典的50题，现在做一些自己做题中的不完全的记录，本文参考博文地址—sql练习50题前期准备创建表创建数据库db,创建4张表：– 学生表包括学号、姓名、生日、性别；– 成绩表包括学号、课程标号、成绩；– 课程表包括课程标号、课程名称、教师号；– 教师表包括教师号、教师、姓名；SQL代码：-- 学生表CREATE TABLE student( s_id VARCHAR(20) PRI

2020-07-29 12:04:38 328

原创 MySQL使用正则表达式搜索

文章目录基本字符匹配：regexp '1000'进行OR 匹配：regexp '1000|2000'匹配几个字符之一：[ ]匹配特殊字符：\\\匹配预定义的字符表匹配多个实例定位符以下内容摘录整理自《MySQL必知必会》正则表达式是用来匹配文本的特殊的串（字符合集），在MySQL中在where子句后搭配正则表达式使用。基本字符匹配：regexp ‘1000’-- like匹配整个列，若被匹配的文本在列值中出现like将不会找到它，相应的行不会返回值。select pro_name from

2020-07-24 08:39:34 192

原创 SQL基础入门&篇二之排序聚合分组分页约束多表查询

DQL查询语句1. 排序排序方式：ACS(升序，默认) DESC语法：order by 子句注意：order by必须位于from子句后，若使用limit，必须位于orderby后--找出一个列中最高的值SELECT pro_price FROM products ORDER BY pro_price DESC LIMIT 1;--limit 1 表示仅返回一行2. 聚合函数将一列数据作为整体，进行纵向的计算形式：count函数，count(*) 对表中的行进行计数maxmi

2020-07-22 12:58:49 178

原创 SQL基础入门&篇一

什么是SQL？结构化查询语句Structured Query Language，定义了所有关系型数据库操作的规则，每个数据库存在不同的地方，称为“方言”。SQL分类DDL数据定义语言：定义数据库对象，如数据库、表、列等。关键字create database,alter database,create table.alter table,drop table,create index(创建索引)，drop indexDML数据操作语言：对数据库的表的数据进行增删改。关键字select、update、

2020-07-21 20:16:53 139

wanglu458512的博客