随手记论文
Presbyterian
这个作者很懒,什么都没留下…
展开
-
重读HTML
从输入URL到页面展示,这中间发生了什么?从一张图讲起合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入从一张图讲起用户输入URL,浏览器会根据用户输入的信息判断是搜索还是网址,如果是搜索内容,就将搜索内容+默认搜索引擎合成新的URL;原创 2020-06-03 10:18:27 · 425 阅读 · 0 评论 -
VSCode中的git使用篇
基本上使用在一个目录下clone项目;git clone XXXXXX.git使用VScode 打开项目右击通过Code打开。使用vscode提交代码打开下面视图,添加一行文字## 测试提交点击 + ;相当于git add .点击对号;等于git commit -m "备注信息";右边的箭头输入需要备注的信息。然后按 Enter 确定。回车之后,然后我们可以看到。所有的...原创 2020-04-27 11:29:08 · 110634 阅读 · 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 · 684 阅读 · 0 评论 -
2018秋季面试总结
最近几天一直在找工作,今天把面试遇到的问题一个一个的整理下来。基础问题(css,html,js)算法问题:使用一个for循环,找出一个数组里面第二大的值。当时没有想出来,一离开立马就想出来了,好丢人啊。 var arr = [8, 6, 8888, 8] function func(arr) { if (arr.length...原创 2018-10-16 20:27:36 · 238 阅读 · 0 评论 -
数据结构和算法
webpackreduxrouteantd转载 2018-09-20 11:09:54 · 111 阅读 · 0 评论 -
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 · 1481 阅读 · 0 评论 -
react面试题
请写一个函数,获取当前url的参数值,必须支持以下功能:如果传了参数名则获取此参数名对应的参数值,如果不传,则获取所有参数// 比如:// getSearch('t'); // 获取参数名为“t”的参数// getSearch(); // 获取所有的参数对象,比如{t: '100'}基于React实现一个可复用的展示鼠标位置的高阶组件(HOC),要求接收一个组件,返回一个新...转载 2018-09-11 15:50:28 · 1800 阅读 · 2 评论 -
微信小程序-上传图片转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 · 7501 阅读 · 6 评论 -
微信小程序-经纬度逆解析详细地址
业务需求需要将经纬度解析为详细地址,去年使用的是百度地图,今年发现腾旭地图也更新了微信小程序的地图的接口; 1. http://lbs.qq.com/guides/startup.html 申请腾讯地图的key; 这里需要注意: 记得勾选微信小程序并填写正确的appid;其他的空着即可 2. 使用方法 文档地址http://lbs.qq...原创 2018-06-19 17:30:31 · 8264 阅读 · 0 评论 -
微信小程序去除button边框
因为一些业务逻辑需要去除button边框;这里试了几种去除的方式;发现只有button::after { border: none}在伪类设置才可以成功;当然也有不成功的时候;<button type="warn" size="mini" loading="{{true}}" plain disabled="{{disabled}}"> warn </b...原创 2018-06-13 16:41:37 · 19876 阅读 · 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 · 3528 阅读 · 0 评论 -
微信小程序使用图标
微信小程序使用阿里巴巴图标因为业务需求项目上要使用一些图标,下面简单的介绍一下使用方法。首先登陆自己的iconfont的账号 阿里巴巴矢量图标库在图标管理我的项目中查看 下载并保存文件iconfont.css; 把文件放入到微信小程序项目中,并把后缀更改为*.wxss; 在所需要的文件下引用;我这里直接引入到全局app.wxss里面了; 然后就是使用了...原创 2018-05-28 17:52:09 · 7066 阅读 · 1 评论 -
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 · 2956 阅读 · 0 评论 -
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 · 25062 阅读 · 3 评论 -
老男孩全栈Python开发
地址视频地址p20原创 2018-12-14 18:24:14 · 1202 阅读 · 0 评论 -
埋点统计
body 监听点击时间。但是要计算点击位置。开源的系统countly页面热区统计百度埋点原创 2019-09-25 13:53:26 · 787 阅读 · 0 评论 -
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 · 3883 阅读 · 1 评论 -
less 简单用法
数组使用的核心思想 容器的特点: 1.固定长度 2.元素都有索引 什么时候使用容器呢?数据多了,必须先进行存储,然后进行操作。 对于数组容器什么时候使用呢?数据多,个数确定,而且有对应关系。 在分析需求时: 1.需求中的数据是否有对应的有序编号? 2.需求中的数据是否需要有序的编号? 如果有,就用数组存储。原创 2019-07-25 22:17:52 · 178 阅读 · 0 评论 -
阿里云开发工具汇总
阿里云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 · 394 阅读 · 0 评论 -
阿里云ubuntu 16.0402 安装mysql
项目中不合理的地方不理解(沟通、操作方式等)自身的问题(工作时间等问题)自身的期望转载 2019-07-03 11:49:20 · 204 阅读 · 0 评论 -
python实战-VScode环境搭建
安装pipienvpip install pipenvpipenv install pipenv install flask原创 2019-05-14 11:30:08 · 1433 阅读 · 0 评论 -
nginx部署多个vue项目
上一篇已经介绍了然后配置web项目;今天由于公司需求,需要在同一域名端口下,部署两个项目;今天花了一上午终于弄好了,选择赶紧做一个笔记。如何连接阿里云服务器就不在这里说了,请看我以前的文章。首先需要的效果http://47.97.244.83/loginhttp://47.97.244.83/student/login文件目录两个项目并列在同一文件夹内。准备好两个vue的项目...原创 2019-03-18 17:13:19 · 29993 阅读 · 13 评论 -
汇编语言
基础知识1.1机器语言计算机的机器指令是一列二进制数字。计算机将之为转变为一列高低电平, 以使计算机的电子器件受到驱动,进行运算。1.2 汇编语言的产生程序员→ 汇编指令→ 编译器→机器码→计算机1.3 汇编语言的组成汇编指令:机器码的助记符,有对应的机器码伪指令:没有对应的机器码,有编译器执行,计算机并不执行其他符号:如+、-、*、/ 等,由编译器识别,没有对应的机器码1....原创 2019-03-21 19:10:57 · 274 阅读 · 0 评论 -
js实现文件分片上传
大原创 2019-01-07 16:27:45 · 5114 阅读 · 2 评论 -
微信小程序路由跳转返回的信息
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 · 3504 阅读 · 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 · 1903 阅读 · 0 评论 -
ECMAScript 6 入门-数组的扩展
原文http://es6.ruanyifeng.com/#docs/array#Array-from扩展运算符扩展运算符(spread)是三个点(…)。它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列。console.log(1, ...[2, 3, 4], 5)// 1 2 3 4 5function fs(a,b,...e) { console.log(a);转载 2018-03-29 14:27:20 · 258 阅读 · 1 评论 -
ECMAScript 6 入门-字符串的扩展
codePointAt()charAt() 方法可返回指定位置的字符。 用法:stringObject.charAt(index); 参数:index:必需。表示字符串中某个位置的数字,即字符在字符串中的下标。let str="zhangxing";console.log(str.charAt(1)); //hcharCodeAt() 方法可返回指定位置的字符的 Unicode 编码。这个返回转载 2018-03-23 14:29:24 · 322 阅读 · 0 评论 -
编写可维护的JavaScript-编程实践
UI层的松耦合1.将JavaScript从css中抽离出来;现在大部分已经不支持; 2. 将css从JavaScript中抽离出来。 不要直接在js内添加样式;如:e.style.color="red"; 可以使用更改类名的方式来动态的修改样式。如:e.className=”css” javascript不应直接操作样式,以便保持和css的松耦合。3.将JavaScript从Ht原创 2018-03-19 15:38:35 · 280 阅读 · 0 评论 -
cookie+bootstrap-table+抽奖概率算法
/*获得cookie*/ function getCookie(cname) { var name = cname + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = $.trim(ca[i]...原创 2017-12-04 14:09:58 · 346 阅读 · 0 评论 -
javascript性能优化(5)
字符串和正则表达式 str="a"+"b"+"c"; //low str="a"; str+='b'; str+='c';//faster等同于 str=str+'a'+'b'+'c';数组字符串方法 str=['a','b','c'].join("");//数组 str='a';//字符串 str=str.concat('b','c');数组链接jo原创 2018-02-26 09:00:13 · 128 阅读 · 0 评论 -
javascript性能优化(4)
欢本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl + Q插入...原创 2018-02-24 09:34:44 · 108 阅读 · 0 评论 -
javascript性能优化(3)
DOM编程1.文档对象模型(DOM) 访问的dom越多,代码的执行速度就越慢。 2.innerHtml和DOM方法 更改dom的时候,使用innerHTML(字符串拼接)和dom方法(document.createElement();document.createTextNode(););旧版本的浏览器如,IE6等innerHTML速度更快,反而新版的浏览器dom方法更快。总的来说原创 2018-02-23 11:14:53 · 183 阅读 · 0 评论 -
编写可维护的JavaScript-编程风格
可以使用JSHint对代码进行检查。代码规范可以是使开发更高效。基本的格式化缩进层级使用制表符进行缩进。Tab使用空格进行缩进。语句结尾是不是使用分号看个人喜好,书上推荐是不使用;但是jshint等工具,还有Google 的JavaScript风格指南推荐使用。行的长度单行长度限定在80个字符之内。 1. Java规定单行长度不超过80个字符; 2. Android不超过100个字符;原创 2018-03-15 14:03:25 · 155 阅读 · 0 评论 -
git的基本操作
新上手一个项目,难免会忘记git的一些操作指令,于是趁现在工作不是很忙,自己便整理一下git的一些基本指令。git拉取远程数据,并建立新的分支git clone [url] 克隆远程仓库代码git pull 获取并合并其他的厂库,或者本地的其他分支。拉取远程到本地git branch 列出本地已经存在的分支,并且在当前分支的前面用”*”标...原创 2018-03-07 23:17:47 · 136 阅读 · 0 评论 -
javascript性能优化(1)
1 .javascript的第一条定律:将脚本(js)放到底部。 2 .每一个http请求都会造成额外的性能负担,下载一个100k的文件比下载四个25k的文件要快;减少引用外部脚本的数量 3 .延期脚本defer <script type="text/javascript" src="./a.js" defer></script>;HTML 4.0定义了一个扩展属性:defer。(任何带有def原创 2018-02-06 17:33:34 · 125 阅读 · 0 评论 -
input上传图片并预览
首先说一下input 大家都知道上传文件,图片是通过input 的file进行上传的。 1. 首先是样式 大家都知道input在HTML的代码为 <input type="file">;在页面的样式是不可以更改的,如下图 但是最为一个投机取巧的前端,一切样式都是可以修改的。 效果图如下 代码: <input type="file" n原创 2017-10-23 14:30:10 · 90318 阅读 · 22 评论 -
ECMAScript 6 入门-正则的扩展
原文http://es6.ruanyifeng.com/#docs/regex正则的扩展字符串的正则方法字符串对象共有 4 个方法,可以使用正则表达式:match()、replace()、search()和split()。 match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。 用法:stringObject.match(searchvalue);stringObjec原创 2018-03-23 19:16:32 · 282 阅读 · 0 评论 -
编写可维护的JavaScript-自动化
自动化的利弊 优点:本地的源代码不必同生产环境保持一致,所以你可以任意组织你的代码结构而不必担心在服务器上使用的代码是否需要优化。静态分析可以自动发现错误。在部署之前有多种方式处理JavaScript,比如文件的链接和压缩。通过自动化测试可以很容易的发现问题。很方便的自动的部署到生产环境。轻松快速的重新执行常见的任务。弊端:开发者在开发环境每次改动后可能都需要在本地重原创 2018-03-20 11:05:04 · 178 阅读 · 0 评论 -
javascript性能优化(7)
Ajax 异步 JavaScript 和 XMLAjax 是高性能 JavaScript 的基石。它可以通过延迟下载大量资源使页面加载更快。它通过在客户端和服 务器之间异步传送数据,避免页面集体加载。它还用于在一次 HTTP 请求中获取整个页面的资源。通过选 择正确的传输技术和有效的数据格式,你可以显著改善用户与网站之间的互动。 ...原创 2018-03-14 10:47:15 · 163 阅读 · 0 评论