- 博客(36)
- 收藏
- 关注
RSS订阅原创 return render显示 Template file not found
问题描述：在使用django框架进行web开发的时候，views文件中return到模板文件中的某个html文件，但是显示的是template file not found 。而我在settings中的TEMPLATES的DIRS已经加入了template 路径。代码如下：settings.pyINSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.content...
2020-05-29 19:10:13
1037
原创 基于gin+vue搭建的后台管理系统框架
前端UI框架：element-ui 后台框架：gin1. 基本介绍Gin-vue-admin是一个基于vue和gin开发的全栈前后端分离的后台管理系统，集成jwt鉴权，动态路由，动态菜单，casbin鉴权，表单生成器，代码生成器等功能，提供多种示例文件，让您把更多时间专注在业务开发上。Gin-vue-admin 是一套为后台管理平台准备的一整套前后端分离架构式的开源框架，旨在快速搭建后台管理系统。Gin-vue-admin 的成长离不开大家的支持，如果你愿意为 gin-vue-admin
2020-05-29 13:31:50
3700
原创 非常惊艳的轻量级开源动画引擎——Animejs
Anime.js是一个轻量级的JavaScript动画库，具有简单但功能强大的API。它与CSS属性，SVG，DOM属性和JavaScript对象一起使用。Github在Github上已收获近35k的star数，可见其非常受广大使用者的热爱！https://github.com/juliangarnier/anime/特性复杂的交错动画变得简单css分层转换在单个HTML元素上同时以不同的时间对多个CSS变换属性进行动画处理。控件和回调时间就是...
2020-05-29 07:52:21
1778
原创 vue中setInterval停不下来,且越来越快,简直和色狼一样
vue中使用setInterval#Copythis.chatTimer = setInterval(() => { console.log(this.chatTimer); this.chatMsg(); }, 1000); 然后再组件销毁前进行清除CopybeforeDestroy() { clearInterval(this.chatTimer); this.chatTimer = null; } 根据 setInterval 返回的 id 打印来看,..
2020-05-29 00:37:04
1624
原创 手把手教你深入Vue3.0(Vue-cli4)项目打包性能优化实践
1.关闭productionSourceMap首先，由于最新版的脚手架不自带配置文件了，先在根目录新建vue.config.js文件，关闭productionSourceMap，在vue.config.js中写入如下内容module.exports = { productionSourceMap: false}2.开启Gzip压缩安装插件compression-webpack-plugin，打开代码压缩，npm install --save-dev compression-we
2020-05-28 16:26:14
2814
原创 为什么我们应该使用 Flutter？
Flutter 的优势相比较目前的混合开发方案，Flutter 提供了大量的文档，能非常快速且友好的让你加入到这个大家庭。它并不止 WebView，也用通过解释 JS 后去操作系统的原生控件，Flutter 核心只有一层轻量的 C/C++代码（Engine），Flutter 在 Dart 中实现了其他大部分系统（组合、手势、动画、框架、widget 等），因此，开发人员可以轻松地进行读取、更改、替换或移除等操作。这为开发人员提供了对系统的巨大可定制性。针对移动端，Flutter 提供了符合 An
2020-05-28 16:24:53
187
原创 注意 在vue中，使用setInterval()方法
mounted() { this.getElevatorList(); setInterval(this.getElevatorList, 15000); }在mounted（）函数里边使用setInterval(), getElevatorList()这个方法在methods里边写，在mounted钩子函数里边调用就可以，刚开始先调用一遍，加载。然后使用setInterval(),第一个参数，调用方法的时候，不加括号，第二个...
2020-05-28 14:13:29
1719
原创 2020年vue- 微信的扫码登录
微信提供了两种方式跳转登录，让我们来看一下吧！内嵌方式步骤实现：1能用插件用就插件吧。毕竟好用。哈哈~~先引入npm包https://www.npmjs.com/package/vue-wxlogin接下来在组件中引入：importwxloginfrom'vue-wxlogin';components:{wxlogin},2.组件中使用，生成二维码的信息，可以让后端通过接口查看属性，也可以直接在微信开发开放平台中查看，把属性值传给 wxlogin...
2020-05-27 20:25:26
1575
4
原创 PHP微信开放平台扫码登录获取用户基本信息！附可用demo
微信开放平台提供了网站扫码登录的接口，用于获取用户基本信息（头像，昵称）方便网站快速接入微信登录，快捷登录。需要使用登录接口，需要成为微信开放平台认证开发者（300元）才可以获得这个接口权限。准备工作：1、准备APPID、APPSECRET2、准备接口地址3、准备REDIRECT_URI获取code接口https://open.weixin.qq.com/connect/qrconnect?appid=APPID&redirect_uri=REDIRECT_URI&resp
2020-05-27 20:19:31
803
原创 你不知道自己需要的7个Visual Studio Code扩展
Visual Studio Code是一种很棒的软件开发环境，不仅是因为它有出色的代码编辑功能和语言支持。由于丰富的扩展，它还让你可以执行许多支持任务。你可以找到满足各种用途的Visual Studio Code扩展：从快速导航编辑器、处理数据到轻松插入占位文本和图片，不一而足。你为所选择的语言或工作场景搭建开发环境时可能不会遇到这七个扩展，但它们对你的工具包而言是极其有用的补充，甚至是你日常工作流程的一部分。DashboardChrome和Firefox的用户应该熟悉打开空白标签时默认显示的“
2020-05-27 11:13:34
1079
原创 Linux命令学习神器！命令看不懂直接给你解释
大家都知道，Linux 系统有非常多的命令，而且每个命令又有非常多的用法，想要全部记住所有命令的所有用法，恐怕是一件不可能完成的任务。一般情况下，我们学习一个命令时，要么直接百度去搜索它的用法，要么就直接用 man 命令去查看守冗长的帮助手册。这两个都可以实现我们的目标，但有没有更简便的方式呢？答案是必须有的！今天给大家推荐一款有趣而实用学习神器 — kmdr，让你解锁 Linux 学习新姿势。kmdr 工具最大的亮点就是，如果有一个长串命令你看不懂它的用法及意义，它将直接分模块给你详细解释！这
2020-05-27 11:12:41
176
原创 ES6 完全使用手册附加案例实战讲解
前言这里的 "ES6" 泛指 ES5 之后的新语法 这里的 "完全" 是指本文会不断更新 这里的 "使用" 是指本文会展示很多 ES6 的使用场景 这里的 "手册" 是指你可以参照本文将项目更多的重构为 ES6 语法此外还要注意这里不一定就是正式进入规范的语法。1. let 和 const在我们开发的时候，可能认为应该默认使用 let 而不是 var，这种情况下，对于需要写保护的变量要使用 const。然而另一种做法日益普及：默认使用 const，只有当确实需要改变变量的值的时候才使
2020-05-26 14:37:21
323
原创 在React中实现条件渲染的5种方法及优缺点
随着现代Web应用的重量从后端转移到前端，我们不得不花更多的时间去考虑性能优化。在实现条件渲染时也是如此。所以，试着花适量的时间来优化你的代码，同时尽可能多地推动重用组件。这将帮助你在质量和交付时间之间取得适当的平衡。1. if-else我们可以将if-else条件逻辑应用于React中的JSX。请记住，JSX在执行之前已编译为JS，因此我们实际上是在用JS代码编写。/ Example /var globalVar = truefunction App() { if...
2020-05-26 14:36:17
752
原创 Python教程：精简概述I/O模型与I/O操作
Python教程：精简概述I/O模型与I/O操作一. I/O 模型1. 特指 Linux 下的网络 IO，一般分类:阻塞IO（blocking IO） 非阻塞IO（non-blocking IO） IO多路复用（IO multiplexing） 信号驱动IO（signal driven IO） 异步IO（asynchronous IO）2. 一个网络 I/O 涉及两个系统对象:应用进程（Process/Thread） 系统内核（Kernel）3. 一个 read 操作会经历两个
2020-05-26 14:35:40
202
原创 11个web前端开发人员必备的在线工具，功能强大，值得收藏
1. caniuse.com你是否不确定web API是否与特定浏览器兼容，或者是否可以在移动浏览器中访问？此在线工具可以轻松测试web API与浏览器的兼容性。该工具为桌面和移动设备上的前端Web技术提供了不断更新的浏览器支持表。假设我们想知道哪些浏览器及其版本支持web资源的API请访问navigator.share，表中列出了支持navigator.share的浏览器及其版本。2.Minify为了减小应用程序代码的包大小，开发人员会将它们的体积减小到最小。最小化会删除空格.
2020-05-26 10:25:22
297
原创 Vue真是太好了 壹万多字的Vue知识点 超详细!
Vue和其他两大框架的区别Angular 学习成本太高 React 代码可读性差 Vue 学习成本较低 很容易上手 VUE官方: https://cn.vuejs.org/v2/guide/comparison.html️2⃣️、Vue是什么Vue是一套用于构建用户界面的渐进式框架 "前端框架" 让程序员脱离自己操作DOM 专注于写逻辑和操作数据 Vue的核心库只关注视图层 易上手 便于与第三方库或既有的项目整合 当与现代化的工具链以及各种支持的库结合使用时 Vue也完全能够为复杂的单
2020-05-26 10:22:03
367
1
原创 2020微信支付之PC网站(Native)支付详解
了解支付模式Native适用场景：Native支付是指商户系统按微信支付协议生成支付二维码，用户再用微信“扫一扫”完成支付的模式。该模式适用于PC网站、实体店单品或订单、媒体广告支付等场景。解释：这里描述一下PC端业务场景，例如：你在网站上购买东西，选择好商品后，会生成一个支付二维码，扫码支付后，商品的库存就减少了。 还有，自动贩卖机，选择商品后会生成支付二维码，扫码支付后，商品就会掉下来。开发前准备申请认证公众号 （若已有公众号则可跳过, 注意: 1. 公众号类型需要为服务号或者订阅号
2020-05-25 16:19:12
1570
1
原创 Django实现微信第三方网站扫码登录
前言之前让网页公司制作新官网的时候规划有第三方账号的登录功能，但由于当时的一些开放平台申请步骤比较繁琐（尤其是微信开放平台），所以一直拖延着，到了最近只能自己添加相关的功能。由于是刚接触Python和Django，期间找了好多视频和资料学习练习，才慢慢把MVT结构什么的弄明白了，第三方登录方面百度找到了两篇很有用的文章，也从中学习到了很多：1. python实现微信第三方网站扫码登录(Django)2. 用django-social-auth 做中国社交网站三方登录(QQ,微博,豆瓣,百度,人人
2020-05-25 15:51:36
3045
1
原创 Vue-Blu——组件丰富，样式美观的新兴Vue开源Vue组件
Vue-Blu是基于Vuejs和Bulma开发的开源UI组件库。旨在为PC端的前端开发(特别是中后台产品)提供一个快速且灵活的解决方案。Bulma是一个基于Flexbox的免费开源CSS框架，已有200,000多名开发人员使用；笔者曾经也介绍过这一款css框架，目前star数已突破38.9k，确实是一个非常受欢迎的纯css框架项目地址vue-bluhttps://github.com/chenz24/vue-bluBulmahttps://github.c...
2020-05-24 12:55:57
4533
1
原创 生产力必备，5个最佳开源Flutter UI套件
Flutter是Google的应用程序开发框架，用于创建跨平台的移动应用程序（在iOS和Android中）。诸如Hot Reload之类的功能，庞大的窗口小部件目录，非常好的性能以及坚实的社区有助于实现这一目标并使Flutter成为一个非常好的框架。试想一下，如果可以使Flutter开发更快，并看到工作效率即时提升。那么一个好的UI套件将会如虎添翼，能够更好的用于开发，那么本文就推荐5个Flutter的UI套件：1. Flutter UIKit 2. Flutter-UI-nice 3. Fluki
2020-05-24 12:53:49
3652
原创 前端有必要去学Node.js吗
你可以把Node.js当成一门新的服务端语言（如果你之前没有接触过 Javascript），它和 Java 一样，都对代码程序设计有非常高的要求，因为每个程序员都不想服务器宕机。当然我们是前端开发，肯定玩得转 Javascript，Node.js某种层面讲就是 Javascript，因为它就是 Javascript 的运行时环境。依赖于 Chrome V8 引擎，我们可以像以前一样利用 Javascript 的特性，比如：异步非阻塞、事件驱动、单线程等。对于我们前端来..
2020-05-18 16:17:33
6723
原创 WebSocket 是什么原理？为什么可以实现持久连接？
一、WebSocket是HTML5出的东西（协议），也就是说HTTP协议没有变化，或者说没关系，但HTTP是不支持持久连接的（长连接，循环连接的不算）首先HTTP有1.1和1.0之说，也就是所谓的keep-alive，把多个HTTP请求合并为一个，但是Websocket其实是一个新协议，跟HTTP协议基本没有关系，只是为了兼容现有浏览器的握手规范而已，也就是说它是HTTP协议上的一种补充可以通过这样一张图理解<img src="https://pic1.zhimg.com/6651f2f811
2020-05-18 16:16:09
150
原创 分享一款开源的SQL查询优化工具--EverSQL
一般来说，SQL查询优化器分析给定查询的许多选项，预估每个选项的成本，最后选择成本最低的选项。如果查询优化器选择了错误的计划，则性能差异可能从几毫秒到几分钟。幸运的是，现在有许多第三方SQL查询优化工具可以自动优化每个SQL查询。这些工具极大地简化了开发人员和数据库管理员的工作，因为他们提供了正确的查询调优建议和索引建议。现在我们已经知道了SQL查询优化器的重要性，下面推荐一款免费的优化工具--EverSQL。EverSQLEverSQL是一个在线SQL查询优化器，它提供了监控SQL查询性.
2020-05-18 16:14:21
1064
原创 2020前端还是一个好的选择吗
学习前端有多种原因，这是每个想要开始IT冒险的人的最普遍选择。学习HTML5和CSS3是我们无需提及的内容，即使开始考虑进一步学习也是必须知道的。前端开发人员还应该知道的是JavaScript-一种适当的编程语言。然后，应将不同类型的框架和库缓慢添加到前端开发技能组中，尽管它通常取决于要进行工作的项目。对前端开发人员的期望很高，因为可以在各种情况下应用此知识，但我们检查了一些报价并掌握了反复出现的必需技能：HTML，CSS / SAAS导航JavaScript经验具有GIT（或其他版本控制.
2020-05-18 16:13:27
185
原创 Django + Vue cli 3.0 访问静态资源问题
【问题背景】用Vue clie 3.0的搭建得框架把我坑死了，在打包后，调用不到静态资源js,css,mp3等【问题原因】vue cli 3.0打包后，dist目录下没有static目录，而Django那边的静态资源配置只认static，其他目录好像没用【解决方法】现在Django项目setting.py里面检查静态文件的配置然后再去前端目录找到vue cli 3.0的配置文件，这里有个坑就是，vue cli 3.0的已经没有config目录，配置文件需要手动添加，如..
2020-05-18 09:01:19
284
原创 TypeScript的开源Windows+Mac快捷启动器——ueli
ueli是一个基于TypeScript的开源Windows+Githubhttps://github.com/oliverschwendener/ueli功能特性下面我来介绍一下这款启动器，在Windows平台和在Mac平台有些许功能不一样，毕竟平台不一样。除非特殊说明，否则是Windows和Mac共有的功能！应用搜索这个功能，所有启动器必备功能之一。可以指定安装应用程序的文件夹以及应使用哪个文件扩展名来识别应用程序。...
2020-05-17 18:18:01
513
原创 阿里开源：Dawn - 基于「中间件和 Pipeline」的自动化构建工具
Github和文档https://github.com/alibaba/dawnhttps://alibaba.github.io/dawn/docs/有哪些特点？采用中间件技术，封装常用功能，易于扩展，方便重用 支持 pipeline 让多个 task 协同完成构建任务 简单、一致的命令行接口，易于开发人员使用 支持基于「中心服务」管理中间件和工程模板 支持搭建私有中心服务，并统一下发构建规则，易于团队统一管理安装和更新依赖的环境、软件及其版本：Node.js v7.
2020-05-17 17:11:57
233
原创 和import说再见了！这个Python库能让我偷偷懒
前言上次我们提到了乐观锁和悲观锁，那我们知道锁的类型还有很多种，我们今天简单聊一下，公平锁和非公平锁两口子，以及他们在我们代码中的实践。正文开始聊之前，我先大概说一下他们两者的定义，帮大家回顾或者认识一下。公平锁：多个线程按照申请锁的顺序去获得锁，线程会直接进入队列去排队，永远都是队列的第一位才能得到锁。优点：所有的线程都能得到资源，不会饿死在队列中。缺点：吞吐量会下降很多，队列里面除了第一个线程，其他的线程都会阻塞，cpu唤醒阻塞线程的开销会很大。非公平锁：多个线程去获取锁的时候，会直
2020-05-17 15:56:03
141
转载 字节跳动面试，面试了啥？
面试官上次是在抱歉，因为公司双十二要值班，实在是没办法，不过这次不会了，我推掉了所有的事情准备全身心投入到今天的面试中，甚至推掉了隔壁王大爷的约会邀约。这样最好，上次我们最后聊到HashMap在多线程环境下存在线程安全问题，那你一般都是怎么处理这种情况的？美丽迷人的面试官您好，一般在多线程的场景，我都会使用好几种不同的方式去代替：使用Collections.synchronizedMap(Map)创建线程安全的map集合；HashtableConcurrentHashMap不过出于线程并发
2020-05-17 15:50:28
130
转载 所有ConcurrentHashMap & HashTable的知识点,你应该看理眼
面试官上次是在抱歉，因为公司双十二要值班，实在是没办法，不过这次不会了，我推掉了所有的事情准备全身心投入到今天的面试中，甚至推掉了隔壁王大爷的约会邀约。这样最好，上次我们最后聊到HashMap在多线程环境下存在线程安全问题，那你一般都是怎么处理这种情况的？美丽迷人的面试官您好，一般在多线程的场景，我都会使用好几种不同的方式去代替：使用Collections.synchronizedMap(Map)创建线程安全的map集合；HashtableConcurrentHashMap不过出于线程并发
2020-05-17 15:48:18
143
原创 flex布局下的子元素宽度无效问题,绝对OK
因为设置了display: flex; 导致block布局变成了flex布局， 所以在子元素宽度没有被撑破的情况下，子元素宽度是有效的，但是当子元素内容过多，此时宽度会比实际宽度小，所以如果想要在已经设置了flex布局的基础上，再进行子元素宽度的设置，可以应用下面的样式：（在该子元素上设置）width: 120px;flex-shrink: 0;...
2020-05-14 18:16:37
626
原创 撤底覆盖vant框架样式
Vant的样式采用less所写,.所以，如果你期待通过如下方式修改 weui-cells 的样式。是没有任何效果的：<style scoped>.fuck .weui-cells {// ...}</style>这是因为，所有的scoped中的css最终编译出来都会变成这样：.fuck[data-v-17bb9a05] .weui-cells[data-v-17bb9a05]...
2020-05-12 02:51:03
489
原创 JS forEach撤底说明白
array.forEach(v=>{ console.log(v); });array.forEach（function(v){ console.log(v); //打印出数组,每一个项, v为数组里面每一个项,迭代出来});
2020-05-08 11:48:19
57
原创 Vant is not defined真正撤底的解决方案
安装后使用,发现报错,其实原因如下: 如先装组件,再装插件,配置插件的方式来安装,,千万不要再到main.js中去引入vant整个框架了,要在那个组件中使用其那个小组件,直接在main.js引入小组件,这样效果就出来了如下为正确,最安全,最推荐,一定成功的解决方案第一步cnpm install vant --save-devcnpm uninsta...
2020-05-07 20:20:09
5150
3
原创 移动端1px的终极版解决方案
.border-1px:before { content: " "; position: absolute; left: 0; top: 0; width: 200%; border: 0.013333rem solid #eee; color: #eee; height: 200%; -webkit-transform-o...
2020-05-06 18:37:00
134
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人