前端
关注
分享
扫一扫
文章平均质量分 65
Debug_info
这个人很懒，什么都没有留下
展开
-
框架之间怎么选择？你真的了解吗？
选VUE？ OR 选REACT？在选择适合自己的框架之前，首先我们要先了解一下，vue跟react之间，他们的优点，缺点。众所周知，vue是mvvm框架，那么 什么是mvvm呢？MVVM 其实 就是 mode view viewmodel 的缩写。mvvm的框架特点就是数据驱动视图，它把所有的工作都做了细分，Model就是Entity，定义数据；View实现视图 UI；ViewModel负责请求发送及业务逻辑；UIViewController只负责生成数据（Model），View（视图原创 2020-10-21 16:22:12 · 258 阅读 · 0 评论 -
收下这波 JS 技巧，从此少加班
各种业务开发都离不开对数据的处理，然而遇到的很多数据都是不好处理的。这个时候就需要寻求搜索引擎的帮助。这种方法效率是非常低下的，而且根据作者的个性不能保证其对自己的口味。因此这篇文字包含了一份JS 常用业务函数手册，例如时间格式的处理、用的是哪个手机浏览器，手机号、邮箱的验证，以此来提高你的开发效率常用 JS 函数1.时间格式化界面展示的时间千变万化, 所以一个处理时间的函数，它的重要性就...原创 2019-09-19 08:36:13 · 402 阅读 · 0 评论 -
Web前端工程师 VS 前端工程师？What？
Web前端工程师，相信大家都不陌生，主要是完成客户端程序（也就是浏览器端）的开发，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。现如今也叫前端工程师。Web前端工程师，更名为前端工程师是近五年的事情。起初，Web前端工程师，主要的技术包含：HTML、JavaScript、CSS。但IT技术属于变化比较快...原创 2019-09-19 17:42:53 · 3909 阅读 · 0 评论 -
常见的状态码
状态码的职责是当客户端向服务器发送请求时，描述返回的请求结果。借助状态码，用户可以知道服务器端是正常处理了请求还是出现了错误。状态码的类别：类别原因短语1XX Informational（信息性状态码）接受的请求正在处理2XX Success（成功状态码）请求正常处理完毕3XX Redirection（重定向状态码）需要进行附加操作以完成请求...原创 2019-09-19 17:43:52 · 871 阅读 · 0 评论 -
简单了解 JavaScript的组成
这个文章意义重点 温故而知新JavaScript的组成:一个规范两套API ECMAScript(规范) |API: BOM (浏览器对象模型) DOM (文档对象模型)ECMAScript - JavaScript的核心ECMAScript 定义了JavaScript 的语法规范，是JavaScript的核心，描述了语言的基本语法和数据类型，ECMAScript是一套标准，定义了一种语...原创 2019-09-19 17:46:05 · 195 阅读 · 0 评论 -
什么是viewport，为什么需要viewport
viewport：视口，视觉窗口，显示区域。在显示面积上手机屏幕相对桌面显示器要小很多，在几年前(现在也如此)大部分网站都是为桌面显示器浏览而设计，很少考虑到适应手机屏幕，所以如果用手机浏览大多网站时会出现问题，比如常见固定宽度的网页会出现横向竖向滑动条，当然这不算什么大问题；但如果是浏览流动布局的网页那情况会非常糟糕，设想一个宽度为30%的侧边栏对于320px手机屏幕而言也就96px，只能容纳...原创 2019-09-20 08:07:02 · 2191 阅读 · 0 评论 -
git 错误error：failed to push some refs to
git 错误error：failed to push some refs tofailed to push some refs to的另外一种解决方法如果当你在git add . 的时候没有添加新的文件。并且在git status 时提示已经有新的文件提交尚未进行远程推送此时说明你本地库内的文件跟远程库内的文件不匹配（最大的可能是你远程库内有一个README.MD文件）此时你需要使用 g...原创 2019-09-20 08:35:50 · 971 阅读 · 0 评论 -
什么是回流，什么是重绘，有什么区别？
html 加载时发生了什么在页面加载时，浏览器把获取到的HTML代码解析成1个DOM树，DOM树里包含了所有HTML标签，包括display:none隐藏，还有用JS动态添加的元素等。浏览器把所有样式(用户定义的CSS和用户代理)解析成样式结构体DOM Tree 和样式结构体组合后构建render tree, render tree类似于DOM tree，但区别很大，因为render tre...原创 2019-09-20 14:24:22 · 2392 阅读 · 0 评论 -
js事件监听：addEventListener() 与 移除事件：removeEventListener()
说事件绑定得先说事件流事件流冒泡型事件流：事件的传播是从最特定的事件目标到最不特定的事件目标。即从DOM树的叶子到根。【推荐】捕获型事件流：事件的传播是从最不特定的事件目标到最特定的事件目标。即从DOM树的根到叶子。DOM标准采用捕获+冒泡。两种事件流都会触发DOM的所有对象，从document对象开始，也在document对象结束。来个例子看一下吧！<!DOCTYPE h...原创 2019-09-20 14:39:43 · 17873 阅读 · 1 评论 -
前端入门篇之HTML
1、doctype 的作用是什么？DOCTYPE 是 html5 标准网页声明，且必须声明在HTML文档的第一行。来告知浏览器的解析器用什么文档标准解析这个文档，不同的渲染模式会影响到浏览器对于 CSS 代码甚至 JavaScript 脚本的解析。2、HTML、XHTML、XML 有什么区别？HTML(超文本标记语言): 在 html4.0 之前 HTML 先有实现再有标准，导致 HTML ...原创 2019-09-25 14:02:16 · 210 阅读 · 0 评论 -
前后端分离后的前端时代，使用前端技术能做哪些事？
什么是前后端分离，要区分前端和后端，需要有个明确的界限。一般，用户可以直接看到的东西，都是属于前端的范畴，除了前端之外都属于后端了。在传统的像ASP，JSP和PHP等开发模式中，前端是处在一个混沌的状态中，可以说是没有独立的“人格”可言。前端负责切图和编写静态页面模板，后端将数据渲染到前端提供的页面模板中，最后将页面渲染到浏览器展示。这个过程中，前端只提供页面模板或者写一些JavaScrip...原创 2019-09-25 14:13:45 · 1034 阅读 · 0 评论 -
react 生命周期之执行顺序
(1) componentWillMount() 仅在render()方法前被调用一次，如果在该方法中调用了setState方法去改变组件的状态值，那么调用render()后，将会直接看到改变过了的状态值，并且不论状态值怎么改变，componentWillMount()都不会再被调用。(2) componentDidMount() 仅在render()方法后被立即调用一次（客户端），相对于父组...原创 2019-10-09 20:32:57 · 1784 阅读 · 2 评论 -
js实现自适应界面分辨率
最近由于业务需求需要进行前端的开发，所以，最近更新一下前端开发中所遇到的问题。首先最直接遇到的问题是，如果我们在css中将div的width和height写死的话，那么我们所遇到的问题就是当换一个不同的分辨率的显示器进行显示的时候，那么就会出现界面的样式不能适应当前分辨率的界面，所以，自适应是很重要的，javascript提供了很多功能我们可以很好的使用，话不多说，直接上代码：<div&g...原创 2019-09-19 08:22:24 · 1987 阅读 · 0 评论 -
Vue 生命周期——钩子函数
上图为vue生命周期的钩子函数什么是生命周期？生命周期就是一个vue组件从创建到销毁经历的过程。生命周期分为四个大阶段八个过程每个分为创建前和创建后什么是钩子函数？钩子函数就是当这个组件执行到当前生命周期时，触发的方法（或者函数）beforecreate 组件创建之前执行crtated 组件创建完成时执行beforemount 数据还未挂载时执行mounted ...原创 2019-09-18 11:41:17 · 209 阅读 · 0 评论 -
git常用命令
关于Git是什么,或者一些使用Git项目的我就不说了,只说一下简单的命令和我常用的到东西,建议先敲命令再用可视化工具常用命令git init 会生成.git文件git remote add origin https://xxxxxxx.git 将本地git关联到远程中央库git add 后缀文件名可以指定添加某些文件到暂存区,或者后缀--all/.可以将当前管理文件下的所有改动文件添...原创 2019-09-18 11:27:28 · 426 阅读 · 0 评论 -
props 条件验证
在Vue中父组件向子组件中传送数据是通过props实现的，一个简单的使用props的例子： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue Study</title> </head> <b...原创 2019-09-17 13:57:26 · 538 阅读 · 0 评论 -
什么是内存泄漏？什么操作会触发内存泄漏？
内存泄漏是指 一些对象我们不在使用它的时候，他任然存在setTimeout 的第一个参数使用字符串而非函数的话，会引发内存泄漏闭包使用不当什么是闭包（Closure）简单讲，闭包就是指有权访问另一个函数作用域中的变量的函数。它由两部分构成：函数，以及创建该函数的环境。环境由闭包创建时在作用域中的任何局部变量组成。这种官方的概念是比较难理解的，在面试的时候说出来也不是很专业，因为没办法有...原创 2019-09-17 13:58:06 · 1203 阅读 · 2 评论 -
git 错误error：failed to push some refs to
今天使用VSCODE 学习node.js, 想在git上push代码 于是在git上建立了一个私有的远程仓库, 连接后push代码时提示如下错误:error: failed to push some refs to 'git@github.com:…" Updates were rejected because the remote contains work that you do not ...原创 2019-09-17 13:58:38 · 1318 阅读 · 1 评论 -
ejs 模板引擎 服务器端渲染
npm i express express mini-shop-app -e //使用express 创建一个项目 后面的参数是项目名称 和使用的js格式app.set('view engine',ejs)//设置模板引擎app.use(cookieParser())//格式化cookie数据，把请求头中的cookie格式化为对象形式(cookie请求一般在请求头中发起)//项目...原创 2019-09-17 13:59:11 · 707 阅读 · 0 评论 -
vscode 注意事项
在使用vscode 做node.js 端口编写的时候需要注意的部分编写完接口 在html 中调用时，如果你确认自己没有路径发生错误，没有触发跨域问题可它还是报跨域的错的话，这时候抽空看一下自己的html是在什么环境下运行的，如果是通过插件使用ALT+B的方式运行的话，因为ALT+B插件的运行机制是通过本地运行，在本地运行的浏览器向服务端发起数据请求的时候会发生跨域错误解决方法默默的...原创 2019-09-17 13:59:52 · 441 阅读 · 0 评论 -
node.js 富文本 图片上传 开发流程
使用富文本的注意事项：资源路径问题editor1.sync() 资源同步//注：如果不开启资源同步，得不到textarea 文本域内输入的值问题2editor1 定义问题 需要在KinndEditor.ready(function(k){ }) 这个函数外部先声明变量 在内部进行赋值 否则在后面提交时会报没有找到editor1 这个错误jquery 自定义插件...原创 2019-09-17 14:00:25 · 412 阅读 · 0 评论 -
前端跨域及前后端交互验证
JWTJson Web Token，是一个token的加密处理方式是目前阶段比较流行的一种token处理方式http请求是无状态的，为了保证多次请求之间的状态数据，可以使用token或者cookie的方式来传递用户状态不同域名之间发送的请求可以在ajax中设置withCreadentials来保存cookie数据，同时需要指定服务器端cors的源不为"\*"配置项 ...原创 2019-09-17 14:01:12 · 666 阅读 · 0 评论 -
分享Web性能的前端优化技巧
这是一篇讲述帮助、改善优化前端的技术，对于前端人员是十分有用的知识。主要内容有清理代码、压缩图片、压缩外部资源以及一些其它方法。这些方法会为你的网站带显著的速度提升和整体性能提升。一、清理 HTML 文档HTML，即超文本标记语言，几乎是所有网站的支柱。HTML 为网页带来标题、子标题、列表和其它一些文档结构的格式。在最近更新的 HTML5 中，甚至可以创建图表。HTML 很容易被网络爬虫识...原创 2019-09-17 14:01:51 · 336 阅读 · 0 评论 -
seo 搜索引擎优化
什么是搜索引擎优化SEO(Search Engine Optimization):汉译为搜索引擎优化。是一种方式:利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。目的是：为网站提供生态式的自我营销解决方案，让其在行业内占据领先地位，获得品牌收益;SEO包含站外SEO和站内SEO两方面;为了从搜索引擎中获得更多的免费流量，从网站结构、内容建设方案、用户互动传播、页面等角度进行合理规划，还会使...原创 2019-09-17 14:02:24 · 2513 阅读 · 0 评论 -
JS基础--内存图与JS世界
浏览器功能浏览器的如何打开一个网页？1.发起请求2.下载HTML，解析HTML3.下载CSS，解析CSS4.渲染界面。把不同的内容结合起来，展示在屏幕上称作渲染；通常浏览器的渲染主要指的是HTML和CSS两种内容的结合。5.下载JS，解析JS，执行JS6.等…浏览器的功能模块功能模块：即具有不同功能的模块。1.用户界面：浏览器界面不仅仅只有一个网页窗口，这些都与用户界面的功能。...原创 2019-09-18 08:38:51 · 406 阅读 · 1 评论 -
移动端适配之一：到底什么是像素
最近在做移动端的开发，深入了解了下移动端适配的一些问题，加上自己的理解，记录下来，写一个小的系列博客，与大家分享。所有的问题，就开始从像素说起吧~像素是一个经常提到的概念，写CSS的人都经常会用到px作为单位。但是，在移动端，看着分辨率高达1125x2436的iPhone X，在控制台中却只有375x812的分辨率，似乎有点不合逻辑。这些问题，都将在下面找到答案。一切都是点经常用像素来描述分...原创 2019-09-18 08:55:09 · 624 阅读 · 0 评论 -
MVC、MVP、MVVM 三种架构模式的区别
MVC模式概要1.即Model、View、Controller即模型、视图、控制器。-View：它是提供给用户的操作界面，是程序的外壳；Model：是程序需要操作的数据和信息；Controller：接收View层传递过来的指令，选取Model层对应的数据，进行相应操作。2.举一个现实中的类似的例子，MVC如同一家商铺的运作模式，View层相当于是这家商铺的店面，Model层相当于这家商铺...原创 2019-09-17 13:56:01 · 1128 阅读 · 0 评论