- 博客(108)
- 资源 (12)
- 收藏
- 关注
RSS订阅原创 重读HTML
从输入URL到页面展示，这中间发生了什么？从一张图讲起合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入从一张图讲起用户输入URL，浏览器会根据用户输入的信息判断是搜索还是网址，如果是搜索内容，就将搜索内容+默认搜索引擎合成新的URL；
2020-06-03 10:18:27
495
原创 VSCode中的git使用篇
基本上使用在一个目录下clone项目；git clone XXXXXX.git使用VScode 打开项目右击通过Code打开。使用vscode提交代码打开下面视图，添加一行文字## 测试提交点击 + ；相当于git add .点击对号；等于git commit -m "备注信息"；右边的箭头输入需要备注的信息。然后按 Enter 确定。回车之后，然后我们可以看到。所有的...
2020-04-27 11:29:08
111383
12
原创 React 的 一路记忆
受控组件 vs 非受控组件受控组件：表单元素状态由使用者维护非受控组件：表单元素状态DOM自身维护理解 JSX：是模板语言f只是一种语法糖jsx：在js代码中直接写HTML标记，其本质：动态创建组建的语法糖。在jsx中使用表达式jsx 本身也是表达式const e=<h1>eee</h1>;3. 在属性中使用表达式<View f...
2020-04-23 18:12:30
747
原创 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
1550
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
481
原创 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
4160
1
原创 react 脚手架 run eject 之后 打包生成map文件 体积过大
react 脚手架 打包生成map文件 体积过大写在前面，map文件是帮助我们查看报错的位置的。map文件由devtool属性控制，然后全文搜索devtool。发现在webpack.config.js文件 150 行的位置。这里不建议注释掉(虽然网络上有很多人这么说).这里代码表现为：devtool: isEnvProduction ? shouldUseSourceM...
2019-08-21 11:26:46
1152
原创 less 简单用法
数组使用的核心思想 容器的特点： 1.固定长度 2.元素都有索引 什么时候使用容器呢？数据多了，必须先进行存储，然后进行操作。 对于数组容器什么时候使用呢？数据多，个数确定，而且有对应关系。 在分析需求时： 1.需求中的数据是否有对应的有序编号？ 2.需求中的数据是否需要有序的编号？ 如果有，就用数组存储。
2019-07-25 22:17:52
214
原创 阿里云开发工具汇总
阿里云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
430
转载 阿里云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
588
转载 如何重启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
22396
原创 python实战-VScode环境搭建
安装pipienvpip install pipenvpipenv install pipenv install flask
2019-05-14 11:30:08
1475
原创 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
1077
原创 汇编语言
基础知识1.1机器语言计算机的机器指令是一列二进制数字。计算机将之为转变为一列高低电平， 以使计算机的电子器件受到驱动，进行运算。1.2 汇编语言的产生程序员→ 汇编指令→ 编译器→机器码→计算机1.3 汇编语言的组成汇编指令：机器码的助记符，有对应的机器码伪指令：没有对应的机器码，有编译器执行，计算机并不执行其他符号：如+、-、*、/ 等，由编译器识别，没有对应的机器码1....
2019-03-21 19:10:57
302
原创 nginx部署多个vue项目
上一篇已经介绍了然后配置web项目；今天由于公司需求，需要在同一域名端口下，部署两个项目；今天花了一上午终于弄好了，选择赶紧做一个笔记。如何连接阿里云服务器就不在这里说了，请看我以前的文章。首先需要的效果http://47.97.244.83/loginhttp://47.97.244.83/student/login文件目录两个项目并列在同一文件夹内。准备好两个vue的项目...
2019-03-18 17:13:19
30260
13
原创 前端项目部署到阿里云
由于本人是个前端这里只介绍前端项目的部署（后台的部署见下一篇）准备工作下载两个软件Xshell和Xftp（也可以使用WinSCP;我使用的是windows系统）购买阿里云，看需要选配置吧，系统一般选Ubuntu和CentOS;我选的是Ubuntu；登录阿里云点击控制台点击左侧【云服务器ECS】—&gt;[实例]注意下图-标记的地方是你登录阿里云的域名使用Xshell打开软...
2019-01-21 18:48:00
7279
1
原创 阿里云部署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
316
原创 Python:入门到实践-安装
Python:入门到实践-安装安装python环境安装启动终端会话HelloWorld安装python环境写在前面，本文是基于Windows10系统下学时，其他环境下 请自行研究。python版本是3.6.1安装下载地址https://www.python.org/downloads/下载好之后，双击安装默认到C盘，记住下面所有的复选框（好像只有2个）全部勾选住。启动终端会话开始...
2018-10-30 09:13:34
169
原创 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
25177
3
转载 js实现数组去重-ES6实现
方法一：function unique(arr) { const res = new Map(); return arr.filter((a) =&amp;gt; !res.has(a) &amp;amp;&amp;amp; res.set(a, 1))}就这么短，就可以了，我们来解释一下为什么。Map对象Map是ES6 提供的新的数据结构。Map 对象保存键值对。任何值(对象或者原始值) ...
2018-10-25 09:47:13
3030
原创 2018秋季面试总结
最近几天一直在找工作，今天把面试遇到的问题一个一个的整理下来。基础问题（css,html,js）算法问题：使用一个for循环，找出一个数组里面第二大的值。当时没有想出来，一离开立马就想出来了，好丢人啊。 var arr = [8, 6, 8888, 8] function func(arr) { if (arr.length...
2018-10-16 20:27:36
273
原创 webpack4+react+antd从零搭建React脚手架（四）-redux搭建
redux文档地址redux是对数据的状态管理，是react不可缺少的一部分，具体的概念这里就不进行详细的介绍。本文主要是介绍怎么引入redux和使用redux。单向数据流：从父组件流向子组件，兄弟组件无法共享数据，state：react中的状态，是只读对象，不可直接修改。reducer：基本函数，用于对state的业务处理。action：描述事件行为改变state安装npm ...
2018-09-30 11:37:24
1314
原创 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
1542
原创 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
2631
1
原创 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
3659
转载 react面试题
请写一个函数，获取当前url的参数值，必须支持以下功能：如果传了参数名则获取此参数名对应的参数值，如果不传，则获取所有参数// 比如：// getSearch('t'); // 获取参数名为“t”的参数// getSearch(); // 获取所有的参数对象，比如{t: '100'}基于React实现一个可复用的展示鼠标位置的高阶组件（HOC），要求接收一个组件，返回一个新...
2018-09-11 15:50:28
1841
原创 笔记 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
266
原创 微信小程序-上传图片转base64
最近业务需要：将图片转为base64格式。 so~~~；百度n多资料最后写成，还是有一点小bug就是生成的图片不太清晰； 文章最后还有代码的下载地址参考资料：https://github.com/zh8637688/wx-cardscanner 微信小程序文档-wx.canvasGetImageData代码奉上： wxml&amp;lt;!-- wxml --&amp;gt;&amp;lt;butt...
2018-07-02 16:28:21
7554
1
原创 微信小程序-经纬度逆解析详细地址
业务需求需要将经纬度解析为详细地址，去年使用的是百度地图，今年发现腾旭地图也更新了微信小程序的地图的接口； 1. http://lbs.qq.com/guides/startup.html 申请腾讯地图的key; 这里需要注意： 记得勾选微信小程序并填写正确的appid；其他的空着即可 2. 使用方法 文档地址http://lbs.qq...
2018-06-19 17:30:31
8342
原创 微信小程序去除button边框
因为一些业务逻辑需要去除button边框；这里试了几种去除的方式；发现只有button::after { border: none}在伪类设置才可以成功；当然也有不成功的时候；<button type="warn" size="mini" loading="{{true}}" plain disabled="{{disabled}}"> warn </b...
2018-06-13 16:41:37
19965
3
原创 微信小程序scroll-view左右滚动
官方只有一个HTML的代码演示，而css没有； 自己根据官方的HTML代码，尝试几个方案，都GG了；最后实现成功； 因为需要用到scroll-top的特性；所以还是乖乖的去尝试吧&lt;scroll-view class="scroll-view_H" scroll-x style="width: 100%"&gt; &lt;view id="green&am
2018-06-11 17:21:45
3568
原创 微信小程序自定义组件-事件
文档地址https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/ 页面-page//.wxml/* * 在这里：可以这样解读绑定组件·handleSearch·的方法，是本页面的·handlePageSearch·的方法*/<searchBar bind:handleSearch...
2018-06-08 15:30:04
12642
原创 微信小程序使用图标
微信小程序使用阿里巴巴图标因为业务需求项目上要使用一些图标，下面简单的介绍一下使用方法。首先登陆自己的iconfont的账号 阿里巴巴矢量图标库在图标管理我的项目中查看 下载并保存文件iconfont.css； 把文件放入到微信小程序项目中，并把后缀更改为*.wxss; 在所需要的文件下引用；我这里直接引入到全局app.wxss里面了； 然后就是使用了...
2018-05-28 17:52:09
7155
1
原创 微信小程序路由跳转返回的信息
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
3578
1
原创 使用递归-实现二维矩阵数组
废话不多说，直接上代码： /* 函数递归 把[1,2] [3,4] [5,6] 得到 [1,3,5],[1,3,6],[1,4,5] ... arr : 需要递归的数组 [[1,2],[3,4],[5,6]] */ function diguiArrData(arr) { if (arr.length <= 1) return arr; let ar
2018-04-25 10:30:06
1970
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人