- 博客(22)
- 收藏
- 关注
RSS订阅原创 JS代码技巧（一）
一、简洁的语法ES6提供了许多很好的语法可以让前端分开发者编写的代码更加清晰可读，同时使业务逻辑更加清晰明了。1、代码里避免写绝对路径，尽量使用相对路径例如：const url = 'http://aaaaa.com:8000/app/xxx'替换为：const url = 'app/xxx'而域名则改为在项目配置文件中进行统一配置，可以很大程度上避免因为环境切换引起的未知bug2、使用箭头函数，简化代码例如：const idList = dataSource.
2021-10-17 22:45:49
297
原创 react-自定义hook
作用：自定义hook是内置hook与自定义逻辑组合的以use开头的函数，以标准封装的形式 ，达到共享逻辑的目的。用法：类似于内置hook。示例：import React, { useState } from 'react'function useUpdateInput(initialValue) { const [value, setValue] = useState(initialValue) return { value, onChange: e => s
2021-10-12 22:49:46
121
原创 react hooks
一、react hooks的作用react hooks 是react 16.8的功能，对函数型组件进行增强，让函数组件可以存储状态，可以拥有处理副作用的能力。让开发者在不使用类组件的情况下，实现相同的功能。二、react hook要解决的问题react hooks的产生是为了解决react 类组件的不足，react 类组件的不足主要表现在以下方面：缺少逻辑复用机制：react 类组件中，为了实现逻辑复用机制，通常使用的是高阶组件和渲染属性，为了实现逻辑复用，增加了无实际渲染效果的组件，增加了
2021-10-10 23:12:16
509
原创 vue2.0—vue.$set()方法源码
在使用vue开发项目的过程中，经常会遇到这样的问题：当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性，如果更新此属性的值，是不会更新视图的。这是因为新加入的属性不是响应式的，因此不会触发视图的更新，通常使用静态方法Vue.set()或者实例方法this.$set()解决 ，使用方式：对象：this.$set(target，key,value)数组：this.$set(target，index,value)但不管是静态方法Vue.se...
2021-08-29 19:45:36
255
原创 前端面试题小结
以下内容为近期面试前端的小结。1、vue和react的区别2、vue双向数据绑定3、组件间通信4、对事件轮询eventLoop的理解5、js节流与防抖6、JSON.stringify第二个参数(k,v){}语法为：语法为：JSON.stringify(value[, replacer [, space]])value：第一个参数传入的是要转换的对象；replacer：提供可选的 reviver 函数，用在返回之前对所得到的对象执行变换操作；space：第三个参数用来控制结果字符串里.
2021-07-13 23:24:45
128
2
原创 与HTTP相关的各种概念及协议
相关概念上图基本涵盖了与HTTP相关的各种应用，包括互联网、浏览器、服务器等常见且十分重要的的概念。1、互联网实际的互联网是由许许多多个规模略小的网络连接而成的，这些“小网络”可能是只有几百台电脑的局域网，可能是有几万、几十万台电脑的广域网，可能是用电缆、光纤构成的固定网络，也可能是用基站、热点构成的移动网络等，而我们使用的电脑、手机等相当于网络上的节点。互联网（Internet）里面存储着大量的信息资源，而我们所说的“上网”实际上访问的只是互联网的一个子集“万维网”（World Wide Web
2021-07-13 23:23:17
277
原创 HTTP是什么？
HTTP 是超文本传输协议 对于“HTTP 是超文本传输协议，是HyperText Transfer Protocol的缩写”，可以将其拆分为“超文本”、“传输”、“协议”三部分进行理解。超文本所谓“超文本”，就是“超越了普通文本的文本”。在HTTP诞生之初，受时代的限制（当时网络上绝大多数的资源都是纯文本），结构简单，传输的都是简单的字符文字，即纯文本。但在互联网快速发展的今天，HTTP传输的不仅仅是纯文本了，图片、音频、视频、甚至是压缩包。“超文本”是文字、图片、音频和视频等的总称。传输HTT
2021-07-13 23:22:49
1399
原创 HTTP协议发展简史
HTTP 协议是怎么来的？它开始是什么样子的？又是如何一步一步发展到今天，几乎“统治”了整个互联网世界的呢？1、 起源 HTTP协议起源于20世纪60年代美国国防部高等研究计划的ARPA 网，20世纪70年代，研究人员基于ARPA 网发明了TCP/IP协议。2、诞生 1989年HTTP协议诞生于蒂姆•伯纳斯 - 李的一篇论文，提出了在互联网上构建超链接文档系统的构想，这篇论文中包含三项关键技术：URI：即统一资源标识符，作为互联网上资源的唯一身份；HTML：即超文本标记语言，描述超文本文.
2021-07-13 23:22:00
1026
原创 关于微信小程序开发的几点总结
随着公司业务的发展需要，很多项目都设计了配套的微信小程序，本文对微信微信小程序做一个小小的总结，为自己在开发过程遇到问题的解决方案及理解，希望对初涉微信小程序的你有所帮助，如若路过的大佬有更好的方法或见解，欢迎留言讨论学习。文中所有示例代码均通过微信开发者工具实现。关于微信小程序静态页面1、静态页面尺寸微信小程序对CSS做了扩展,支持rpx,可以根据屏幕宽度进行自适应。设备rpx换算px(屏幕宽度/750)px换算rpx(750/屏幕宽度)iPhone51rpx = 0.42
2021-02-25 18:15:32
1994
2
原创 Vue.js静态站点部署-Vercel +GitHub
文章简介：本文是使用Vercel + Github部署静态站点的笔记准备工作本地创建静态站点，并完成静态站点相应代码的编写。使用背景静态站点完成以后，需要部署到线上，如果使用传统的部署方式，每次代码更新都需要在本地重新打包构建，然后替换服务器上的代码包，这种方式对于更新不频繁的站点是可取的。一旦站点更新的频繁，这种方式就很繁琐，很费人力。这里采用Vercel + Github方式部署。Vercel + Github部署优势：Vercel + Github部署，一旦Github上的代码更新了，.
2021-02-04 19:22:25
2496
1
原创 Vue静态站点生成-Gridsome综合案例
阅读建议：建议通过左侧导航栏进行阅读文章简介：本文是实现Gridsome综合案例的笔记案例介绍功能介绍：实现一个个人博客的基本功能案例目的：体验使用Gridsome解决实际开发过程中的问题案例实现创建Gridsome项目gridsome create gridsome-blog本地启动项目npm run develop浏览器访问http://localhost:8080/，如下：...
2021-02-01 10:42:42
442
原创 Vue静态站点生成-Gridsome基础
阅读建议：建议通过左侧导航栏进行阅读文章简介：本文是使用Gridsome生成静态站点的学习笔记静态网站生成器定义：静态网站生成器是使用一系列配置、模板以及数据，生成静态HTML文件及相关资源的工具。特点：由于是提前生成静态HTML文件及相关资源，所以也叫预渲染生成的网站不需要服务器，只需要放到支持静态资源的web server 或 CDN即可运行...
2021-01-27 16:16:27
644
原创 服务器端渲染-Vue SSR搭建
阅读建议：建议通过左侧导航栏进行阅读文章简介：本文是Vue.js服务器端渲染的另一种解决方案-SSR（Server-Side Rendering）学习笔记Vue SSR是什么官方文档解释：Vue.js 是构建客户端应用程序的框架。默认情况下，可以在浏览器中输出 Vue 组件，进行生成 DOM 和操作 DOM。然而，也可以将同一个组件渲染为服务器端的 HTML 字符串，将它们直接发送到浏览器，最后将这些静态标记"激活"为客户端上完全可交互的应用程序。服务器渲染的 Vue.js 应用程序也可以被认.
2021-01-25 15:33:48
596
原创 服务器端渲染-Nuxt.js综合案例发布部署
Nuxt.js 提供了一系列常用的命令, 用于开发或发布部署。项目打包命令列表命令描述nuxt启动一个热加载的 Web 服务器（开发模式） localhost:3000nuxt build利用 webpack 编译应用，压缩 JS 和 CSS 资源（发布用）nuxt start以生产模式启动一个 Web 服务器 (需要先执行nuxt build)nuxt generate编译应用，并依据路由配置生成对应的 HTML 文件 (用于静态站点的部署)命.
2021-01-20 18:16:44
349
1
原创 服务器端渲染-Nuxt.js综合案例
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码
2021-01-16 23:15:24
358
原创 谷歌浏览器安装vue-devtools
准备工作在github上下载vue-devtools压缩包，地址：https://github.com/vuejs/vue-devtools将下载好的压缩包解压到本地进入解压文件的根目录，执行yarn，安装依赖包依赖包安装完成以后，执行yarn buildbuild完成后会在packages > shell-chrome > build 目录下看到上图所示的几个javascript文件找到 packages > shell-chrome下的mani
2021-01-14 16:08:58
209
原创 服务器端渲染-Nuxt.js基础
文章目录前言一、Nuxt.js定义二、Nuxt.js使用方式三、路由四、路由参考其他文章前言上一篇文章前端页面渲染之基础（一），介绍了各种渲染模式的优缺点，并在最后使用了vue.js的Nuxt.js，通过一个小案例，体验了现代服务器渲染模式，下面进一步介绍Nuxt.js一、Nuxt.js定义二、Nuxt.js使用方式三、路由四、路由参考其他文章...
2021-01-14 11:45:45
304
原创 服务器端渲染基础
文章目录前言一、传统服务端渲染页面二、客户端渲染页面三、现代化服务端渲染页面前言渲染的本质就是字符串的解析替换，对于开发者而言，在客户端请求后端接口数据，然后将数据通过模板绑定语法绑定到页面中，最终呈现给用户，这个过程可以看做是渲染，本文不关注怎么渲染，而是在哪里渲染的问题。一、传统服务端渲染页面在ASP、PHP、JSP，再到后来的一些相对高级一点的服务端框架配合一些模板引擎的时代，web页面渲染都是在服务端完成的，即在服务端将所需的数据结合页面模板渲染为HTML，然后再将完整的页面返回给客户端
2021-01-07 22:53:53
825
原创 Git 常用管理命令
Git 常用管理命令本文收录了在项目开发中经常用到的git命令git init —初始化一个本地的空仓库git status —查看本地文件的状态，是否已经被git管理git add . —将所有变动的文件加入到本地仓库git commit -m “创建项目” —提交变动的文件到本地仓库，并添加注释“创建项目”git branch origin —创建一个origin的git分支git branch —查看当前所在的分支git checkout master —切换到master分支
2021-01-06 17:30:59
80
原创 Vue状态管理-Vuex
文章目录前言一、Vuex是什么二、Vuex应用场景三、Vuex使用1.引入库2.读入数据总结前言Vuex作为Vue的核心插件，是学习Vue框架必不可少的内容，本文主要介绍了Vuex是什么、使用场景、核心概念、并通过案例介绍Vuex在实际项目中的使用，参考：Vuex官网提示：以下是本篇文章正文内容，下面案例可供参考一、Vuex是什么Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex
2021-01-04 17:45:54
167
原创 box-shadow属性的一个应用
在前端开发工作中，经常会用到box-shadow。box-shadow是CSS3新增的一个属性，用于向框添加一个或者多个阴影，设置多个阴影时，中间需要将每个阴影用逗号隔开。语法如下：box-shadow: h-shadow v-shadow blur spread color inset. 其中：h-shadow: 阴影的水平位置v-shadow：阴影的垂直位置blur：阴影的模糊半径spread：阴影的半径color：阴影的颜色...
2020-06-26 22:17:08
125
原创 IE11浏览器的几个兼容性问题
写在前面：作为一名程序媛，其中遇到的一些问题都习惯性的记录在云笔记上，最近心血来潮，想写点东西，如有不对之处，欢迎各位路过的大佬指正。 公司有个vue + element ui + axios + webpack的PC端后台管理系统，要求运行的浏览器是IE 11，在开发的过程中踩了很多坑，记录如下几个问题。问题1：js中两个看上去相等的字符串，如：“测试卡1”，用“==”和“===”判断，均为false。用encodeURIComponent()处理后的结果分别为：%E...
2020-06-25 17:35:52
593
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人