- 博客(14)
- 收藏
- 关注
原创 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
原创 五个不常用的的HTML技巧
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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人