- 博客(194)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 django 中使用日志
日志是个好东西，但却并不是所有人都愿意记，直到出了问题才追悔莫及，长叹一声，当初要是记日志就好了。但记日志却是个技术活，不能什么都不记，但也不能什么都记。如果记了很多没用的信息，反而给查日志排错的过程增加很多困难。所以，日志要记录在程序的关键节点，而且内容要简洁，传递信息要准确。要清楚的反应出程序当时的状态，时间，错误信息等。只有做到这样，我们才能在第一时间找到问题，并且解决问题。......
2022-07-19 09:24:21
3431
1
原创 django 中间件配置 urlconf
我们都知道，可以在 settings模块中设置 根URLConf，但如果某些请求不想将其当作入口，想自定义请求的 URLConf 入口，就可以通过中间件来设置
2022-07-09 11:22:30
389
原创 一文理解 Python CGI
很多人，不太理解 python cgi 的作用，其实就是一个接口，一个web服务器能够处理脚本语言的接口，有了 CGI，web 服务器才能处理除了静态文件之外的其他文件类型，如 python、c++ 等
2022-07-07 10:19:39
1473
2
原创 vue路由模式及 history 模式下服务端配置
前言vue 项目中，我们比较常用的模式为 hash 和 history 模式 默认情况下，vue 项目采用的就是 hash 模式 有些人对 history 模式下，为什么需要服务器做相应配置，以及如何配置不甚理解，所以这篇文章就对此做出分析，重点是让大家理解，为什么 history 模式下需要服务器做配置 这里会对 hash 模式和 history 模式都做出说明，通过对比，才能更好的理解我们的行为1. hash 模式1.1 什么是 hash 模式先从一个熟悉的锚标记案例开始，帮助大家理解 hash
2022-04-28 17:15:08
10001
5
原创 一个域名部署多个vue项目的方法
前言在生产环境中，一般一个域名对应一个前端项目，但如果域名紧张，不想浪费二级域名，或者自己的测试项目，完全可以一个域名对应多个前端项目、以 vue 为例，要实现这一点，需要 vue-router 中的 base 选项助力2. base 简介base 选项设置应用的基路径。例如，如果整个单页应用服务在 /app/ 下，然后 base 就应该设为 "/app/"base 选项的默认值为 “/”，这个代表什么意思呢？我们知道，无论是开发模式下，还是生产模式下，我们都需要启动一个服务来运行我们的前端项目
2022-04-28 09:02:59
3347
2
原创 vue3 组合式API使用第2篇-保证学得会
继续接上1篇从组合式 API 中使用计算属性开始1. 计算属性使用从 Vue 导入的 computed 函数在 Vue 组件外部创建计算属性如将上面案例，加入过滤功能，作用是在文本框中输入小说名称，然后从当前的结果中过滤出内容并显示<template> <input type="text" v-model="searchQuery" /> <ul> <li v-for="(item, index) in bookMathingSearch
2022-04-27 17:28:50
376
原创 vue3 组合式API使用第1篇-保证学得会
本文已参与「新人创作礼」活动，一起开启掘金创作之路1. 了解组合式API1.1 选项式API特点讲解 vue3 的组合式 API 之前，先来看看传统的选项式 API 的特点一个非常明显的优点就是学习成本较低，因为框架已经规定死了数据在 data 中自定义方法及事件处理函数在 methods 中计算属性在 computed 中侦听器在 watch 中钩子函数中可能还分布了一些初始化代码。。。。。。。。。。。但是当组件中功能越来越多，逻辑越来越复杂时，选项式 API 的确定就爆露出来了
2022-04-27 17:26:54
1281
1
原创 vue 路由懒加载
本文已参与「新人创作礼」活动，一起开启掘金创作之路1. 路由懒加载如何实现当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就会更加高效当前，我们使用如下方式导入组件import Login from '../views/Login打包后，这些组件都会被打包到一个.s文件中，css 代码会打包到 css 文件中访问应用时，就会下载这js文件和对应的css文件随着代码的增多，文件
2022-04-27 11:05:21
7848
原创 详解vue 配置 cdn 加载依赖的方法
前言生产环境中，将项目依赖的一些第三方包替换成通过 cdn 方式外部加载，而不是打包到 vender，对于提升应用的加载、响应速度很有意义，下面我们一步步的实现这点CDN的全称是Content Delivery Network，即内容分发网络。CDN是构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率1. 查看打包后的资源情况首先使用 build 命令打包，看看在使
2022-04-24 10:35:13
6825
3
原创 删除 console 语句引发的惨案
前言：虽然 babel-plugin-transform-remove-console 已经几年不更新了，但打包时去除 console 语句还是比较省时省力，所以项目中也就用了，没想到反而费劲了本来问题很简单，但有时候不细心，可能就会浪费大量的时间解决问题，所以写篇博客，方便他人急急如律令，喷子请绕行1、安装和使用安装npm i babel-plugin-transform-remove-console配置(babel.config.js)// 存储项目发布阶段需要用到的插件const p
2022-04-22 10:25:27
764
原创 关于 axios 取消重复请求的分析
前言关于取消重复请求，最重要的是这么做的意义，而不在于代码的实现其实，我觉得，绝大部分能够想到的应用场景，都可以通过防抖、节流方式实现，比如实时搜索，比如重复订单提交、比如上拉获取最新数据等我们知道，所谓取消请求，是在请求已经发出执行的，只不过取消的及时的话，整个请求过程还没有全部完成，可能只是将请求送达服务端，但还没有接收到服务端的返回结果就取消了，这样也仅仅是不对服务端的结果做处理而已当然，这么做的好处很明显，比如上拉加载数据，在整个上拉过程中，可能会频繁的发出请求，每次请求返回之后，都要将数据
2022-04-09 08:18:27
4092
1
原创 vue i18n 国际化保姆级教程_看不懂自己找原因
1、国际化介绍对于一些跨国项目来说，国际化是尤为重要的，那么什么要国际化呢?国际化的意思就是将我们写的项目，能够根据不同国家的语言，进行翻译，进行切换，方便不同国家的客户使用基本思路如下① 定义语言包：需要几种语言展示，就定义几个语言包② 创建对象，对语言包进行整合，对象的 key 为语言包的引用，值为语言包对象③ 创建 vue-i18n 类的对象，同时为其 messages 属性为第②步创建的对象，为其 locale 属性赋值为第②步中语言对象对应的 key④ 在创建 Vue 实例
2022-04-04 20:46:47
5917
4
原创 Vue组件开发第一篇：一个分页组件从开发到发布全过程
1.前言这篇只作为一个组件开发入门，虽然较为简单，但却能够学习一个组件从开发到发布的整个流程，后续会陆续更新2.流程介绍一个组件从开发到上线大概的步骤如下（我们这里只考虑一个组件，而不是组件库）单文件组件开发：像普通的单文件组件一样开发，测试功能 新建项目，将上面开发的组件引入，并编写打包的入口文件 建议先进行本地打包，本地测试，测试没有问题后，再进行下一步 编写 READ.me 文件 编写忽略清单 注册 npm 账号 命令行中登录账号 发布下面开始具体介绍每个步骤3.编
2022-03-30 19:59:49
1334
原创 linux 下 docsify 根目录 README.md 无法访问
将使用 docsify 部署的 markdown 文档，上传到 linux下，并配置好域名，访问时，README.md 提示 404，但是单独访问其他 markdown 文档都没有问题仔细排查，原来是 ngingx 的配置文件中禁止访问 README.md，将其删除就可以了...
2022-02-24 17:42:17
1667
原创 JS 模块化
模块化在后端，已经不是什么新鲜的概念了，但是在前端，真正到官方支持，也就是是六七年时间，这里只是简单的介绍模块化的历史以及两种模块化规范的使用
2022-02-16 15:30:46
259
原创 记一次项目的迁移过程
阿里云学生账号申请的服务器一年涨到500多了，果断换成腾讯云的清凉服务器，一年才39，配置还比阿里云的高很多也没使用容器化技术，就是纯手动搬运，记录下来，不出意外的话，明年还得换云服务提供商项目部署和数据库配置使用的都是宝塔面板，简单好用，省时省力，我是讨厌做一些台底层的工作，理解即可1、备份项目和数据库SSH 客户端工具用的 XSehllFTP 工具用的 XFtp使用 FTP 将部署好的项目都下载到本地。无论是 node 项目、vue项目还是 django 项目，都先删除依赖，再下
2022-01-18 12:13:47
2529
原创 pycharm 终端部启用虚拟环境
新建项目时，选择新建虚拟环境项目打开后，启动终端，却经常发现，并没有开启虚拟环境，导致一些包都被安装到全局环境中。一种解决办法是手动开启虚拟环境如果开启出错，如“禁止脚本运行”或者不识别命令等，就以管理员分身打开 powershell，然后运行如下命令set-executionpolicy remotesigned设置为 “y” 即可但是这时候，如果想通过命令关闭虚拟环境发现经常没有效果，还需要手动关闭终端，再打开，才会关闭虚拟环境各种原因没有细究（才可应该是.
2021-12-30 14:58:04
15960
1
原创 pycharm 创建 django 项目出错
pycharm 创建 django 项目过程中，如果出现如下错误根据提示信息，找到问题发生的原因：pycharm 2020.3之前的版本，在创建Django项目的时候，会自动将pip升级到最新版本，并且安装Django的时候会使用--build- dir参数。但是，最新的pip，在20+版本后，取消了--build- dir参数！这就产生了冲突。也就是说，Pycharm内部自动调用pip的时候，多提供了一个--build- dir参数。貌似这个机制还无法人工介入修改。知道了问题原因.
2021-12-27 14:06:15
2237
原创 python 虚拟环境
不仅仅 python，很多语言和技术都有相关技术，只要涉及到版本更新问题，就有虚拟环境的需求。搭建虚拟环境的意义很简单，一句话概括：做到不同项目的环境隔离，互不影响。比如两个项目分别需要使用 Django1和 Django2，如果不使用虚拟环境，Django就要全局安装，两个项目就要使用同样的 Django 版本，有了虚拟环境，就好比将两个项目放到了不同的计算机上，一个安装 Django1，一个安装 Django2，互不影响我们今天聊的是 python3 中虚拟环境的创建创建虚拟环境有两种方式，
2021-11-06 16:33:29
442
原创 vue 中使用 bimface
整个过程分为如下几个步骤1、安装 vue 脚手架2、创建项目3、引入 bimface 响应的文件4、修改 App.vue 文件，实现页面渲染1. 安装 vue 脚手架这里还是使用 Vue CLI通过如下命令，全局安装 vue 脚手架工具npm install -g @vue/cli安装好之后，可以通过安装 nrm ，来切换镜像源，也可以直接进行下一步2. 创建项目找一个合适的目录，打开 cmd 或者 powshell，键入如下命令，创建名为 bimface-.
2021-11-04 18:04:28
2497
1
原创 第一篇：创建 Vue 实例方式的改变
我们知道，Vue 和 Vue3 中创建 Vue 实例的方式发生了改变vue2new Vue({....})Vue3Vue.createApp({....})这种改变，是 Vue 团队根据前端趋势和开发方式的转变做出的应对措施很多人的开发经验中，开发 Vue 程序时，如果使用脚手架开发时，main.js 中总会有一行代码new Vue({ router, store, render: h => h(App)}).$mount('#app')代码中创建了
2021-07-23 18:02:17
276
5
原创 git fetch 和 git pull
1. git fetch假设有队员在本地创建了 rights 分支，新建 rights.html 页面，然后将此分支推送到远程git push origin rights队员B 可以使用 git fetch 会将远程仓库的更改拉取到本地git fetch // 拉取所有分支更新git fetch origin login // 拉取login 分支运行此命令时可以处于任意一个分支上拉取下来之后，如果远程有一个新的分支，使用 git branch 命令时，并不会看到新的分.
2021-06-22 15:19:43
178
1
原创 react 项目以 https 协议启动
项目开发中需要用到定位功能，无论是里H5本身的定位，还是百度地图定位中的浏览器定位，其实最终使用的都是 H5 定位功能这个功能在 edge 和 firefox 中是可以使用的，但是 chrome 要求站点bi'xu
2021-06-02 09:56:53
2938
1
原创 yarn 的使用
yarn 和 npm 都是前端使用频率很好的包管理器，下面简单介绍 yarn 的安装和使用1. yarn 安装下面是 yarn 的中文文档Yarn 中文文档 (bootcss.com)这里提到了 windows 系统安装 yarn 的三种方式除了这三种方式外，如果已经安装了 npm ，还可以使用 npm 进行全局安装npm install -g yarn2. yarn 配置镜像源与 npm 一样，使用之前，先配置镜像源npm 配置镜像源的方法是先安装 nrm 包，然
2021-05-27 11:09:38
290
1
原创 前端 Mock 系列二：Mock.js 使用
继续上篇内容Mock.js 可以随机生成数据，省区人工制造虚假数据的时间要想掌握 Mock.js 生成数据的方法，重点要掌握如下两点模板定义语法 占位符的使用1. 模板定义语法'name|rule': valuename 就是属性名称 rule 是规则 value 是值比如下面代码{ name: '李白'}上面就定义了一套模板其中包含属性名称和值，并不包含规则所以请求时，会原样返回规则的作用就是规定如何生成属性的值比如...
2021-04-16 15:23:23
584
原创 前端 Mock 系列一：直接在前端项目中使用
本系列读完，你应该明白如下几点Mock 是做什么的 Mock.js 是做什么的 Mock 与 Mock.js 是什么关系 前端如何运用 Mock.js 伪造接口，伪造数据1. 什么是 MockMock：虚假之意所谓 Mock 技术，是在前后端分离开发后，被逼出来的方法因为前后端分离后，前端和后端就无需相互等待，同时开发即可但前端总需要后端的接口数据，但后端有自己的工作节奏，我们要数据时，没准人家还在琢磨着如何见表呢？怎么办？数据都做成静态的，等后端开发好接口后，再替换成动态的
2021-04-14 13:53:25
2066
原创 微信小程序使用第三方组件
微信小程序支持第三方组件，并支持使用 npm 的方式安装下面我们以 vant 为例，详细讲解，如何在微信小程序中使用 npm 的方式安装组件，以及相关的配置初始化配置文件建议在项目根目录下执行如下命令我当前的项目选择的时云开发的模式，项目名称叫做 music-sz，所以我就以这个目录作为工作目录，运行下面的命令npm init -y安装然后安装 vantPS E:\test\music-sz> npm i @vant/weapp -S --production
2021-03-30 15:32:31
783
原创 循序渐进使用vuex
1. Vuex 简单了解Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化换种说法可能更好理解如果有一些公共的数据需要在多个组件中共享或者某一个状态的改变会影响多个组件，那么这时候用vuex是非常合适的，比如我们经常会看到的中后台都有多风格的切换，这种全局的改变就可以用到vuex去完成！使用Vuex管理数据的好处： 能够在 vuex 中集中管理共享的数据，便于开发和后期进行维护
2021-03-26 16:58:30
215
原创 深入浅出 proxy 系列之一：Proxy 是什么
1. 理解proxy1.1 类还是函数proxy 是 ES6 中新增的一个函数，也可以叫类，但是 js 中一切皆是函数，即使使用 class 定义的类，最终也是函数，所以我们还是称其为函数吧，虽然我更喜欢称其为类，因为这更符合我后端背景1.2 为什么没有原型对象console.log(Proxy.prototype); // undefined我只是好奇试了一下，果然发现了特殊之处：作为一个构造函数，为什么没有原型对象？这是 ECMA 的官方说明由于 Proxy 构造出来的
2021-03-19 14:50:23
8283
3
原创 自己动手 webpack 打包 vue 单文件组件
1. 为什么要了解这些vue 的脚手架集成了 webpack，并进行了大量的默认配置我们只需要按照框架的要求编写代码，打包就好了慢慢的我们就成了傻瓜，不知道这其中到底发生了什么，一旦遇到问题，不知道该如何思考，因为你可能都不清楚它的运作原理更何况，看尤大的思路，将来很可能使用脚手架创建项目时，打包工具不再是默认的，而是让你 webpack 和 vite 二选一所以，我们就更需要对打包过程有一个大概的了解下面我们就手动实现这一点2. 动手实践SPA 和组件化密不可分，组件化让S
2021-03-10 16:51:18
3461
4
原创 html-webpack-plugin 自动引入 bundle.js
webpack 使用 html-webpack-plugin 简化 html 的创建，此插件会为我们按照指定路径和名称生成一个 html 文件，作为网站的入口文件但是在新版本中，其会自动在 html 文件中添加 bundle.js（出口文件）的引用如下main这样，我们已经手动在 body 中引入了 bundle.js但是打包之后，发现，header 中也被引入了一个 bundle.js有的同学手动引入的时 dist 目录下的 bundle.js，而插件自动引入的时跟目录下的 bun
2021-03-09 15:23:44
931
1
原创 nrm 使用报错
安装 nrm 后，执行 nrm ls 命令，错误如下解决方案：按照错误第4行提示的路径，找到 cli.js的第17行将其修改为const NRMRC = path.join(process.env[(process.platform == 'win32') ? 'USERPROFILE' : 'HOME'], '.nrmrc')即可...
2021-02-22 09:04:12
3323
3
原创 node 使用 ES6 module
默认node.js 使用 commonjs 规范，这也是 node.js 最早使用的模块规范随着 es6 module 的推出和完善，node 从 v13开始原生支持 es6 module，不需要修改文件后缀名所有的内置模块，如 http、fs、url 等都支持 commonjs 和 es6 module 两种模块规范如import url from 'url'import http from 'http'或者只引用模块中的某个方法import {readFile} from
2021-01-26 15:58:20
1196
原创 docsify 生成文档
1、为什么使用docsify我喜欢使用 markdown 编写一些课件还喜欢将课件放到码云上（因为 github 不稳定）但是很显然，这远没有 html 结构浏览器来舒服docsify 小工具完美解决了问题小工具的原理很简单，创建一个 docs 目录，目录中有 index.html、readme.md和一个..nojekyll文件docs目录：建议将所有的 markdown 文件都放在这个目录或其子目录中 readme.md 就是一个说明文件，可以删除 .nokekyi 一个空文
2020-11-24 22:49:42
979
原创 关于 rotate 和 translate 顺序问题
元素默认是按照中心点旋转的旋转90度之后，X和Y轴会交换位置，也就是 X 轴成了 垂直轴，Y轴成了水平轴所以在元素旋转90度之后，如果希望向下平移元素，应该使用 translateX，而不是 translateY如下面代码transform: rotate(90deg) translateX(6px);...
2020-11-18 10:48:47
1127
原创 PHP中的 || 和 or
都是逻辑运算符，主要是运算优先级不一样：||>=>or官方文档：https://www.php.net/manual/zh/language.operators.logical.php可见 赋值运算符的优先级大于or的优先级，而且or也是短路运算符，所以下面代码的运算逻辑如下$link=mysqli_connect('localhost','root','root','blog') or die('连接失败:'.mysqli_connect_error());因为赋值
2020-10-27 13:53:08
653
原创 前端图片压缩
现在手机像素越来越高，某些网站或APP在需要用户上传图片时，如果用户的图片过大，则会导致上传缓慢，等待时间较长，造成最终响应时间较长，用户体验不好，所以，在上传之前，在前端利用JS对文件进行压缩，是很有必要的下面主要是通过 canvas 的 toDataURL 方法对图片进行压缩，某些步骤可以省略另外，此种压缩方式是有损压缩下面是代码<!DOCTYPE html><html lang="en"> <head> <meta charse
2020-10-25 22:55:06
574
原创 H5本地存储
目录1、localStorage2、查看本地存储3、写入数据4、读取数据5、删除某个键在没有学习如果操作数据的情况下，如何将数据存储起来，确保刷新页面或者关闭浏览器，或者重启电脑，数据就丢失呢？使用本地存储可以完美解决这个问题本地存储技术学习起来很简单，就那么几个方法，关键在于理解本地存储其实就是将数据存储在硬盘中浏览器提供了几个API，我们可以使用JS调用这些API，实现本地存储的写入、读取以及删除1、localStoragelocalStorage 对象与前面
2020-10-21 11:00:11
3572
7
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人