自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 收藏
  • 关注

原创 react 学习笔记(五):表单

React 中有约束性组件和非约束性组件非约束性组件:使用 defaultValue 代表组件的值,react 不会管理该组件的输入过程约束性组件:使用 value 代表组件的值,这个值不是写死的内容,需要给这个组件绑定 onChange 事件来管理这个组件的输入主要了解各种表单控件如何作为约束性组件在 react 中进行管理, 完整例子附在最下方text将 value 属性绑定...

2020-02-13 20:20:28 313

原创 react 学习笔记(四):事件与this指向问题

react 事件绑定以绑定一个点击事件为例, 在需要绑定点击事件的元素上添加 onClick 属性,值为需要触发的函数,如class Home extends Component { constructor(props) { super(props); } sayHello(){ alert('Hello') } render() { retur...

2020-02-10 22:08:39 216

原创 react 学习笔记(三):JSX

JSX 基本用法JSX 是一种 JavaScript 的语法拓展,react 中组件渲染内容通常使用 JSX 表示。JSX将 html 标签与 JavaScript 表达式混合在了一起,通过 {} 将 JavaScript 表达式嵌入到元素之中。如const msg = ‘Hello World’;const element = <h1>{msg}</h1>Rea...

2020-02-04 09:58:07 241

原创 WebGL学习笔记(二):利用缓冲区动态绘制多个点

上一个程序中,只实现了静态的单点绘制的,点的位置和颜色都是写死在着色器中的。如果想要动态的显示点,将交互添加进去,我们就需要实现使用 JavaScript 向着色器中传值,这就需要使用到缓冲区。在上一个程序基础上,实现点击时生成随机颜色点的效果。一、修改着色器代码我们需要将着色器中创建几个变量。着色器中一共有三种变量类型attribute: 只能在顶点着色器中声明和使用,常用来存放顶点...

2019-12-08 17:42:09 343

原创 WebGL学习笔记(一):绘制单个点

WebGL 应用必须包含 canvas 标签,着色器,与JavaScript程序。 canvas 提供运行载体,JavaScript 程序提供数据,着色器控制这些数据的显示形式。一、创建一个 canvas 标签并获取 WebGL 绘图环境。 <canvas id="canvas"></canvas> <script> var cana...

2019-12-05 15:39:04 201

原创 react 学习笔记(二):react 组件创建与传值

react 中,创建组件有两种方式,函数组件和class组件函数组件函数组件通过编写JavaScript函数创建,创建组件中较为简单的方法,以创建一个 Hello 组件为例function Hello(){ return (<h1>Hello World</h1>)}函数名就是组件的名称,return的内容就是需要渲染的内容,使用的JSX语法。...

2019-11-02 15:39:07 158

原创 react 学习笔记(一):react项目创建及目录结构

react 项目创建首先安装脚手架工具,create-react-appnpm install –g create-react-app安装完成后,执行create-react-app 项目路径执行完成后一个 react 项目就在指定的路径下创建react目录结构react项目创建完成后的目录结构如图:主要看 public 和 src 文件夹中的文件:p...

2019-11-01 14:39:00 1701

原创 js 事件绑定传入自定义参数

使用原生 js 编写组件时遇到了这个问题,记录一下。问题描述有一个函数 a() , 我希望在点击的时候调用,a() 函数需要的参数除了触发点击的事件外,还需要一个额外的对象 obj。为元素添加监听器,可以这么写:document.getElementById('test').addEventListener('click',a)但是,问题就出现了,事件触发时只会把事件作为第...

2019-09-23 00:35:57 3554 3

原创 axios(ajax),springboot 跨域携带session

前端发送跨域请求时默认是不会携带cookie的,后端无法获得sessionId。要解决这一问题,前后端配置分别如下前端配置前端通过设置withCredentials: true来解决。如果是在vue中使用axios,需要设置axios.defaults.withCredentials = true如果使用的是jQuery的ajax方法$.ajax({ url : '...

2019-09-01 19:21:35 2269

原创 nodejs爬虫

本文主要通过 superagent 和 cheerio 实现nodejs爬虫。使用superagent获取网页信息,再通过cheerio解析网页内容。以获取笔趣阁小说为例:首先安装安装superagent和cheerionpm i superagent --savenpm i cheerio --save 先简单地获取整页网站的内容var cheerio = requ...

2018-10-18 23:26:55 756 1

原创 html 实现拖放

在HTML5中元素自带拖拽属性。Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。示例&lt;body&gt; &lt;div id="dragA" style="width:100px;height: 100px;background-color: blue;border: 1px black solid"...

2018-09-19 16:20:27 357

原创 linux图形界面开启与关闭

开启       Startx或 init 5关闭       Init3       也可以选择切换一个工作区,图形界面一般默认运行在tty1,只需切换一个tty就会来到文字界面 CTRL + ALT + [F1-F6] (分别对应tty1-tty6) ...

2018-06-18 22:21:52 3055

原创 linux查看帮助

Linux查看帮助主要有三种方法。(以date指令为例)1.—helpdate --help 2.man       man date //跳转至date的帮助文档       man –f date //输出date相关的文档       man 1 date //显示编号为1的date的文档       man –k date //输出含date关键字的文档whatis //同man-fapr...

2018-06-18 22:20:02 334

原创 python批量压缩图片

import osdef pic(file_dir): filenames = os.listdir(file_dir) flag = 0 for files in filenames: img = Image.open(file_dir+'/'+files) img.thumbnail((500,500)) ...

2018-05-12 22:13:48 374

原创 django中运行单个py文件

在django中,如果只单独运行一个py文件就会报错ImportError: attempted relative import with no known parent package我们需要在django环境中运行它解决方法如在mysite文件下有一个getinfo.py文件python manage.py shellimport mysite.getinfo这样就会运行getinfo.py...

2018-05-07 15:13:52 1983 2

原创 django和安卓应用(java)数据交互

遇到了一个问题,通过java发送post请求到django后台,但是djangorequest.POST.get('email')获得结果为none之后了解到java发送到django后台的数据为字节流,尝试用print(request.body)输出的结果为字节流解决方法将得到的数据转换先转换为字符串,再转换为jsondef applogin(request): req = reques...

2018-04-25 10:34:26 1571 1

原创 vue实现语言的自动转换并记忆所选的语言

记忆所选语言vue实现语言转换使用了vue-i18n,因为不记录用户上次所用的语言那么刷新后页面有回到了初始状态,我使用localStorage存储。main.js中const i18n = new VueI18n({ locale: localStorage.lang, messages:{ …… }})当我们点击自己定义的语言转换按钮时,函数内 localS...

2018-04-24 10:06:03 537

原创 vue实现语言转换

通过vue-i18n实现的语言的转换首先自然要先安装vue-i18nnpm install vue-i18n安装完成后再main.js中使用vue-i18nimport VueI18n from 'vue-i18n'import en from '../static/lang/en'import zhCHS from '../static/lang/zhCN'import zhCHT fro...

2018-04-24 09:51:40 821

原创 django实现用户的登录与注销(session)

首先要先创建User数据模型class User(models.Model): username = models.CharField(max_length=20) password = models.CharField(max_length=20) email = models.CharField(max_length=40)实现用户的注册在view中def regist...

2018-04-20 16:37:40 5388

原创 html通过js解析xml

主要通过XMLHttpRequest()解析XML文件。xmlHttp = new XMLHttpRequest() //创建一个请求xmlHttp.opne("get","url",false)    //请求的内容xmlHttp.send()                       //发送请求xmlDom = xmlHttp.responseXML        //从请求中...

2018-04-18 22:50:26 880

原创 django和vue数据交互

我使用的是jQuery的ajax与django进行数据交互,遇到的问题是django的csrf传输数据的方法如下: $(function() { $.ajax({ url: 'account/register', type: 'post', dataType:'json', data: $('#f...

2018-04-14 20:49:15 5623

原创 vue+django+nginx部署

当通过vue-cli完成了一个vue项目时,通过npm run build 指令将项目打包,这时候就会将文件集中到dist文件夹中,我们需要将这个文件夹放在django的目录下。首先配置urls.py文件,加入from django.views.generic import TemplateViewurlpatterns = [ …… path('',TemplateView.a...

2018-04-14 20:11:49 3291

原创 vue-cli初探

首先按照官方文档上的步骤创建一个vue的项目# 全局安装 vue-cli$ npm install --global vue-cli# 创建一个基于 webpack 模板的新项目$ vue init webpack my-project当运行vue init webpack my-project时,需要填写和选择一些信息,我是这样选择的? Project name my-project?...

2018-04-11 23:03:04 142

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除