折月的博客

1）pip3 install django-cors-headers2）settings.py INSTALLED_APPS，添加 corsheadersINSTALLED_APPS = ['corsheaders']3）MIDDLEWARE,添加 corsheaders.middleware.CorsMiddlewareMIDDLEWARE_CLASSES =['corsheaders.middleware.CorsMiddleware','django.middleware.commo

Django提供了一套非常方便的类似lingQ的通过对象调用的方式操作数据库表的Orm框架，关于Django Orm的操作方式做下整理。Django Orm 操作主要分为以下几类：增-向表内插入一条数据删-删除表内数据（物理删除）改-update操作更新某条数据查-基本的表查询（包括多表、跨表、子查询、联表查询）其中比较复杂的是表查询，放到最后讲解。下面分类讲解这几种操作方式：1. 增-向表内插入一条数据关于 新增记录的操作这里分为两种方式第一种方式，通过模型对象的save()方法：

adjango中对象转JSON 可以使用 json.dumps(）方法，但当需要转的对象是QuerySet时，此方法报错，这里提供一种新的方式：引入：from django.http import HttpResponsefrom django.core import serializers使用方法： @action(methods=['get'], detail=False) # 自定义action def get_comment_list(self,request):

业务需求：当我们查询子表时想要获取到子表关联的主表数据，或者我们需要查询主表下某个子表所有对应主表记录的数据。功能拆分：创建一个具备外键关联主表的子表 Comment，子表关联查询主表。class Comment(models.Model): """ product_id: 对应商品id p_comment_id: 追加评价时对应 评价 id info: 评价的文本 u_id：评论人 id """ def _

django默认使用sqllite数据库，若需更换数据库需要更改项目配置文件：settings.py：DATABASES = { 'default': { 'ENGINE': 'django.db.backends.mysql', 'NAME': 'test', 'HOST':'127.0.0.1', 'PORT':3306, 'USER':'root', 'PASSWORD':'****'#数据库密

前置条件：django 与Django REST framework 已安装可以通过指令 pip3 list 查看是否安装安装指令：* pip install django * pip install djangorestframework搭建步骤：创建项目 django-admin startproject mysite创建应用python3 manage.py startapp webApi项目settings.py配置引入 Django REST framewor

vue前进加载页面后退缓存数据记录运动位置 以及 destroy替代方案

微信内跳转地址可以获取访问者的信息，包括openid，昵称等信息。本处主要讲免登录静默获取微信访问用户的 openid的方式。非静默类似所谓静默获取是指不去请求访问者手动开启权限，但这种方式只能访问到访问者的openid作为唯一键来区分访问者。首先获取访问者 openid分为两步，1）进入我们页面时需要判断url是否存在code 参数 （微信平台会返回 code 参数，所以我们的页面就不要占用这个参数的命名了）2）若没有code,则使用我们自己微信公众平台的 appid 去访问微信的链接拿到 co

实际移动端项目中遇到，本来在pc端浏览器以及app内显示正常的h5页面，当用手机浏览器打开的时候，浏览器本身的底部栏会遮挡住H5页面的底部操作栏处理方式如下：1）首先获取移动端浏览器窗口的高度 getWindowConfig() { let windowWidth = window.innerWidth; let windowHeight = window.innerHeight; if (typeof windowWidth !== 'number') {

官方文档写的简单：Element 接口的scrollIntoView()方法会滚动元素的父容器，使被调用scrollIntoView()的元素对用户可见。语法：element.scrollIntoView(); // 等同于element.scrollIntoView(true)element.scrollIntoView(alignToTop);// Boolean型参数element.scrollIntoView(scrollIntoViewOptions);// Object型参数首先容器

vue组件异步加载

移动端滚动穿透处理

移动端隐藏滚动条

事件后跟.stop 与.prevent 的作用：.stop 阻止事件冒泡.prevent 阻止事件的默认行为可以连起来用 类似 @touchstart.stop.prevent ，可以起到.stop与.prevent双者的作用项目中遇到需屏蔽移动端长按复制的需求，正常的通过 css -webkit-user-select: none能起到屏蔽作用，但偏偏还遇到有的文本还想保留长按可选择，又不想像京东淘宝那样长按调出复制按钮。但遇到问题是，如果有文本要长按可复制需要单独设置 -webkit-

移动端禁止图片/文字长按默认事件

text-align: justify;text-align-last: justify;

更改input 默认placeholder用到如下伪元素，针对各种平台处理，用的时候直接拷贝进去，对样式做下修改即可：:-moz-placeholder { text-align: right; color: #999999;}::-moz-placeholder { text-align: right; color: #999999;}::-webkit-input-placeholder { text-align: right; color: #9999

一般项目中对接登录需要token验证用户信息，最近架构了一套后端基于.net core的系统框架，下面把过程中集成jwt遇到的问题分享给大家。实现逻辑：登录后利用jwt生成token包含用户基本信息返回给前端前端拿到token后存储在前端，并且每次请求后端接口中传给后端后端可以接收前端传入的token并使用jose进行解析本篇主要讲解后端实现，前端token的存储与传递给后端方式，之后文章将会单独讲解首先第一步，实现登录，并将登陆成功后的用户信息封装到token中，下面附代码：

项目中会遇到UI指定边框用0.5像素的，但实际单纯的border:0.5px solid #ddd;在很多移动端设备上会出现显示异常甚至直接消失，这是不同设备对像素处理的问题。像是很多android识别不了0.5像素就会直接不显示。这里提供一种我用的有效的解决方案：取消按钮的边框，并设置按钮定位 position: relative;为按钮添加 before伪元素，并设置 position: absolute;利用before模拟边框，并且先设置足够能被设备识别的边款，然后进行缩放到想要的边

搜索的时候记录用户搜索历史，开始为了开发方便固定了每个搜索项的宽度，每行固定展示几项，类似下图：但这样虽然开发简单但用户体验肯定不好，如果搜索项比较短的话显示尚且完整，若搜索内容略长，就完全看不出自己之前搜索的是什么。现在要将其改为自适应长度，搜索项最多占用一行，超出一行部分省略，一般情况也不会超出一行。然后当按钮所占行数超过两行则自动隐藏超出部分，显示折叠按钮，可以点开或者折叠超出部分。难点在于，因为搜索项是自适应长度，你无法判断每一行会展示几个搜索项，也无法判断折叠点按钮放在哪一项之后。这个需