webWangGe-CSDN博客

原创 Vue 实现简易记事本

预览图：功能如下：（1）输入任务并按下回车键，可将任务添加至任务列表（不可输入重复任务）（2）点击删除，可删除对应任务（3）点击清空，所有任务都会被删除（4）左下角同步显示任务总数完整代码如下：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatibl..

2021-07-20 15:12:34 527

原创 H5移动端实现图片上传

效果图：HTML代码： <div class="file-box clearboth" id="fileBox"> <label class="clone-dom" style="display:none;"> <input type="file" class="file-btn" name="img[]"/> </label> <div class="review-box">&l

2021-07-01 17:21:45 1685

Web开发人员都在广泛的使用HTML。无论你使用什么框架或者选择哪个后端语言，框架在变，但是HTML始终如一。尽管被广泛使用，但还是有一些标签或者属性是大部分开发者不熟知的。虽然现在有很多的模版引擎供我们使用，但是我们还是需要尽可能的熟练掌握HTML内容，就像CSS一样。在我看来，最好尽可能使用HTML特性来实现我们的功能，而不是使用JavaScript实现相同的功能。尽管许多开发人员每天都在使用HTML，但他们并没有尝试改进自己的项目，也没有真正利用HTML的一些鲜为人知的特性。下面这5个通过HT

2021-07-01 14:05:43 125

原创 js高频面试题（高频）

题目js基本数据类型闭包是什么，写一个简单的闭包原型和原型链作用域thiscall、apply和bindajax基本步骤以及readyState的五种状态promise用过吗？作用是什么？它的基本步骤get和post区别继承有哪些方式浅拷贝深拷贝数组和字符串方法有哪些答案1. js基本数据类型基本数据类型：number，string，boolean,null,undefined,symbol引用类型（对象）:数组、日期、正则、函数2. 闭包是什么，写一个简单的闭包闭包指

2021-06-18 18:24:41 234

原创 VUE高频面试题

题目比较一下vue和reactvue组件之间的通信种类，通信实现方式说说对vuex的理解说说Vue的MVVM实现原理说说对spa单页面的理解，它的优缺点v-show和v-if的区别怎么理解vue的单向数据流computed和watch的区别数据双向绑定原理10.说说v-router的理解答案1比较一下vue和react相同点：都是组件化开发，都有虚拟dom都支持props进行父子组件之间数据通信都支持数据驱动视图，不直接操作dom都支持服务器端渲染不同点：数据绑定：

2021-06-18 18:10:57 142

原创 html、CSS面试题（高频面试题）

前言写在前面，这里采用题目和答案分开的方式，方便测验自己对题目的理解能力HTML题目1有哪些浏览器，内核分别是什么？2quirks模式是什么？和standards模式有什么区别3盒模型和怪异盒模型4img中的alt和title有何异同？strong和em的异同5你能描述一下渐进增强和优雅降级之间的不同吗？6cookie、sessionStorage、localStorage的区别7简述一下src和href的区别8 html5有哪些新特性（基本必问题）9html语义化

2021-06-18 14:57:48 341

原创 JavaScript 知识点解析

JS基础页面由三部分组成： html：超文本标记语言，负责页面结构 css：层叠样式表，负责页面样式 js：轻量级的脚本语言，负责页面的动效和数据交互小总结：结构，样式和行为，三者相分离在html页面中写结构通过 link标签的href属性，引入css样式通过script标签的src属性，引入js脚本 css引入页面的方式有三种行内<div style="width:200px;height:300px;"></div> 内嵌:在head

2021-06-17 17:27:54 246

原创 HTML/CSS 知识点解析

整个前端开发的工作流程产品经理提出项目需求 UI出设计稿前端人员负责开发静态页面(跟前端同步的后台人员在准备数据) 前后台的交互测试产品上线(后期项目维护)互联网原理当用户在浏览器输入网址的时候，就会发送到对应的服务器，请求该网址对应的网页信息服务器会把该网址对应的网页资源，都下载到你电脑的临时文件夹临时文件夹中的资源，通过浏览器显示出来(所以，我们第二次请求网站的时候，速度会快很多)元素行内元素：一行中有n多个行内元素，行内元素不能设置宽和高块元素：一个块元素，

2021-06-17 17:23:12 81

原创 JavaScript 常用单词整理

push :添加一个数组元素document ：文档pop ：删除最后一个数组元素console ：控制台shift ：删除第一个数组元素string ：字符串Concat 组合数组undefined ：未定义typeof ：关键字join：数组转化为指定分隔符slice：返回指定数组length：数组长度Array：数组number：数字boolean：布尔alert：提示框parseInt：转化为整型数值continue：继续is

2021-06-17 17:20:22 591

原创 HTML/CSS 常用单词整理

页面布局（layout）header 头部/页眉；index 首页/索引；logo 标志；nav/sub_nav 导航/子导航；banner 横幅广告；main/content 主体/内容；container/con 容器；wrapper/wrap 包裹（类似于container）；menu 菜单；sub_menu/second_menu 子菜单/二级菜单；list 列表；section 分区/分块（类似于div）;article 文章；aside 侧

2021-06-17 17:17:53 157

原创正则验证详解

附: 正则速查表校验数字的表达式数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$ 零和非零开头的数字：^(0|[1-9][0-9]*)$ 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$ 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$ 正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?$ 有两位小数的正实数：^[0-9]+(.[0-9

2021-06-17 17:07:57 184

转载 localStorage、sessionStorage 和 Cookie 区别及用法

插件说明效果Atom One Dark Theme 一款很漂亮的主题插件 Auto Close Tag 自动添加HTML / XML关闭标签 Auto Rename Tag 自动重命名配对的HTML / XML标签 Beautify 格式化代码 (查看使用方法) Bracket Pair Colorizer 颜色识别匹配括号 ————————————————版权声明：本文为CSDN博主「小贤笔记」的原创文章，遵循CC ...

2021-06-17 17:03:17 123

原创 web前端面试题合集及答案

1、常用那几种浏览器测试？有哪些内核****(Layout Engine)?1、浏览器：IE，Chrome，FireFox，Safari，Opera。2、内核：Trident，Gecko，Presto，Webkit。2、说下行内元素和块级元素的区别？行内块元素的兼容性使用？（****IE8 以下）行内元素：会在水平方向排列，不能包含块级元素，设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效。块级元素：各占据一行，垂直方

2021-06-15 18:53:35 232

转载 web前端面试题 + 必会知识点

整理所有看过的文章的面试题+各种百度每一道题的答案，希望可以有效的帮助别人本章博客，梳理所有基础的css，js，html，jquery，vue等题，包含面试题，可供参考学习，也督促自我学习第一阶段：前端和计算机基础相关知识1. 描述渐进增强和优雅降级之间的区别渐进增强：在网页开发中，先对低版本的浏览器进行css样式处理，构建页面，满足最基本的功能，在对高级浏览器进行效果，交互。写法如下：.box { -webkit-border-radius: 2px; -.

2021-05-28 11:26:28 967

webWangGe的博客