别把代码当饭吃

Vue项目性能优化是个老生常谈的问题了，本人开发过程中也查过很多关于Vue项目优化的文章，每篇文章说的都差不多，本章我就结合我的心得和大家的智慧做一个总结。1.懒加载懒加载应该是提高性能的最简单有效的方式了，一个项目加上懒加载速度和逼格都会上一个台阶。懒加载的意义在于按需加载，不会让项目刚开始运行速度就很慢，能大大的优化用户体验。Vue项目懒加载分为图片懒加载和路由懒加载，具体写法如下...

hooks大势所趋 我们真的需要hooks吗 它能做什么 它的优势优势什么？

前端WebGL框架可以帮助开发者更容易地使用WebGL技术创建3D场景和交互式的图形应用程序。以下是几个。

疫情解封，百业待兴；前端领域的下一个风口会是什么？

vue3新手学习 全网超全vue3新特性，帮助vue3学习的新手，适合vue2转vue3的前端程序员，vue3面试知识学习 这一篇就够了

本文讲解Vue3自定义hooks的定义，使用场景及demo

大家好，我是一名前端程序员，在前端领域干了6年+，在这个疫情解封的大背景下谈谈前端这条路该怎么走，前端已死的观点到底为何？

电子病历分页 富文本分页

职责链模式定义：为请求创建了一个接收者对象的链。这种模式给予请求的类型，对请求的发送者和接收者进行解耦。这种类型的设计模式属于行为型模式。在这种模式中，通常每个接收者都包含对另一个接收者的引用。如果一个对象不能处理该请求，那么它会把相同的请求传给下一个接收者，依此类推。看了定义是不是一头雾水了呢？其实它的用法还是很简单的看一下例子function order(){ if(oorderType === 1){ xxx }else if(orderType...

初始化react项目yarn add react-create-app -greact-create-app demo1启动项目 npm start安装reduxyarn add redux --save新建store目录 新建index.js 和reducer.js//index.jsimport { createStore } from "redux";import reducer from "./reducer"const store = crea...

写的有些仓促 主要用于自己备忘 仔细阅读文章 不能错过任何一步 大家有问题可以留言第一步 下载android studio 安装 SDK1.下载Android studio 我是随便下载的 没看版本号 官网，下载完成后 安装相关SDK file>setting>Android SDK2 切换到SDK Tools 都选中后 点击apply第二步 各种安装1.安装 nodejs（大于12版本 配置环境变量）2.安装python（2.7版本 配置环境变量）3..

现在跨平台开发不是新鲜事了，各个跨平台框架都已经百花齐放，各有千秋。2021都有哪些跨平台框架值得推荐呢？这篇文章就不说石器时代的开平台框架了，当然不靠谱的也不说了，只说能用的！

当我们项目打包上线时，发现build后的包体积很大，最终导致网页访问速度慢。Gzip就是能非常明显有效的解决这个问题，它的原理是把原js、css文件进行压缩，从而减小文件体积以下是Gzip的相关配置1.在vue项目中找到vue.conf.js文件（老版本在config/index.js&build/webpack.prod.conf.js 中配置）2.在文件头部引入compression-webpack-plugin & 定义压缩文件类型 配置如下3.在...

CKeditor是一款富文本编辑器，本文将用极为简单的方式介绍一下它的使用和困扰大家很久的图片上传问题，要有耐心。第一步：如何使用1.官网下载https://ckeditor.com/ckeditor-4/download/，分别是简易版、标准版、全面版、自定义四个选项，下载哪个根据你的诉求来。2.下载成功后---->解压得到一个ckeditor文件夹----->把cked...

父组件：import React, { Component } from "react";import Child from './child'export default class Parent extends Component {componentDidMount(){ this.child.test()}onRef(ref){this.child = ref}...

首先我们最新创建的项目；无论是vue或者react项目，你都找不到webpack.config.js，甚至没有原来的build文件夹，那我们如何配置less或者jq这种插件呢？接下来进入正题配置less1.安装less less-loaderyarn add less less-loader或者npm install less less-loader2.git commi...

本期给大家讲解Flask的部署，配合gunicorn实现离线运行首先gunicorn（绿色独角兽）是一个unix上被广泛使用的高性能的Python WSGI UNIX HTTP Server，通常用来部署flask项目准备：云服务器一台（centos系统） xshell工具1.打开xshell工具，输入pip install gunicorn （安装gunicorn） pip...

简单描述一下跨域是如何产生的首先我们要明确的是：跨域问题只是在浏览器中产生的一种现象。跨域是浏览器安全方面的限制，如果客户端与服务端不在一个域名下是不能进行http通讯的，如果域名相同端口不通依然跨域。当我们在本地局域网开发时；IP不通也会导致跨域问题，当然；IP相同端口不同也会跨域。如何解决，以下几种方式取其一即可：第一种方式：服务端加请求头header('Access-Con...

当我们前端要调用跨域接口时，我们需要用代理解决跨域问题，比如Vue的代理配置proxy，但是当Vue项目打包成静态文件时，他的代理也就失灵了，因为代理的前提是本地必须有service，本章讲一下生产环境的Vue项目如何做代理。本章我们从两方面讲解Vue解决跨域的方案，一种是本地开发环境，另一种是生产环境（nginx解决vue跨域问题）1.Vue本地（开发环境）解决跨域流程如下（1）打开...

我是一名前端工程师，刚开始入门时接触js然后jQuery，jQuery像一把剪刀一样；简单而犀利，通常是配合一些框架完成一些静态页面开发的工作，但是个人感觉单纯的jQuery不能拯救前端工程师，因为jQuery的诸多局限性导致前端工程师的发展受到了很多的限制，只能做一些表面性的工作，并不能实现前后端分离开发。因此本章要讲的是前端三大框架之一的Vue给前端带来的不同之处。在这里为什么要这么吹Vu...

今天给大家分享vue上拉刷新，加载更多的组件VueScroller的使用第一步安装：npm install vue-scroller -D第二部配置 main.jsimport VueScroller from 'vue-scroller'Vue.use(VueScroller)第三部开始使用<scroller :on-infinite="infini...

今天给大家写一篇关于vue校验登录状态，如果是非法登录就跳转到登录页面的效果它的具体实现是一个router.beforeEach的钩子，每次路由切换时触发，写法如下router.beforeEach((to, from, next) => { next()})beforeEach函数有三个参数：to:即将进入的路由对象 from:当前导航即将离开的路由 nex...

接下来给搭建讲解Flask如何接受图片文件，上面是复杂写法，下面是简单写法。思路整理：接收图片->定义一个图片存放的位置->给图片重命名（为了唯一性）->保存操作->返回状态下面是复杂的写法：basedir = os.path.abspath(os.path.dirname(__file__)) #定义一个根目录 用于保存图片用import os,sys,...

下面是ckeditor的字体设置代码，因为ckeditor本身自带字体都是英文字体，因此  本章给大家介绍ckeditor的字体设置找到 config.js  （在ckeditor目录下），设置如下 //config.js配置：CKEDITOR.editorConfig = function( config ) { config.font_names = '宋体/Si...

Vue解决跨域问题的原理就是代理，具体操作如下1.打开 config -> index.js2. 找到proxyTable3.粘贴 如下代码，'https://www.baidu.com' 换成要访问的的api域名，记住是域名，不是整个api地址。代码（效果图）如下配置如下（方便复制粘贴） dev: { env: require('./dev.env...

Flask要想接收POST/GET请求，首先要引入request模块如下：from flask import request引入request模块后，首先我们先测试GET请求，第一步定义一个路由，并且定义访问方式（methods）为GET，而我们要接收的参数名为'username', 最终返回接收到的username  代码如下：@app.route('/test',methods...

今天给大家带来flask的随手记，flask的增删改差操作，是基于flask模型操作的，收藏起来 干货！ #增def createOne(): artcle1 = Artcle_table2(title='标题',content='内容') db.session.add(artcle1) db.session.commit() return '添加成功'...

1.Cookiecookie是比较老的前端缓存技术了，它的特点是：想要使用它前端必须要有服务（静态网页是不行的），而且存储大小限制在4kb。那么为什么必须要有服务才能使用cookie呢？因为只要有请求涉及，cookie就要在服务器和浏览器之间来回传送。而且由于浏览器的跨域限制，客户端和服务端必须要保证同源的原则才能使用，但是由于cookie是存放在前端的，所以安全问题一直是个大问题，因此一般重...

传统的web开发模式想必大家都知道，不管是jsp、asp、php或者一些魔板引擎开发，其实道理都是一样的，都是服务端渲染，原理是：浏览器发送一个get请求，服务器对应的返回前端一个html页面，由浏览器渲染，一张网页就呈现在用户面前了。但是今天要说的就是大家一直在谈论的话题了，那就是“前后端分离的开发模式”，它的好处自然不必多说，那用我们最熟知jquery能不能做到前后端分离开发呢？答案是可以的...

docker部署mysql的关键在于两点1.mysql在生产环境产生的数据放在容器里很不安全，我们需要把数据文件夹挂载到容器外，以防数据丢失。2.运行mysql镜像时需要设置初始密码，并且设置mysql可以远程连接。接下来我们开始docker部署mysql首先我们先搜索一下mysql镜像：docker search mysql列出很多mysql的镜像，我们选择第一...

本章给大家带来nginx负载均衡的相关配置讲解，首先大家先看下面的示意图：如上图所示；当客户端发起http请求时，先经过nginx服务器处理并重新分发请求；并下发给不同的服务器，从而实现nginx的负载均衡的简单应用。nginx配置 upstream www.xyqmw.com { server 111.231.197.74:8080 weight=1;...

今天给大家献上登录注册接口开发，是基于token验证的。咱们闲言少叙，进入正题！首先看一下数据库模型：#pip install passlibfrom passlib.apps import custom_app_context as pwd_contextclass Shop_list(db.Model): __tablename__ = 'shop_list' u...