自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

PresByter的博客

PresByter的博客

原创 重读HTML

从输入URL到页面展示,这中间发生了什么?从一张图讲起合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入从一张图讲起用户输入URL,浏览器会根据用户输入的信息判断是搜索还是网址,如果是搜索内容,就将搜索内容+默认搜索引擎合成新的URL;

2020-06-03 10:18:27 58

原创 VSCode中的git使用篇

基本上使用在一个目录下clone项目;git clone XXXXXX.git使用VScode 打开项目右击通过Code打开。使用vscode提交代码打开下面视图,添加一行文字## 测试提交点击 + ;相当于git add .点击对号;等于git commit -m "备注信息";右边的箭头输入需要备注的信息。然后按 Enter 确定。回车之后,然后我们可以看到。所有的...

2020-04-27 11:29:08 1176

原创 React 的 一路记忆

受控组件 vs 非受控组件受控组件:表单元素状态由使用者维护非受控组件:表单元素状态DOM自身维护理解 JSX:是模板语言f只是一种语法糖jsx:在js代码中直接写HTML标记,其本质:动态创建组建的语法糖。在jsx中使用表达式jsx 本身也是表达式const e=<h1>eee</h1>;3. 在属性中使用表达式<View f...

2020-04-23 18:12:30 99

原创 react+ts+mobx+router+antd

安装npx create-react-app my-app --template typescript# oryarn create react-app my-app --template typescriptyarn# ornpm i# 添加路由npm install --save react-router-dom# 暴露路由yarn run eject# 支持less...

2020-03-26 09:03:39 209 3

原创 从零搭建vue 项目(一)

从零搭建vue 项目(一)我的博客首先4个官方文档VueVue CLIVue RouterVuex创建vuedemo的项目npx @vue/cli create vuedemocd vuedemoyarn run serve or npm run serve项目结构项目中的vue各个版本号"dependencies": { "@vue/cli...

2019-10-12 16:55:48 143

原创 埋点统计

body 监听点击时间。但是要计算点击位置。开源的系统countly页面热区统计百度埋点

2019-09-25 13:53:26 292

原创 ubuntu下nginx配置不生效,页面一直是默认页面welcome to nginx

ubuntu下nginx的配置文件所在目录:/etc/nginx我们对nginx的配置主要写在nginx.conf文件里,这个目录下还有conf.d和sites-enabled两个文件夹,里面为默认的配置文件。相应的,在配置nginx,编辑nginx.conf文件时,需要把这两行注释掉,否则nginx.conf不会生效。配置完毕后,检查配置文件是否正确:nginx -t 重启ng...

2019-09-11 16:29:44 1049

原创 react 脚手架 run eject 之后 打包生成map文件 体积过大

react 脚手架 打包生成map文件 体积过大写在前面,map文件是帮助我们查看报错的位置的。map文件由devtool属性控制,然后全文搜索devtool。发现在webpack.config.js文件 150 行的位置。这里不建议注释掉(虽然网络上有很多人这么说).这里代码表现为:devtool: isEnvProduction ? shouldUseSourceM...

2019-08-21 11:26:46 343

原创 less 简单用法

数组使用的核心思想 容器的特点: 1.固定长度 2.元素都有索引 什么时候使用容器呢?数据多了,必须先进行存储,然后进行操作。 对于数组容器什么时候使用呢?数据多,个数确定,而且有对应关系。 在分析需求时: 1.需求中的数据是否有对应的有序编号? 2.需求中的数据是否需要有序的编号? 如果有,就用数组存储。

2019-07-25 22:17:52 53

原创 阿里云开发工具汇总

阿里云Ubuntu16.04 安装pipwget https://bootstrap.pypa.io/get-pip.pypython get-pip.py阿里云Ubuntu16.04 python升级阿里云Ubuntu16.04 python升级阿里云ubuntu 16.0402 安装mysql阿里云ubuntu 16.0402 安装mysql阿里云部署web项目不分先后顺序...

2019-07-04 11:23:16 226

转载 阿里云Ubuntu16.04 python升级

Quick CheckIs at least Java 1.8 installed?Does executing java -version on command line / command prompt return 1.8 or greater?If not, please install Java 8+ and make it the default. (Java 7 will a...

2019-07-04 10:26:14 225

转载 阿里云ubuntu 16.0402 安装mysql

项目中不合理的地方不理解(沟通、操作方式等)自身的问题(工作时间等问题)自身的期望

2019-07-03 11:49:20 78

转载 如何重启MySQL,正确启动MySQL

RedHat Linux (Fedora Core/Cent OS)1.启动:/etc/init.d/mysqld start2.停止:/etc/init.d/mysqld stop3.重启:/etc/init.d/mysqld restartDebian / Ubuntu Linux1.启动:/etc/init.d/mysql start2.停止:/etc/init.d/mysql ...

2019-06-08 23:49:19 17498

原创 python实战-VScode环境搭建

安装pipienvpip install pipenvpipenv install pipenv install flask

2019-05-14 11:30:08 925

原创 vue SEO优化

第一,ssr,vue官方文档给出的服务器渲染方案,这是一套完整的构建vue服务端渲染应用的指南,具体参考https://cn.vuejs.org/v2/guide/ssr.html第二,vue-meta-info,这个是针对单页面的meta SEO的另一种思路,参考网站 https://zhuanlan.zhihu.com/p/29148760第三,nuxt 简单易用,参考网站 https:/...

2019-04-23 14:23:25 641

原创 web端直传阿里云Vue

Jdk地址官方文档由于安全性不建议使用此方法1.设置跨域参考官方文档https://www.alibabacloud.com/help/zh/doc-detail/32069.htm?spm=a2c63.p38356.b99.394.492b5738ZBBcex注意切记:否则报错4042.代码奉上<template> <div>阿里云直传 ...

2019-04-01 14:39:09 434

原创 汇编语言

基础知识1.1机器语言计算机的机器指令是一列二进制数字。计算机将之为转变为一列高低电平, 以使计算机的电子器件受到驱动,进行运算。1.2 汇编语言的产生程序员→ 汇编指令→ 编译器→机器码→计算机1.3 汇编语言的组成汇编指令:机器码的助记符,有对应的机器码伪指令:没有对应的机器码,有编译器执行,计算机并不执行其他符号:如+、-、*、/ 等,由编译器识别,没有对应的机器码1....

2019-03-21 19:10:57 113

原创 nginx部署多个vue项目

上一篇已经介绍了然后配置web项目;今天由于公司需求,需要在同一域名端口下,部署两个项目;今天花了一上午终于弄好了,选择赶紧做一个笔记。如何连接阿里云服务器就不在这里说了,请看我以前的文章。首先需要的效果http://47.97.244.83/loginhttp://47.97.244.83/student/login文件目录两个项目并列在同一文件夹内。准备好两个vue的项目...

2019-03-18 17:13:19 11684 5

原创 前端项目部署到阿里云

由于本人是个前端这里只介绍前端项目的部署(后台的部署见下一篇)准备工作下载两个软件Xshell和Xftp(也可以使用WinSCP;我使用的是windows系统)购买阿里云,看需要选配置吧,系统一般选Ubuntu和CentOS;我选的是Ubuntu;登录阿里云点击控制台点击左侧【云服务器ECS】—>[实例]注意下图-标记的地方是你登录阿里云的域名使用Xshell打开软...

2019-01-21 18:48:00 3891

原创 阿里云部署web项目

开始(额,主要是自己忘了,别人可以跳过)修改终端登录密码:在实例里面,有一个更多,来管理密码安装yumyum安装cd /usr/local/src (进入要安装的目录)wget http://yum.baseurl.org/download/3.4/yum-3.4.3.tar.gz (下载)tar zxf yum-3.4.3.tar.gz (解压)cd yum-3.4.3...

2019-01-19 15:23:19 163

原创 js实现文件分片上传

2019-01-07 16:27:45 2288 1

原创 老男孩全栈Python开发

地址视频地址p20

2018-12-14 18:24:14 753

原创 Python:入门到实践-安装

Python:入门到实践-安装安装python环境安装启动终端会话HelloWorld安装python环境写在前面,本文是基于Windows10系统下学时,其他环境下 请自行研究。python版本是3.6.1安装下载地址https://www.python.org/downloads/下载好之后,双击安装默认到C盘,记住下面所有的复选框(好像只有2个)全部勾选住。启动终端会话开始...

2018-10-30 09:13:34 76

原创 vue 报错 Avoid mutating a prop directly since the value will be overwritten whenever the parent compo

Vue报错:Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop’s value. Prop being mutate...

2018-10-25 12:07:40 11584

转载 js实现数组去重-ES6实现

方法一:function unique(arr) { const res = new Map(); return arr.filter((a) => !res.has(a) && res.set(a, 1))}就这么短,就可以了,我们来解释一下为什么。Map对象Map是ES6 提供的新的数据结构。Map 对象保存键值对。任何值(对象或者原始值) ...

2018-10-25 09:47:13 2207

原创 2018秋季面试总结

最近几天一直在找工作,今天把面试遇到的问题一个一个的整理下来。基础问题(css,html,js)算法问题:使用一个for循环,找出一个数组里面第二大的值。当时没有想出来,一离开立马就想出来了,好丢人啊。 var arr = [8, 6, 8888, 8] function func(arr) { if (arr.length...

2018-10-16 20:27:36 162

原创 webpack4+react+antd从零搭建React脚手架(四)-redux搭建

redux文档地址redux是对数据的状态管理,是react不可缺少的一部分,具体的概念这里就不进行详细的介绍。本文主要是介绍怎么引入redux和使用redux。单向数据流:从父组件流向子组件,兄弟组件无法共享数据,state:react中的状态,是只读对象,不可直接修改。reducer:基本函数,用于对state的业务处理。action:描述事件行为改变state安装npm ...

2018-09-30 11:37:24 898

原创 webpack4+react+antd从零搭建React脚手架(三)-路由搭建

react-router 还是 react-router-dom?在 React 的使用中,我们一般要引入两个包,react 和 react-dom,那么 react-router 和 react-router-dom 是不是两个都要引用呢?非也,坑就在这里。他们两个只要引用一个就行了,不同之处就是后者比前者多出了 这样的 DOM 类组件。因此我们只需引用 react-router-...

2018-09-25 16:15:35 957

原创 webpack4+react+antd从零搭建React脚手架(二)

接着上文,对webpack 的配置的优化和对css,图片的编译。以及引入antd项目代码地址react-project优化webpack生成的文件名添加Hash值output: { filename: "js/[name].[chunkhash].js",},生产过程中,清理dist文件夹。安装插件 clean-webpack-pluginnpm install --s...

2018-09-21 19:03:19 2182 2

原创 webpack4+react+antd从零搭建React脚手架(一)

本人是在windows环境下搭建的,ios自行摸索。代码地址PreByter项目初始化首先就是项目初始化,一定确保安装node或者yarn二者均可,npm init//或者yarn init此时会生成package.json文件,这个文件包含的项目描述,版本号,作者,项目地址等等。当然这里是一直回车的。所以不用在意的。安装webpackyarn add webpack we...

2018-09-21 17:57:48 2677

转载 数据结构和算法

webpackreduxrouteantd

2018-09-20 11:09:54 59

转载 react面试题

请写一个函数,获取当前url的参数值,必须支持以下功能:如果传了参数名则获取此参数名对应的参数值,如果不传,则获取所有参数// 比如:// getSearch('t'); // 获取参数名为“t”的参数// getSearch(); // 获取所有的参数对象,比如{t: '100'}基于React实现一个可复用的展示鼠标位置的高阶组件(HOC),要求接收一个组件,返回一个新...

2018-09-11 15:50:28 1544 2

原创 笔记 package.json

babel //es6->es5autoprefixer //babel-plugin-import //按需加载ui库babel-plugin-lodash //closure-webpack-plugin //?cross-env //mac 和windows 命令行统一的插件css-loader //–save-dev 和–save 、-D 实际打包项目打包的时候没有...

2018-09-05 10:53:32 101

原创 微信小程序-上传图片转base64

最近业务需要:将图片转为base64格式。 so~~~;百度n多资料最后写成,还是有一点小bug就是生成的图片不太清晰; 文章最后还有代码的下载地址参考资料:https://github.com/zh8637688/wx-cardscanner 微信小程序文档-wx.canvasGetImageData代码奉上: wxml<!-- wxml --><butt...

2018-07-02 16:28:21 5750 6

原创 微信小程序-经纬度逆解析详细地址

业务需求需要将经纬度解析为详细地址,去年使用的是百度地图,今年发现腾旭地图也更新了微信小程序的地图的接口; 1. http://lbs.qq.com/guides/startup.html 申请腾讯地图的key; 这里需要注意: 记得勾选微信小程序并填写正确的appid;其他的空着即可 2. 使用方法 文档地址http://lbs.qq...

2018-06-19 17:30:31 6018

原创 微信小程序去除button边框

因为一些业务逻辑需要去除button边框;这里试了几种去除的方式;发现只有button::after { border: none}在伪类设置才可以成功;当然也有不成功的时候;<button type="warn" size="mini" loading="{{true}}" plain disabled="{{disabled}}"> warn </b...

2018-06-13 16:41:37 15859 2

原创 微信小程序scroll-view左右滚动

官方只有一个HTML的代码演示,而css没有; 自己根据官方的HTML代码,尝试几个方案,都GG了;最后实现成功; 因为需要用到scroll-top的特性;所以还是乖乖的去尝试吧<scroll-view class="scroll-view_H" scroll-x style="width: 100%"> <view id="green&am

2018-06-11 17:21:45 2293

原创 微信小程序自定义组件-事件

文档地址https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/ 页面-page//.wxml/* * 在这里:可以这样解读绑定组件·handleSearch·的方法,是本页面的·handlePageSearch·的方法*/<searchBar bind:handleSearch...

2018-06-08 15:30:04 9137

原创 微信小程序使用图标

微信小程序使用阿里巴巴图标因为业务需求项目上要使用一些图标,下面简单的介绍一下使用方法。首先登陆自己的iconfont的账号 阿里巴巴矢量图标库在图标管理我的项目中查看 下载并保存文件iconfont.css; 把文件放入到微信小程序项目中,并把后缀更改为*.wxss; 在所需要的文件下引用;我这里直接引入到全局app.wxss里面了; 然后就是使用了...

2018-05-28 17:52:09 5563

原创 微信小程序路由跳转返回的信息

wx.switchTab(OBJECT) success:{errMsg: "switchTab:ok"} fail:{errMsg: "switchTab:fail can not switch to no-tabBar page"}wx.navigateTo(OBJECT) success:{errMsg: "navigateTo:ok"} fail:{e...

2018-05-21 11:56:11 2770 1

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