- 博客(19)
- 收藏
- 关注
RSS订阅原创 Vue中的底层原理
数据驱动当数据发生改变时，视图也会进行更新，这叫做数据驱动，也就是数据驱动视图深入响应式原理数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新双向数据绑定原理当我们使用 v-model 指令绑定了表单元素时，那么我们可以在视图直接获得数据，当视图发生改变时，数据也会进行更新综上： 三者都是应用了同一个底层原理，这个底层原理由es5的 Object.d...
2020-12-10 16:41:00
4767
原创 前沿功能及改动
cookiecookieStore转载博客原来操作cookie只有document.cookie一个apiChrome 87 版本中 新的API：cookieStore(异步)获取cookiecookieStore.get('cookieName')cookieStore.get({domain:'cookieName'}) // 可获取该域名下所有cookie设置 CookiecookieStore.set({name:'cookieName',value:cookieValue,do
2020-12-08 20:01:31
212
原创 前端学习杂记(JS)
这篇博文是自己在工作中学到的关于JS的之前不知道的新知识。将其记录下来并分享一下处理一个对象内的数据的方法Object.entries(data).forEach([key, value]) => { // dosomething }// Object.entries(data) data为我们要处理的对象 返回一个数组每项为对象键值对组成的数组的二维数组 如：const d...
2020-09-21 15:12:05
219
1
原创 将页面内容生成图片并下载
使用 html2canvas安装npm i html2canvas -S具体代码import React, { Component } from "react";import html2canvas from 'html2canvas';export default class download extends Component { constructor(props) { super(props); } download = () => { con
2020-09-21 15:04:27
780
原创 一些少见的前端函数记录
一些偏门的js方法// 获取GPU信息(function () { var canvas = document.createElement('canvas'), gl = canvas.getContext('experimental-webgl'), debugInfo = gl.getExtension('WEBGL_debug_renderer_info'); console.log(gl.getParameter(debugInfo.UNMAS
2020-06-11 20:55:56
198
原创 前端学习杂记(css)
这个博文是记录我在工作中学到的关于css的一些之前不知道的新知识实现元素内文字垂直水平居中的方法:// (1) 常用方法height: 50px;text-align: center;line-height: 50px; //行高与高度设置为一样 则字体垂直居中// (2) 学到的新方法display: flex;align-items: center;justify-co...
2019-10-23 10:37:41
251
转载 学习笔记(高阶正则表达式)
正则表达式中有前瞻（Lookahead）和后顾（Lookbehind）的概念，需要注意一点，正则表达式中的前和后和我们一般理解的前后有点不同。一段文本，我们一般习惯把文本开头的方向称作“前面”，文本末尾方向称为“后面”。但是对于正则表达式引擎来说，因为它是从文本头部向尾部开始解析的（可以通过正则选项控制解析方向），因此对于文本尾部方向，称为“前”，因为这个时候，正则引擎还没走到那块，而对文本头部方...
2019-10-22 10:15:26
283
原创 react组件的数据挂载方式
React中数据分为两个部分属性状态一般来说 频繁变化的就写成状态属性(props)props是正常从外部传入的，组件内部也可以通过一些方式来初始化的设置，属性不能被组件自己更改，但是你可以通过父组件主动重新渲染的方式来传入新的 props属性是描述性质、特点的，组件自己不能随意更改。之前的组件代码里面有props的简单使用，总的来说，在使用一个组件的时候，可以把参数放在标签的属...
2019-08-02 21:35:38
601
原创 react元素和组件
react开发需要引入多个依赖文件：react.js、react-dom.js，分别又有开发版本和生产版本，create-react-app里已经帮我们把这些东西都安装好了。把通过CRA创建的工程目录下的src目录清空，然后在里面重新创建一个index.js. 写入以下代码:// 从 react 的包当中引入了 React。只要你要写 React.js 组件就必须引入React, 因为react...
2019-08-02 20:59:17
243
转载 vue中的监听属性和计算属性
计算属性（computed）vue中的计算属性是非常棒的东西，它兼具了逻辑和变量。可以让我们不再关注视图层，值关注代码的逻辑即可。至于数据如何展现则只需由Vue负责，不需要我们的参与。所以如果在面临选择是使用计算属性还是监视属性的情况下，优先选择计算属性 <p>Original message: "{{ message }}"</p> ...
2019-07-10 20:20:11
1036
转载 mongodb数据库
mongodb安装配置在Mongodb官网下载最新版本的Mongodb下载地址下载msi的window安装包，可以装到C盘或者D盘目录下配置由于我是安装在D盘的环境下D:\Program Files (x86)\MongoDB\Server\3.2\bin所以在bin文件夹下找到mongod.exe命令，然后通过管理员执行mongod --dbpath x路径x，路径可以是任何地...
2019-07-08 18:00:12
241
原创 Webpack 配置文件书写
Webpack 配置文件书写webpack配置文件也是Node.js文件这个文件也是一个独立的 Common.js 模块webpack单页面配置const path = require('path')// 1. 创建模块const webpackConfig = { entry: './src/index.js', //网络路径（ 相对路径 ） output: { //出...
2019-07-05 11:11:55
249
转载 框架级的数据请求
框架级的数据请求axios ( 第三方库 — 别人封装好的库 )fetch ( javascript 原生提供 )vue这边的数据请求的发展vue-resource ( Vue 以前自己封装使用的请求类库 ) ，但是 vue-resource作者已经放弃更新了vue-resource 作者推荐我们使用 axiosvue-resource 用法 和 axios ...
2019-06-21 20:08:24
321
转载 Vue随想
vue是 MVVM 框架M： Model 数据V： View 视图VM: ViewModel 视图模型mustache语法糖对数据类型的支持（ js语法的支持 ）数据类型： 第一种划分： 基础数据类型： number string boolean 复杂数据类型: Object( array function )...
2019-06-21 19:48:36
173
转载 项目开发相关随笔
前后端分离 、 前后端不分离市场流行：前后端分离前后端分离好处：开发方法优化了对亿万级数据请求可以做并发处理很久以前（ 10 - 13年 ） 前后端不分离项目不分离：前端 --》 后端 --》 jsp --> 前后端项目集成（ 成功 ）前端 --》 后端 --》 jsp --> 前后端项目集成（ 失败 ） -前端二次反工 -后端反工 -集成互联...
2019-06-21 19:34:42
232
转载 token概要
Token在计算机身份认证中是令牌（临时）的意思，在词法分析中是标记的意思。一般作为邀请、登录系统使用。1 token的使用场景无状态请求保持用户的登录状态第三方登录（token+auth2.0）2 token使用流程先安装openssl( https://blog.youkuaiyun.com/sunhuansheng/article/details/82218678 )先安装pe...
2019-06-21 19:22:45
613
原创 express 概要
1.express是什么？Express 是一个保持最小规模的灵活的 Node.js Web 应用程序开发框架,为 Web 和移动应用程序提供一组强大的功能2. express的优点?express可以帮助我们快速构建web服务器 / api服务器express提供了一个快速生成工具 express-generator快速生成工具： 帮助我们快速创建一个项目的工具3. 安装...
2019-06-21 17:36:04
768
转载 前端开发规范
前端的开发规范本文主要从以下几个方面来概述前端的开发规范目录构建规范前端命名规范前端工作规范开发文档的书写规范1. 前端目录构建规范我们从命名原则、根目录、业务逻辑等方面进行目录构建1.1 命名原则：- 简洁明了（如下：） * src 源代码 * img 图片资源 image images * js JavaScript脚本 * dep 第...
2019-06-18 11:26:10
752
原创 node.js 概念和文件系统
为什么是JavaScriptnode js 不是因为js 产生的node 选择了jswhat is node ？Node.js 是一个基于Chrome V8 引擎的JavaScript运行环境 王者Node.js使用了一个事件驱动、非阻塞式I/O的模型,使其轻量又高效事件驱动： 任务执行，发布者，订阅者，事件驱动 （ on emit ）非阻塞： 执行某一...
2019-06-12 11:00:41
159
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人