- 博客(45)
- 资源 (4)
- 收藏
- 关注
原创 chatGPT生成的:前端学习导航
MDN Web 文档:提供关于 HTML、CSS、JavaScript 等前端技术的详细文档和指南。W3Schools:提供在线教程,覆盖了 HTML、CSS、JavaScript 和其他前端技术的基础知识。freeCodeCamp:一个开源的学习平台,提供免费的编程课程和实践项目,包括前端开发。CSS-Tricks:一个关于 CSS 技巧和教程的网站,包含许多有用的示例和演示。JavaScript.info:提供 JavaScript 的详细教程和参考资料,从基础知识到高级概念都有涉及。Cod
2023-05-12 03:42:01
1256
原创 超全 Vue3新特性总结
vue3新手学习 全网超全vue3新特性,帮助vue3学习的新手,适合vue2转vue3的前端程序员,vue3面试知识学习 这一篇就够了
2023-02-21 14:01:28
3107
原创 前端的,昨天今天和明天
大家好,我是一名前端程序员,在前端领域干了6年+,在这个疫情解封的大背景下谈谈前端这条路该怎么走,前端已死的观点到底为何?
2022-12-12 22:54:57
2723
6
原创 前端讲设计模式第一期-职责链模式
职责链模式定义:为请求创建了一个接收者对象的链。这种模式给予请求的类型,对请求的发送者和接收者进行解耦。这种类型的设计模式属于行为型模式。在这种模式中,通常每个接收者都包含对另一个接收者的引用。如果一个对象不能处理该请求,那么它会把相同的请求传给下一个接收者,依此类推。看了定义是不是一头雾水了呢?其实它的用法还是很简单的看一下例子function order(){ if(oorderType === 1){ xxx }else if(orderType...
2021-09-11 21:40:30
198
原创 免费开源IM聊天项目,附截图&github源码,启动简单
闲来无事,自己写了一个基于uniapp的聊天项目,希望对大家开发有一定帮助。技术栈:uniapp vue使用之前先stargithub传送门https://github.com/13940217916/uniapp-chat
2021-09-11 19:20:30
2185
原创 支付宝小程序 scheme跳转
需求:支付宝内部跳转支付宝官方乘车码页面实现:两种方式1.web-view 通过scheme连接跳转具体实现如下window.location.href="alipayqr://platformapi/startapp?saId=200011235";2。
2021-06-19 21:57:53
2409
原创 React Native环境搭建 特别细 看完不会自己反省
写的有些仓促 主要用于自己备忘 仔细阅读文章 不能错过任何一步 大家有问题可以留言第一步 下载android studio 安装 SDK1.下载Android studio 我是随便下载的 没看版本号 官网,下载完成后 安装相关SDK file>setting>Android SDK2 切换到SDK Tools 都选中后 点击apply第二步 各种安装1.安装 nodejs(大于12版本 配置环境变量)2.安装python(2.7版本 配置环境变量)3..
2021-01-05 22:02:41
1493
3
原创 最新前端跨平台框架推荐,跨平台开发框架选择指南
现在跨平台开发不是新鲜事了,各个跨平台框架都已经百花齐放,各有千秋。2021都有哪些跨平台框架值得推荐呢?这篇文章就不说石器时代的开平台框架了,当然不靠谱的也不说了,只说能用的!
2021-01-03 18:03:34
4801
原创 redux从零到一 实现全流程使用
初始化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...
2020-06-22 23:43:35
105
原创 vue 打包体积优化神器 Gzip 你还不会吗?
当我们项目打包上线时,发现build后的包体积很大,最终导致网页访问速度慢。Gzip就是能非常明显有效的解决这个问题,它的原理是把原js、css文件进行压缩,从而减小文件体积以下是Gzip的相关配置1.在vue项目中找到vue.conf.js文件(老版本在config/index.js&build/webpack.prod.conf.js 中配置)2.在文件头部引入compression-webpack-plugin & 定义压缩文件类型 配置如下3.在...
2020-05-14 11:30:06
1384
原创 学习笔记:React父组件调用子组件方法
父组件:import React, { Component } from "react";import Child from './child'export default class Parent extends Component {componentDidMount(){ this.child.test()}onRef(ref){this.child = ref}...
2020-03-05 11:39:34
335
原创 没有webpack.config.js如何配置less吗 安装配置less必看
首先我们最新创建的项目;无论是vue或者react项目,你都找不到webpack.config.js,甚至没有原来的build文件夹,那我们如何配置less或者jq这种插件呢?接下来进入正题配置less1.安装less less-loaderyarn add less less-loader或者npm install less less-loader2.git commi...
2020-02-14 21:04:35
3098
1
原创 Vue代理解决生产环境跨域问题 部署必备干货
当我们前端要调用跨域接口时,我们需要用代理解决跨域问题,比如Vue的代理配置proxy,但是当Vue项目打包成静态文件时,他的代理也就失灵了,因为代理的前提是本地必须有service,本章讲一下生产环境的Vue项目如何做代理。本章我们从两方面讲解Vue解决跨域的方案,一种是本地开发环境,另一种是生产环境(nginx解决vue跨域问题)1.Vue本地(开发环境)解决跨域流程如下(1)打开...
2019-10-13 11:25:57
1536
5
原创 学习笔记:docker部署mysql8+ 并设置可远程链接
docker部署mysql的关键在于两点1.mysql在生产环境产生的数据放在容器里很不安全,我们需要把数据文件夹挂载到容器外,以防数据丢失。2.运行mysql镜像时需要设置初始密码,并且设置mysql可以远程连接。接下来我们开始docker部署mysql首先我们先搜索一下mysql镜像:docker search mysql列出很多mysql的镜像,我们选择第一...
2019-10-07 19:32:14
2050
原创 nginx实现负载均衡的最简单实践
本章给大家带来nginx负载均衡的相关配置讲解,首先大家先看下面的示意图:如上图所示;当客户端发起http请求时,先经过nginx服务器处理并重新分发请求;并下发给不同的服务器,从而实现nginx的负载均衡的简单应用。nginx配置 upstream www.xyqmw.com { server 111.231.197.74:8080 weight=1;...
2019-09-15 17:42:51
286
原创 Vue项目性能优化篇
Vue项目性能优化是个老生常谈的问题了,本人开发过程中也查过很多关于Vue项目优化的文章,每篇文章说的都差不多,本章我就结合我的心得和大家的智慧做一个总结。1.懒加载懒加载应该是提高性能的最简单有效的方式了,一个项目加上懒加载速度和逼格都会上一个台阶。懒加载的意义在于按需加载,不会让项目刚开始运行速度就很慢,能大大的优化用户体验。Vue项目懒加载分为图片懒加载和路由懒加载,具体写法如下...
2019-09-01 21:13:36
3203
2
原创 Vue项目的部署简述
现在vue-cli已经是前端工程师必会的框架了(没有之一),很多前端工程师只会Vue项目的开发,并不会部署,因为大部分公司项目的部署工作是交给自己的上级或者项目管理者的,关于部署的相关知识可能大家都不甚了解,今天就给大家深入讲解一下我对Vue项目部署的心得和体会!1.Vue项目打包vue项目的打包可能大家都不陌生,一句npm run build就完事了,打包完成后项目会生成一个“dis...
2019-08-03 09:25:58
716
原创 Ajax在vue中的封装及使用
今天给大家写一篇关于ajax在vue中的应用及封装,有些同学可能会有疑问,因为熟悉vue的都知道,vue中有vue-resource和axios是专门用于http交互的,那么ajax岂不是多此一举吗?其实不然,ajax有ajax的优势,并且小编本身对ajax有着特殊的感情,今天就给大家详细详解ajax在vue中的应用。首先我们有必要配置一下jQuery,具体配置方法很简单,教程如下:1....
2019-02-22 16:58:19
3279
原创 探讨一下Vue和以前的jQuery两大框架的的区别
我是一名前端工程师,刚开始入门时接触js然后jQuery,jQuery像一把剪刀一样;简单而犀利,通常是配合一些框架完成一些静态页面开发的工作,但是个人感觉单纯的jQuery不能拯救前端工程师,因为jQuery的诸多局限性导致前端工程师的发展受到了很多的限制,只能做一些表面性的工作,并不能实现前后端分离开发。因此本章要讲的是前端三大框架之一的Vue给前端带来的不同之处。在这里为什么要这么吹Vu...
2018-12-11 23:00:50
16501
5
原创 nginx高性能服务器,部署web项目的使用最简单的教程
今天给大家讲解nginx的两个功能,分别是静态服务器和反向代理,关于nginx的安装等就不详细解释了。静态服务器是用来部署静态文件的,比如html文件,下面给大家讲解静态文件的部署静态文件部署1.先找到nginx.conf,我在centos中的路径是:/usr/local/nginx/conf/nginx.conf,每个人各有不同,也可以通过find命令直接查找nginx.conf文件...
2018-12-08 20:38:27
469
原创 vue加载更多,上拉刷新VueScroller 简单使用
今天给大家分享vue上拉刷新,加载更多的组件VueScroller的使用第一步安装:npm install vue-scroller -D第二部配置 main.jsimport VueScroller from 'vue-scroller'Vue.use(VueScroller)第三部开始使用<scroller :on-infinite="infini...
2018-12-04 10:21:13
807
原创 Vue 跨域问题解决
简单描述一下跨域是如何产生的首先我们要明确的是:跨域问题只是在浏览器中产生的一种现象。跨域是浏览器安全方面的限制,如果客户端与服务端不在一个域名下是不能进行http通讯的,如果域名相同端口不通依然跨域。当我们在本地局域网开发时;IP不通也会导致跨域问题,当然;IP相同端口不同也会跨域。如何解决,以下几种方式取其一即可:第一种方式:服务端加请求头header('Access-Con...
2018-12-01 11:23:39
2532
2
原创 vue路由守卫,限制前端页面访问权限
今天给大家写一篇关于vue校验登录状态,如果是非法登录就跳转到登录页面的效果它的具体实现是一个router.beforeEach的钩子,每次路由切换时触发,写法如下router.beforeEach((to, from, next) => { next()})beforeEach函数有三个参数:to:即将进入的路由对象 from:当前导航即将离开的路由 nex...
2018-11-29 16:46:32
2826
原创 学习笔记:Flask 的token验证
本次文章为大家介绍基于token验证的注册及登录功能的实现!闲言少叙直接正题1.首先先看一下数据库设计如下:#pip install passlib 先安装模块from passlib.apps import custom_app_context as pwd_contextclass User(db.Model): __tablename__ = 'shop_list'...
2018-11-29 10:31:17
3540
原创 python Flask登录注册及Token验证接口开发
今天给大家献上登录注册接口开发,是基于token验证的。咱们闲言少叙,进入正题!首先看一下数据库模型:#pip install passlibfrom passlib.apps import custom_app_context as pwd_contextclass Shop_list(db.Model): __tablename__ = 'shop_list' u...
2018-11-28 17:29:18
4542
1
原创 关于ckeditor上传图片功能干货!
最近有很多小伙伴加我QQ咨询ckeditor上传图片的问题,在这里我决定在写一篇关于上传图片的流程,希望大家能收益!1.修改config.js,添加上传图片的路径(如下):首先找到config.js修改config.js 如下图CKEDITOR.editorConfig = function( config ) { config.filebrowserI...
2018-11-28 10:42:09
800
原创 调用QQ音乐接口,实现自制MV播放器
本文给大家讲解如何调用QQ音乐MV接口,实现强大的MV在线播放器功能第一步:调用MV查询接口,获取json数据,拿到vid接口地址:https://c.y.qq.com/soso/fcgi-bin/client_search_cp?ct=24&qqmusic_ver=1298&remoteplace=txt.yqq.mv&searchid=1371479823...
2018-11-02 17:36:33
2949
1
原创 Flask接收上传图片方法
接下来给搭建讲解Flask如何接受图片文件,上面是复杂写法,下面是简单写法。思路整理:接收图片->定义一个图片存放的位置->给图片重命名(为了唯一性)->保存操作->返回状态下面是复杂的写法:basedir = os.path.abspath(os.path.dirname(__file__)) #定义一个根目录 用于保存图片用import os,sys,...
2018-09-03 10:20:15
15036
12
原创 学习笔记:Flask返回json及设置session
Flask 关于session的操作非常简单,大家简单化思维 下面是我给大家总结的session的操作方法,仅供参考session['username']=username #设置print(session.get('username')) #读取session.clear #清除session.pop('username') #删除session.permanent ...
2018-08-28 11:25:29
546
原创 ckeditor字体设置
下面是ckeditor的字体设置代码,因为ckeditor本身自带字体都是英文字体,因此 本章给大家介绍ckeditor的字体设置找到 config.js (在ckeditor目录下),设置如下 //config.js配置:CKEDITOR.editorConfig = function( config ) { config.font_names = '宋体/Si...
2018-08-28 11:24:41
3072
1
原创 python Flask项目部署教程
本期给大家讲解Flask的部署,配合gunicorn实现离线运行首先gunicorn(绿色独角兽)是一个unix上被广泛使用的高性能的Python WSGI UNIX HTTP Server,通常用来部署flask项目准备:云服务器一台(centos系统) xshell工具1.打开xshell工具,输入pip install gunicorn (安装gunicorn) pip...
2018-08-28 11:23:12
2869
1
原创 Vue项目代理-解决接口访问跨域问题
Vue解决跨域问题的原理就是代理,具体操作如下1.打开 config -> index.js2. 找到proxyTable3.粘贴 如下代码,'https://www.baidu.com' 换成要访问的的api域名,记住是域名,不是整个api地址。代码(效果图)如下配置如下(方便复制粘贴) dev: { env: require('./dev.env...
2018-08-01 15:35:23
7478
2
原创 Flask接收POST/GET请求
Flask要想接收POST/GET请求,首先要引入request模块如下:from flask import request引入request模块后,首先我们先测试GET请求,第一步定义一个路由,并且定义访问方式(methods)为GET,而我们要接收的参数名为'username', 最终返回接收到的username 代码如下:@app.route('/test',methods...
2018-08-01 15:27:42
4034
原创 Flask的mysql数据库操作,增删改查
今天给大家带来flask的随手记,flask的增删改差操作,是基于flask模型操作的,收藏起来 干货! #增def createOne(): artcle1 = Artcle_table2(title='标题',content='内容') db.session.add(artcle1) db.session.commit() return '添加成功'...
2018-08-01 15:14:02
4622
1
原创 富文本编辑器CKeditor的基本使用
CKeditor是一款富文本编辑器,本文将用极为简单的方式介绍一下它的使用和困扰大家很久的图片上传问题,要有耐心。第一步:如何使用1.官网下载https://ckeditor.com/ckeditor-4/download/,分别是简易版、标准版、全面版、自定义四个选项,下载哪个根据你的诉求来。2.下载成功后---->解压得到一个ckeditor文件夹----->把cked...
2018-08-01 14:50:13
8120
5
python flask开发模板
2019-01-03
nodejs微博系统源码(接口)
2017-09-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人