Qc1998的博客

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

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

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

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

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

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

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

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

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

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

在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"...

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

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...

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)) ...

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

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

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

通过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...

首先要先创建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...

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