一个半路出家的人-CSDN博客

原创 webpack4,vue开发环境,生产环境打包配置

一，node知识补充__dirname:当前模块的目录名。与 __filename 的 path.dirname() 相同。console.log(__dirname);// 打印: /Users/mjrconsole.log(path.dirname(__filename));// 打印: /Users/mjrpath.resolve([…paths]):path.resolve...

2019-11-05 15:57:07 1555 2

原创 python小知识点

1,lambda(匿名函数) func=lambda x:x+1形如上面,一般定义函数的方式是 def myF():但是上面定义函数的方式是拿匿名函数 lambda关键字,后面紧跟变量,冒号后面是函数返回值(通过这样的方式可以定义简单的函数)2,python的中三元表达式value = True if condation else False上面的式子等价于if...

2019-08-22 18:07:56 254

转载 Python-Tkinter几何布局管理（转）

　　所有的Tkinter组件都包含专用的几何管理方法，这些方法是用来组织和管理整个父配件区中子配件的布局的。Tkinter提供了截然不同的三种几何管理类：pack、grid和place。pack()　　pack几何管理采用块的方式组织配件，在快速生成界面设计中广泛采用，若干组件简单的布局，采用pack的代码量最少。pack几何管理程序根据组件创建生成的顺序将组件添加到父组件中去。通过...

2019-08-21 16:07:09 331

原创 python + flask + sqlite3做一个小博客

背景:最近刚学习完python的基本语法,就迫不及待想去做一些小项目。由于我是做前端的，对服务器比较感兴趣，就寻思着做一个后台服务。正好有个flask框架可以学习一下。Flask官方文档（官方文档上还是有许多坑的，不过通读一遍还是能学习到很东西）1、代码结构/flaskr /templates lay_out.html login.html...

2019-08-02 10:05:48 5466

原创 Python求圆周率(蒙特卡洛方法)

初学python,今天尝试用蒙特卡洛方法算一下圆周率蒙特卡方法:蒙特卡洛方法是利用随机试验求解的问题。如上图,在正方形内随机撒点，我们用园内点的数量除以整个点的数量就是面积的比，即四分之π。代码如下from random import randomfrom time import perf_counterDARTS = 10000 * 10000 # 撒点总个数...

2019-07-29 15:05:42 13539 1

转载 vue 多页面环境搭建

自从习惯开发了单页面应用，对多页面的页面间的相互跳转间没有过渡效果、难维护极度反感。但是最近公司技术老大说，当一个应用越来越大的时候单页面模式应付不来，但是没讲怎么应付不来，所以还得自己去复习一遍这两者的区别：这样对比的话，单页面的优势确实很大，但当我自己去打开某宝，某东的移动端页面时，确实它们都是多页面应用。为什么？我能想到的就几点：1.单页面使用的技术对低版本的浏览器不友...

2019-06-12 16:33:19 498

转载 MongoDB命令大全

一、MongoDB简介简单介绍一下MongoDB：传统的关系数据库（如mysql）一般由数据库（database）、表（table）、记录（record）三个层次概念组成，MongoDB是由数据库（database）、集合（collection）、文档对象（document）三个层次组成。MongoDB稳定MongoDB支持索引，索引放在内存中，能够提升随机读写的性能。如果索引...

2019-05-16 15:41:55 22055

背景:最近在做一个移动端手写签名的功能。需求是将手写签名生成图片存到后台,实现步骤:canvas画图,生成base64,将base64转为file对象。1,canvas具体怎么实现手写签名,不在细讲,主要是touchmove.touchstart,touchend事件和canvas画笔工具结合,生成base64,原生方法toDataURL(),就可以将其转化为base64。以上不是重点，重点是...

2019-05-16 15:15:16 11539

原创 MogoBD安装,配置

一,下载&安装Mongodb官网根据你的系统下载 32 位或 64 位的 .msi 文件，下载后双击该文件，按操作提示安装即可。安装过程中，你可以通过点击 "Custom(自定义)" 按钮来设置你的安装目录。下一步安装 "install mongoDB compass" 不勾选，否则可能要很长时间都一直在执行安装，MongoDB Compass 是一个图...

2019-05-05 08:38:42 452

转载 RSA加密算法解读

图为 RSA公开密钥算法的发明人,从左到右Ron Rivest, Adi Shamir, Leonard Adleman. 照片摄于1978年　　 RSA加密算法是最常用的非对称加密算法，CFCA在证书服务中离不了它。但是有不少新来的同事对它不太了解，恰好看到一本书中作者用实例对它进行了简化而生动的描述，使得高深的数学理论能够被容易地理解。我们经过整理和改写特别推荐给大家阅读，希望能够对时间...

2019-04-29 18:04:56 1283

转载前后台交互加密方式

一、登录机制粗略地分析，登录机制主要分为登录验证、登录保持、登出三个部分。登录验证是指客户端提供用户名和密码，向服务器提出登录请求，服务器判断客户端是否可以登录并向客户端确认。登录认保持是指客户端登录后，服务器能够分辨出已登录的客户端，并为其持续提供登录权限的服务器。登出是指客户端主动退出登录状态。容易想到的方案是，客户端登录成功后，服务器为其分配sessionId, 客户端随后每次请...

2019-04-29 18:03:36 9574 2

转载 git常用命令

复制/粘贴:ctrl+inster / shift+inster1、常用命令行工具： ①cmd ②powershell ③git bash2、命令行常用命令（在git bash上生效，部分在cmd无用） -pwd (print working directory) 查看当前所在路径--绝对路径 -cd(change directory) 切...

2019-04-29 10:06:51 135

原创 webpack 引入模块import 后面加入{}和不加大括号有什么区别

export default命令用于指定模块的默认输出。显然，一个模块只能有一个默认输出，因此export deault命令只能使用一次。所以，import命令后面才不用加大括号，相反其它的export 输出可以有多个，且import时必须加大括号也就是说，通过import xxx from "..."引入的，xxx已经是默认导出项的别名了。而import { xxx } from ...

2018-12-19 18:04:30 3802

原创 Vue---父子组件传值

预备知识:用vue-cli搭建好环境,会创建注册组件1,父子组件向子组件传值创建子组件  <template> <div> <h1>会员中心的子组件</h1> <h1>{{msgFromFather}}</h1><!--

2018-12-12 21:36:25 114

原创 ES6---模板字符串

1,之前JavaScript输出字符串,通常是: $("#result").append( "He is <b>"+person.name+"</b>"+"and we wish to know his"+person.age+".That is all" );大量用到""和+ 不是很方便模板字符串,用``(

2018-12-12 20:35:33 269

原创 JavaScript剩余参数

JavaScript剩余参数剩余参数语法允许我们将一个不定数量的参数表示为一个数组。剩余参数语法允许我们将一个不定数量的参数表示为一个数组。function sum(...theArgs) { return theArgs.reduce((previous, current) => {return previous + current;});}console.log(sum(1...

2018-12-10 17:27:24 1367

转载 javaScript异步加载

一、同步加载与异步加载的形式 1. 同步加载我们平时最常使用的就是这种同步加载形式：<script src="http://yourdomain.com/script.js"></script> 同步模式，又称阻塞模式，会阻止浏览器的后续处理，停止了后续的解析，因此停止了后续的文件加载（如图像）、渲染、代码执行。 js 之所以要同步执行，是因为 j...

2018-12-06 20:18:36 537

原创 Git的配置,上传项目到gitHub,超详细教程

你需要先了解的一些基本知识1.Git的作用：虽然人生不能重复，但GIT可以在我们人生的内部实现部分倒流效果，比如可以让程序员方便的保存代码的版本，并且能够快速的切换到指定的版本，如果新代码出现错误，可以再次回到过去，如同通关游戏，打到某个比较好的战绩可以保存一下，防止失败后，又要重新开始。不少初学者会把Git和GitHub混为一谈，甚至有些公司招聘的信息也会将它们混淆，尽管确实有一些共...

2018-11-30 15:02:25 4378 2

转载 git 提交失败

git---提交失败hint: Updates were rejected because the remote contains work that you dohint: not have locally. This is usually caused by another repository pushinghint: to the same ref. You may want to ...

2018-11-29 08:51:57 2693

原创配置webpack及使用超详细

Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。从图中我们可以看出，Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件，减少了页面的请求。接下来我们简单为大家介绍 Webpack 的安装与使用。*安装环境 1,本地环境支持node.js ,在cm...

2018-11-22 22:23:43 1512

原创 vue-route

Vue路由是指：根据不同地址，创造不同页面。如单页面应用，不刷新整个页面，不频繁请求，请求数据，通过js操作（ajax），如：切换两个不同图片，不同地址，只需第一次需要请求，第2次共用请求资源，只需再请求一张图片即可 vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和...

2018-11-22 01:28:50 7398

原创 Vue-resource的用法

使用Vue-resource发送http请求1.vue-resource特点1 体积小　　vue-resource非常小巧，在压缩以后只有大约12KB，服务端启用gzip压缩后只有4.5KB大小，这远比jQuery的体积要小得多。 2 支持主流的浏览器　　和Vue.js一样，vue-resource除了不支持IE 9以下的浏览器，其他主流的浏览器都支持。 3 支持Promise...

2018-11-21 01:00:00 885

原创谈谈VUE种methods watch和compute的区别和联系

从作用机制和性质上看待methods,watch和computed的关系图片标题[原创]:《他三个是啥子关系呢？》首先要说，methods,watch和computed都是以函数为基础的，但各自却都不同而从作用机制和性质上看,methods和watch/computed不太一样，所以我接下来的介绍主要有两个对比：1.methods和(watch...

2018-11-19 22:50:42 401

原创 vue指令,循环,

1、创建一个vue实例 vue的一个特点就是数据驱动界面，一旦对js中的数据进行修改，界面中用到数据的地方也会立马做出更改。为了对界面进行操纵，需要先获取到界面的标签元素，并实例化一个vue实例。例如HTML中有一个div： <div id="app"> <p>{{msg}}</p> </div>...

2018-11-16 00:44:39 227

原创 LESS

简介Less 是一个 CSS 预处理器，让 CSS 具有动态性。另一方面，Bootstrap 是一个快速开发 Web App 和站点的工具包。在本教程中，我们将讨论了有关使用带有 Less CSS 的 Bootstrap 知识。这样，您可以在 CSS 中使用 Bootstrap 的 Less 变量、混合（mixins）和嵌套（ nesting）。包含哪些内容:feature(基本特...

2018-10-30 21:26:03 217

原创前端插件jquery.singlePageNav.min.js(导航点击菜单跳转与点击缩放菜单折叠按钮缓冲效果插件)

Bootstrap导航点击菜单跳转与点击缩放菜单折叠按钮缓冲效果插件jquery.singlePageNav.min.js引入步骤：<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script><script src="js/bootstrap.min.js">...

2018-10-29 11:19:18 2975

原创 bootstrap(一)

bootstrap是一个前端框架,包括:基本结构,bootstrap CSS,Bootstrap 布局组件,bootstarp插件几个部分.基本结构包括:栅格系统,连接样式,背景的基本结构,CSS: bootstrap子代以下特性:全局的css设置,定义基本的HTML元素样式,可扩展的class,以及一个先进的网格系统组件: 有十几个组件,包含创建图像,下拉菜单,导航,警告框,弹出框...

2018-10-28 23:06:15 793

原创 web移动端 touchstar事件,touchmove事件 touchend事件

web移动端开发中常用的三个事件,现在的智能机都是触屏操作.所以触摸在移动端的开发中几乎无处不在,下面介绍移动开发中常用的几个事件touchstart事件：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发。touchmove事件：当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间，调用preventDefault()事件可以阻止滚动。touchend事件：当手指从屏幕上...

2018-10-23 23:04:56 1281

转载 meta name="viewport" content="width=device-width,initial-scale=1.0" 究竟什么意思

meta name="viewport" content="width=device-width,initial-scale=1.0" 解释 <meta name="viewport" content="width=device-width,initial-scale=1.0"> content属性值 : width:可视区域的宽度，值可为数字或关键词de...

2018-10-23 00:07:44 62089 3

原创 Canvase

一、canvas简介 <canvas> 是 HTML5 新增的，一个可以使用脚本(通常为JavaScript)在其中绘制图像的 HTML 元素。它可以用来制作照片集或者制作简单(也不是那么简单)的动画，甚至可以进行实时视频处理和渲染。它最初由苹果内部使用自己MacOS X WebKit推出，供应用程序使用像仪表盘的构件和 Safari 浏览器使用。后来，有人通过Geck...

2018-10-18 22:50:11 1848

原创 localStorage、sessionStorage

一、什么是localStorage、sessionStorage在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。二、localStorag...

2018-10-17 23:32:27 90

转载 background c3属性

1. 回顾一下之前学习过的background属性 1.1 background-color 1.2 background-image 1.3 background-repeat 1.4 background-position 1.5 background-attchment 1.6 background 2. CSS3新增的bac...

2018-10-15 22:07:53 404

原创 fullPage插件

参考网址：http://www.dowebok.com/77.html 上面有详细介绍及案例展示　　一、简介　　　fullPage.js 是一个基于jQuery的插件，它能够很方便、很轻松的制作出全屏网站，主要功能有：　　　　1.支持鼠标滚动　　　　2.多个回调函数　　　　3.支持手机、平板触屏事件　　　　4.支持css3动画　　　　5.支持窗口缩放　　　　6.窗...

2018-10-11 21:48:23 1438

原创 css3样式

一、transformcss3引入了一些可以对网页元素进行变换的属性，比如旋转，缩放，移动，或者沿着水平或者垂直方向扭曲（斜切变换）等等。这些的基础都是transform属性transform属性有一项奇怪的特性，就是它们对于其周围的元素不会产生影响。换句话说，如果将一个元素旋转45度，它实际上是重叠在元素的上方，下方或者旁边。而不会移动其周围的内容。旋转：transform:rota...

2018-10-11 00:29:27 536

原创 jQuery知识点总结

第一部分:1,DOM对象和jquery对象通过$()函数,jQuery()函数获取的对象都是js对象, 用$(dom)包裹dom对象,可以将dom对象转变为jquery对象 jquery对象常用方法,eq方法(下标获取元素),index()获取对象的下标2,选择器基本选择器: 标签,类 id选择器, 交集并集层级选择...

2018-09-28 22:23:20 144

原创正则表达式

正则表达式1.关于正则表达式　　处理字符串时，有很多较为复杂的字符串用普通的字符串处理函数无法干净的完成。比如说，可能需要验证一个Email地址是否合法，为此需要查看许多不容易检查的规则。这正是正则表达式的用武之地。正则表达式是功能强大而简明的字符组，其中可以包含大量的逻辑，特别值得一提的是正则表达式相当简短。2.正则表达式的用处　　测试用户名(必须由字母数字下划线组成)　　户...

2018-09-25 22:22:52 108

原创 JavaScript写贪吃蛇

分析:游戏中有三个对象:地图(map), 食物(food), 蛇(snake)地图很简单就是一个div盒子,给样式即可,蛇,和食物都是属于地图中的元素,相对于地图不断改变自己的坐标值,不要忘了给地图定位食物1,食物的构造函数, 属性===width,height,backgroundColor,left,top,2,方法======init()初始化方法, 食物的位置在map...

2018-09-19 22:23:46 901

原创 js中构造函数,原型,和实例化对象

1,构造函数创建对象造成的内存浪费,和原型的引入 function Person(name,age){ this.name = name; this.age = age; this.introduce = function(){ alert('我是'+this.name) }; } ...

2018-09-18 21:04:40 4970

原创三大系列offset,scroll,client

1,offset系列通过style的方式获取属性值,只能获取在标签中写的值(因为这个值没有单位) offset 系列: offsetWidth:获取元素的宽,没有单位 offsetHeight:获取元素的高,没有单位 offsetLeft:获取向左定位值offsetTop:获取向上定位值当父元素,子元素都没有脱离文档流时 offsetLef 为父盒子margin + ...

2018-09-17 21:15:47 269

原创 js事件冒泡和阻止事件冒泡

1,什么是事件冒泡有层级关系的一连串的盒子都添加了事件,触发子盒子的事件是,该子盒子的父级及以上的元素的事件也会被触发;如下面的代码,当我们点击子盒子dv3时,父盒子dv2,dv1的点击事件也会被触发,这就是事件冒泡<head> <meta charset="UTF-8"> <title>事件冒泡</title> ...

2018-09-13 10:36:54 3043

空空如也

空空如也