- 博客(211)
- 收藏
- 关注
RSS订阅原创 Python继承
1. 实例不能修改类的属性值class Student(): num = 100studentA = Student()studentB = Student()studentA.num = 200 #给实例studentA添加一个num属性，赋值200，并没有修改类Student属性num的值print(studentA.num) # 200print(student...
2019-01-08 17:52:20
294
原创 Python魔法
__call__(self,[,args...]) :允许实例像函数一样执行class Student(): __number = 100 def __init__(self,name,age): self.name = name self.age = age def __call__(self,name,age): p...
2019-01-07 18:04:35
318
原创 Python基础
1.集合 Set，无序，没有索引，不能切片，集合中的元素都是独一无二的{1,2,3,4,5,6,6} # {1,2,3,4,5,6}{1,2,3,4,5,6} - {3,4} # {1, 2, 5, 6}{1,2,3,4,5,6}&{3,4}# {3, 4} 交集{1,2,3,4,5,6} | {3,4,7}# {1, 2, 3, 4, 5, 6, 7}并集2.字典...
2019-01-05 10:37:21
258
原创 myaqli函数
数据库db1中有标t1mysqli_fetch_row:以索引数组的方式获取一条记录的数据<?php$dbhost = 'localhost'; // mysql服务器主机地址$dbuser = 'root'; // mysql用户名$dbpass = 'root'; // mysql用户名密码$conn = mysqli...
2018-12-29 22:51:41
275
原创 mySql指令
查询表t1中id字段是1的内容select * from t1 where id=1;结果按id字段升序（默认是升序）select * from t1 order by id asc;结果按id字段降序select * from t1 order by id desc;ALTER : 删除，添加或修改表字段alter table t1 drop id2;//删除...
2018-12-22 17:23:25
317
原创 webpack插件
1. DefinePlugin 定义全局变量,这个插件是webpack自带的。在 webpack 打包的时候会对这些变量做替换。new webpack.DefinePlugin({ "ENV":'"production"', 'PRODUCTION': JSON.stringify(true), })在js文件中,可以当...
2018-10-11 23:00:57
1145
原创 Vue组件基础
1. provide/inject:两个要组合使用，provide使用的父级组件，inject用在子孙组件，功能相当于React的Context。因为要使用template属性，所以使用import Vue from 'vue/dist/vue.esm'，没用使用import Vue from 'vue'；levelTwo要写在levelOne的前面；当provide的值是jso...
2018-10-10 18:44:55
266
原创 前端路由
vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。当你使用 history 模式时，URL 就像正常的 url，例如 http:/...
2018-10-09 01:12:49
174
转载 vue-router 源码：前端路由
在学习 vue-router 的代码之前，先来简单了解一下前端路由。前端路由主要有两种实现方法：Hash 路由 History 路由先来看看这两种方法的实现原理。接着我们将用它们来简单实现一个自己的前端路由。前端路由Hash 路由url 的 hash 是以 # 开头，原本是用来作为锚点，从而定位到页面的特定区域。当 hash 改变时，页面不会因此刷新，浏览器也不会向服务...
2018-10-09 01:03:29
350
转载 理解浏览器历史记录（2）-hashchange、pushState
阅读目录1. hashchange 2 . pushState本文也是一篇基础文章。继上文之后，本打算去研究pushState，偶然在一些信息中发现了锚点变化对浏览器的历史记录也会影响，同时锚点的变化跟pushState也有一些关联。所以就花了点时间，把这两个东西尽量都琢磨清楚。本文记录相关的一些要点及研究过程。1. hashchange这个部分的内容也已经补充到上文的最后了，...
2018-10-08 20:04:12
654
转载 理解浏览器的历史记录
这是一篇基础文章，讲述一些浏览器里面历史记录栈管理的相关内容。写这个的起因，源于我最近想研究pushState，看看用它来实现SPA会遇到哪些问题，而pushState最终影响的就是浏览器历史记录栈里面的内容，所以就花了点时间琢磨了一下浏览器是如何管理历史记录栈的。因为在研究的过程中，发现了一些曾经不曾注意到一些要点，所以就记录下来了。demo地址：http://liuyunzhuge.git...
2018-10-08 20:01:58
1675
原创 Vue
Vue实例属性1.$data实际访问的是实例的_data属性$props实际访问的是实例的_props属性[email protected]@vue\src\core\instance\state.jsconst dataDef = {} dataDef.get = function () { return this._data } const propsDef = {} pro...
2018-10-05 22:51:38
425
1
转载 深入理解 requestAnimationFrame
原文链接：http://www.cnblogs.com/onepixel/p/7078617.html在Web应用中，实现动画效果的方法比较多，JavaScript 中可以通过定时器 setTimeout 来实现，css3 可以使用 transition 和 animation 来实现，html5 中的 canvas 也可以实现。除此之外，html5 还提供一个专门用于请求动画的 API，即 ...
2018-10-02 23:02:18
290
原创 react-navigation
1. screen组件（也可以理解成路由组件）的props上有一个navigation对象。1.1 navigate()函数：跳转。navigation.navigate({routeName, params, action, key}) //ORnavigation.navigate(routeName, params, action)1.2 state ——The scree...
2018-09-30 23:23:15
263
原创 react 工具包
1.react-document-title 修改title标签内容DocumentTitle只能有一个根节点，标签title的 内容由最内层的DocumentTitle标签决定import React, { Component } from 'react';import DocumentTitle from 'react-document-title';class NewAr...
2018-09-29 17:02:34
589
原创 react-native Android真机测试
先执行react-native start出现错误Unable to resolve module `@babel/runtime/helpers/interopRequireDefault`执行npm i @babel/runtime再次运行react-native start，成功访问http://localhost:8081/index.bundle?...
2018-09-26 19:51:17
605
原创 locale
1.antd 目前的默认文案是英文，如果需要使用其他语言，可以参考下面的方案。import zhCN from 'antd/lib/locale-provider/zh_CN';return ( <LocaleProvider locale={zhCN}> <App /> </LocaleProvider>);2.react-in...
2018-09-23 21:17:20
684
原创 STATE
stateimport React, { Component } from 'react';class Count extends Component{ constructor(props){ super(props); this.state={count:0}; this.increase=this.increase.bind(this); this.dec...
2018-09-11 16:06:49
249
原创 immutable
代码：点击改变名字按钮，打印*****************子组件渲染***************import React ,{Component}from 'react'import { render } from 'react-dom'import { connect, Provider } from 'react-redux'import { createStore } f...
2018-09-11 00:21:25
168
原创 pro2
ant design pro 2将umi.js和dva.js整合到一起了。1. mock文件夹的作用1.1 umi .js约定 mock 文件夹下的文件即 mock 文件mock/user.jsexport default { 'GET /user':{name:"Jack"}}当访问http://localhost:8000/user时，返回{"name":"J...
2018-09-05 01:30:04
390
原创 ant-admin
mock.js和roadhogrc.js实现模拟接口.umirc.mock.js统一配置接口apiexport default { ...require('./mock/common'), ...require('./mock/dashboard'), ...require('./mock/menu'), ...require('./mock/post'), ...r...
2018-09-03 22:34:55
1235
原创 dva
app.model()执行app.model(require('./models/news').default);model/news.jsimport {news} from '../services/example.js'export default { namespace: 'news', state: { list:[1,2,3,4,5,6,7...
2018-08-26 12:54:43
270
原创 Mobx
Mobx与Redux的区别：redux通过dispatch(action)修改state，store.subsribe(render)重新渲染组件Mobx可以直接修改state，当state用@observable装饰器修饰后，每次修改，都会执行autorun(),autorun(() => { ReactDOM.render(<App store={store}/&...
2018-08-23 18:30:17
423
原创 redux-saga
redux-saga put({type: 'INCREMENT'})的返回值是 plain Javascript 对象{ '@@redux-saga/IO': true, PUT: { channel: null, action: { type: 'INCREMENT' } } }call(delay, 1000)返回值是 plain Javascript 对象...
2018-08-23 16:00:01
442
原创 react-router-dom
安装脚手架create-react-appnpm install -g create-react-app创建项目react-learncreate-react-app react-learn启动项目cd react-learnnpm start本次是学习react-router-dom,首先安装react-router-dom包npm install r...
2018-08-16 19:27:48
1012
转载 Vue源码之$mount实现数据挂载（三）
原文链接：https://blog.csdn.net/yayayayaya_/article/details/80888506在vue实例中，通过$mount()实现实例的挂载，下面来分析一下$mount()函数都实现了什么功能。在'src/platforms/web/entry-runtime-with-compiler',$mount函数在Vue的原型上被定义$mount函数的流程...
2018-07-28 11:08:49
1261
转载 面试题：你能写一个 Vue 的双向数据绑定吗？
原文链接：面试题：你能写一个 Vue 的双向数据绑定吗？在目前的前端面试中，vue的双向数据绑定已经成为了一个非常容易考到的点，即使不能当场写出来，至少也要能说出原理。本篇文章中我将会仿照vue写一个双向数据绑定的实例，名字就叫myVue吧。结合注释，希望能让大家有所收获。1、原理Vue的双向数据绑定的原理相信大家也都十分了解了，主要是通过Object对象的defineProper...
2018-07-27 00:01:27
368
原创 angular6 依赖注入 ——学习笔记
文件目录：product1.component.html：<div> <h1>商品详情</h1> <h2>名称：{{product.title}}</h2> <h2>价格：{{product.price}}</h2> <h2>描述：{{product.desc}}<
2018-07-15 23:26:32
1971
原创 angular6 表单验证
按照官网执行npm install -g @angular/cling new my-app再执行ng serve --open报错这是因为没有在my-app文件夹目录下执行，官网的指令是自己执行命令时，少写了 cd my-app。模板表单有三个指令：ngForm 、ngModelGroup和ngModel,都是来自FormsModule，因此要在app.module.ts中， 1.导...
2018-07-11 00:15:28
7624
原创 兼容IE8
1. backgound-size：利用img标签absolute定位，z-index:-1;<!DOCTYPE html><html><head><meta charset="utf-8"><title>img充当背景</title><style type="text/css"
2018-07-08 23:56:43
254
转载 Promise异步编程
原文链接：http://www.cnblogs.com/imwtr/p/5916793.html#top系列文章 -- ES6笔记系列 很久很久以前，在做Node.js聊天室，使用MongoDB数据服务的时候就遇到了多重回调嵌套导致代码混乱的问题。JS异步编程有利有弊，Promise的出现，改善了这一格局，让异步编程表现出类似“同步式代码”的形式，更好地体现了它的价值。 一、基本概念1. Prom...
2018-06-02 22:00:31
175
转载 Generator生成器函数
原文链接：https://www.cnblogs.com/imwtr/p/5913294.html系列文章 -- ES6笔记系列 接触过Ajax请求的会遇到过异步调用的问题，为了保证调用顺序的正确性，一般我们会在回调函数中调用，也有用到一些新的解决方案如Promise相关的技术。在异步编程中，还有一种常用的解决方案，它就是Generator生成器函数。顾名思义，它是一个生成器，它也是一个状态机，内...
2018-06-02 20:48:53
532
转载 当 better-scroll 遇见 Vue
原文链接：http://www.imooc.com/article/18232在我们日常的移动端项目开发中，处理滚动列表是再常见不过的需求了，以滴滴为例，可以是这样竖向滚动的列表，如图所示：也可以是横向滚动的导航栏，如图所示：可以打开“微信 —> 钱包—>滴滴出行”体验效果。我们在实现这类滚动功能的时候，会用到我写的第三方库，better-scroll。什么是 better-scrol...
2018-05-29 23:24:38
155
原创 项目积累
局部滚动：当position：absolute的父级元素没有定位时，相对于视口，j高度=视口高度-top,overflow:hidden;这是因为溢出内容撑开视口高度，使得浏览器出现滚动条[css] view plain copy.list overflow:hidden position :absolute top: 1.58rem left :0 rig...
2018-05-25 07:28:49
318
原创 VUEx
当执行点击事件时，dispatch触发action中的changeCity函数，再通过commit()执行mutations中的changeCity.因为没有异步操作，没有必要执行action，可以直接执行commit()语法糖： computed:{ ...mapState({ currentCity:'city' }) }相当于:computed...
2018-05-23 23:08:18
160
转载 彻底理解浏览器的缓存机制
原文链接：https://heyingye.github.io/2018/04/16/%E5%BD%BB%E5%BA%95%E7%90%86%E8%A7%A3%E6%B5%8F%E8%A7%88%E5%99%A8%E7%9A%84%E7%BC%93%E5%AD%98%E6%9C%BA%E5%88%B6/概述浏览器的缓存机制也就是我们说的HTTP缓存机制，其机制是根据HTTP报文的缓存标识进行的，所...
2018-05-22 16:47:30
515
原创 XSS和CSRF
XSS基于存储的攻击：在评论去和留言板中输入信息，提交后保存到数据库，再次刷新页面时，加载留言内容，实现攻击。<input type="textarea" value="" />假如从服务端得到的value值是"/><script>alert('123')</script><!--HTML内容就变成了<input type="
2018-05-22 13:05:59
169
转载 CSS3动画详解（图文教程）
原文链接：http://www.cnblogs.com/smyhvae/p/8435182.html本文最初发表于博客园，并在GitHub上持续更新前端的系列文章。欢迎在GitHub上关注我，一起入门和进阶前端。以下是正文。前言本文主要内容：过渡：transition2D 转换 transform3D 转换 transform动画：animation过渡：transitiontransition的...
2018-05-22 09:29:32
7176
5
原创 git入门
1.1创建用户名和联系方式git config --global user.name NightEmperorgit config --global user.email 772052***@qq.com1.2进入e盘的learngit目录： cd e:\learngit创建git仓库：git init在文件目录E:\learngit下，创建index.txt文件执行git status。Untr...
2018-05-06 00:44:53
1457
原创 CSS3弹性盒子笔记
老马CSS3弹性盒子笔记flex-direction属性决定主轴的方向<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> html,body,div{ padding
2018-04-27 23:23:00
427
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人