![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web
文章平均质量分 84
狂奔的CD
这个作者很懒,什么都没留下…
展开
-
ubuntu server18上搭建nginx并配置代理
文章目录前言正文1 安装2 配置nginx首先关闭默认配置配置监听80,根据server_name转发到不同站点发现403 forbidden前言最近需要往服务器上堆多个web服务。架构类似百度,一个网站首页www.baidu.com .然后有其他子网站,比如 ai.baidu.com于是用到了nginx正文nginx就不介绍了,随便百度一下就可以了,我这里用作代理服务器,也就是当需要访问网站首页时帮我转发到web服务A。而当我需要访问其子网站时,帮我转发到web服务B网站A 监听端口8080原创 2020-10-19 19:15:24 · 449 阅读 · 0 评论 -
ubuntu无桌面版部署web应用(screen)
文章目录使用screen1.安装2.使用2.1运行web程序2.2下次回到运行截面使用screen参考:https://blog.csdn.net/gatieme/article/details/527777211.安装sudo apt install screen2.使用2.1运行web程序screen然后按任意键然后正常启动程序ps:这时候已经启动完成了,叉掉终端,web程序依然在运行2.2下次回到运行截面有时候有些日志在终端显示,为了下次还能看到它,这时候运行scr原创 2020-06-03 17:42:56 · 584 阅读 · 0 评论 -
conda+Flask+gunicorn+Nginx开发web-api
文章目录正文1.各部分作用2.环境搭建2-1.安装conda并创建独立虚拟环境2-2.进入虚拟环境并安装flask支持2-3.api开发例子2-4.安装 gunicorn搭载web项目2-5.安装nginx连通gunicorn服务器正文参考https://blog.csdn.net/llwang_10/article/details/802512701.各部分作用1)condaconda...原创 2020-02-04 18:34:10 · 1172 阅读 · 0 评论 -
Vuejs2.0学习之二(Render函数,createElement,vm.$slots,函数化组件,模板编译,JSX)
时隔一周多,因为一些别的事情绊住了,下面接着写。中间这段时间也有看官方文档,发现正如他所说90%的基础内容都一样,所以这里直接跳到我比较关注的东东上,要是想看看哪些不一样,可以参考这个http://vuefe.cn/guide/migration.html,表明了基础内容上发生了哪些变化。直接来到进阶部分,过渡动画的过了一遍,大概讲述在dom发生变化时可以伴随的动画效果。不看了,后面用到再来看,更关原创 2016-10-24 11:55:38 · 74897 阅读 · 13 评论 -
Vuejs2.0学习之一(新生命周期,新模板语法,计算缓存,自定义watcher)
经过一段时间的学习,对vuejs1.0有了一定的了解,虽然没有完全看完,但是可以开始2.0的学习了,毕竟有些改动,旧的终归是要淘汰的。无意中发现了2.0中文版链接http://vuefe.cn/guide/,作为接下来的学习手册。同样的东西将跳过2.0基础部分差不多,开始有不一样的是生命周期,一张图表达 具体怎么用后面慢慢接触模板语法与1.0也有所区别2.原创 2016-10-14 12:46:59 · 11086 阅读 · 8 评论 -
常用js框架之vue.js(深入三:组件1)
这个要单独写,原文是这么描述vue的组件的:组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以是原生 HTML 元素的形式,以 is 特性扩展。这个特性我感觉比较难理解,一步步来,看看组件到底是个什么东西?1.举个栗子//model层:// 通原创 2016-09-29 10:28:55 · 1943 阅读 · 4 评论 -
常用js框架之vue.js(深入二:杂项)
妈蛋,写了一大半给弄没了,又重写。1.数据绑定语法。 前面用过{{}},可以替换文本,也可以替换属性值中的文本比如<input id = "{{id}}">{{{}}}三重花括号则可以替换html,有点6啊。也可以插入表达式{{a+1}}过滤器我们前面用过了{{value|filter1|filter2}},同时也可以带参数{{ message | filterA ‘arg1’ arg2 }}指令原创 2016-09-28 11:51:37 · 913 阅读 · 1 评论 -
常用js框架之vue.js(深入一:Vue实例)
选一个框架深入最怕选错,然而犹豫更让人蛋疼,终于看到一篇文章决定让我深入vue.js的学习。http://blog.csdn.net/maray/article/details/50986200今年3月份写的,应该不至于太落伍,虽然我也不明白作者为什么说它是梦想中的框架,先学了再说 官网(2.0rc了):http://vuejs.org/guide/ 中文版(1.0):http://cn.vue原创 2016-09-27 21:23:52 · 4428 阅读 · 2 评论 -
常用js框架之vue.js入门
学习vue.js我是参考菜鸟教程的:http://www.runoob.com/w3cnote/vue-js-quickstart.html它的原理我理解起来就是模板,就是在自己的js中(model层)定义好一套标签,在html(view层)使用这些标签,到渲染的的时候使用核心vue.js(view-model中间层),一一映射出来。原创 2016-09-26 11:34:47 · 1117 阅读 · 1 评论 -
用tomcat在本地部署一个web服务器
今天小蔡彪同学让测一下移动端ios和android对h5某些新特性的支持情况。自然h5得自己简单写一下,写完发给ios那边也测一下,这样是不是太low了?他们给我们测的时候发个ip就测了,没理由我这要这么麻烦吧。所以果断自己也搭一个服务端。 所以对于初学者来说,简单这样理解下。将你做好的web应用,比如一个html部署到服务端的话,就可以让同一局域网的人访问到。访问的格式:htt原创 2016-09-13 16:31:10 · 16757 阅读 · 1 评论 -
后台开发了解
前面我们接触了web前端开发,web服务器部署,现在顺便了解下后台开发的相关内容。(好吧,其实还是因为工作需要,这个驱动力动力十足,所以我们有目的的学习才会进展比较快) 我们前面接触的内容看起来很简单,写写页面就没了,这种简单的纯页面叫静态页面。页面写了啥,最后显示啥。实际上,一个互联网的web应用不能这么简单,比如注册账户,需要把用户信息保存到服务器数据库,这样下次登录的时候才能验证是否注册过原创 2017-01-19 18:47:51 · 1043 阅读 · 0 评论 -
web前后台开发实践1(java,servlet,js)
在看这篇文章前,新手可以参考http://www.runoob.com/jsp/eclipse-jsp.html熟悉下开发环境Eclipse jsp/servlet一节写的很清楚了1.任务描述: web页面需要一张表格,可以新增,和删除某一项,大概效果如下 点击新增,会新建一条数据插入后台数据,并在表中显示。 点击删除,会删除后台数据中的对应数据,并移除表中对应数据。是不是很简单的任务,哈2.原创 2017-01-22 15:13:20 · 2540 阅读 · 0 评论 -
h5在移动端适配经验总结
最近因为一些需要,做了h5相关的工作。发现在pc端浏览器和移动端浏览器上的效果大大不一样,总结如下适配经验,后面总结的继续在这里累加:1.点击事件的适配 首先,需要在head中添加<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no, minimum-scale=1.0, maximu原创 2017-03-16 15:38:19 · 3035 阅读 · 0 评论 -
web开发收集
1.web项目突然无法启动: Caused by: org.apache.catalina.LifecycleException: Failed to start component [StandardEngine[Catalina]] at org.apache.catalina.util.LifecycleBase.start(LifecycleBase.java:162)原创 2017-01-22 11:29:47 · 470 阅读 · 0 评论 -
html之position总结
后台开发过程中有时候需要调下前端什么的,比如几天前我们做项目的时候用了一个第三方js插件结果跟原有的产生了冲突,一个箭头的位置始终不对,我调了好久没调出来,蛋疼的紧。后来专业前端过来看了一会儿,加了个position和display就好了,看的我一脸懵逼。这些位置属性不总结真的难记,好多次被它搞迷糊,是时候好好总结下了:position1.position大家应该都不陌生,可以选用以下的值: 》a原创 2017-11-02 18:06:42 · 337 阅读 · 0 评论 -
人工智能小白日记之3python篇
人工智能小白日记之3python篇关于python1.知己知彼2.安装跳过,大家看教程去3.关键点3-1.运行3-2.日志3-3.输入3-4.注释3-5.基础语法跳过,记录特殊点3-6.高级特性3-7.函数式编程3-8.模块3-9.面向对象编程3-10.测试调试相关3-11.高级编程3-11-1. IO编程3-11-2. 进程和线程3-11-3. 大名鼎鼎的正则,跳过了3-11-4. 常用内裤3-...原创 2019-01-19 18:56:52 · 626 阅读 · 0 评论 -
python web之Flask与Flask-restful
文章目录前言正文小结前言最近做完移动端的本地开发,需要个web api。这时候考虑最简单的实现方案,python+Flask,so easy,不要太简单好不好。正文参考http://docs.jinkan.org/docs/flask/quickstart.html#a-minimal-application看这篇就知道用它来开发web有多简单了。先跳过一些细节,反正web是支持了,...原创 2019-08-05 10:27:28 · 685 阅读 · 0 评论 -
web前后台交互了解(asp,php,nodejs)
接着前面来,说完了与移动端交互,再来说说与后台交互。这块东西只能浅尝则止,毕竟太多了,简单介绍下,留个印象。当然如果有错,欢迎指正。对于前端来说,更多的作用在于展示内容。如果是静态的内容,前端完全可以胜任不需要后台支持,比如显示一张图片,或一段文字。所以后台的作用在于,处理数据,动态返回要显示的内容给前端,前端把接收到的数据显示出来。比如前端需要显示登录用户信息,于是做了个登录的静态页面,用户输入了原创 2016-09-21 21:17:24 · 2600 阅读 · 0 评论 -
常用js框架之vue.js(深入四:组件2,slot内容分发,编译作用域,动态切换组件)
组件这内容太多了,被迫分成2部分。上节最后讲了props进行父子组件通讯,这里接着来。父子组件通信1.1 Vue组件是树形结构,必然要涉及到怎么查找父节点,根节点,子节点。子组件可以用 this.$parent 访问它的父组件。根实例的后代可以用 this.$root访问它。父组件有一个数组 this.$children,包含它所有的子元素。1.2 Vue也提供了自定义事件,用于组件树通信,与原原创 2016-09-29 18:34:28 · 5452 阅读 · 1 评论 -
javascript最佳实践(持续中....)
理清了前因后果后,内容是特别庞大的,必须选择一个方向继续深入。javascript无疑是一个很好的方向,毕竟h5离不开它,微信小程序离不开它,全栈还是离不开它。所以进行了javascript基础的二刷,并参考w3school得到一些最佳实践: 1.It is a good idea to place scripts at the bottom of the element. This can原创 2016-09-23 11:55:42 · 711 阅读 · 0 评论 -
html重拾记录
以下内容都来自,w3school。选取重点作为笔记应对禁用js时的方案Your browser does not support JavaScript!应对老式浏览器没法识别 标签document.write("Hello World!")//-->html中的元素介绍:、、、、 以及 。title就不说了HTML 元原创 2016-08-29 18:51:56 · 426 阅读 · 0 评论 -
css重拾之一
基础语法:selector {property: value;property:value}分组和继承的概念:body { font-family: Verdana, sans-serif; }td, ul, ol, ul, li, dl, dt, dd { font-family: Verdana, sans-serif;原创 2016-09-01 14:26:18 · 253 阅读 · 0 评论 -
javascript基本语法笔记
1.javaScript并不强制要求在每个语句的结尾加;,浏览器中负责执行JavaScript代码的引擎会自动在每个语句的结尾补上;。(好习惯是加上)2.JavaScript严格区分大小写3.javaScript不区分整数和浮点数,统一用Number表示,以下都是合法的Number类型:123; // 整数1230.456; // 浮点数0.4561.2345e3; // 科学原创 2016-09-03 11:09:16 · 486 阅读 · 0 评论 -
javascript函数基础
1.abs(10, 'blablabla'); // 返回10abs(-9, 'haha', 'hehe', null); // 返回9传入的参数比定义的少也没有问题:abs(); // 返回NaN此时abs(x)函数的参数x将收到undefined,计算结果为NaN。要避免收到undefined,可以对参数进行检查:function abs(x)原创 2016-09-03 11:54:23 · 346 阅读 · 0 评论 -
JavaScript浏览器对象操作
JavaScript可以获取浏览器提供的很多对象,并进行操作。1.windowwindow对象不但充当全局作用域,而且表示浏览器窗口。window对象有innerWidth和innerHeight属性,可以获取浏览器窗口的内部宽度和高度。内部宽高是指除去菜单栏、工具栏、边框等占位元素后,用于显示网页的净宽高。兼容性:IE对应的,还有一个outerWi原创 2016-09-05 09:36:26 · 1409 阅读 · 0 评论 -
javascript DOM操作
HTML文档被浏览器解析后就是一棵DOM树,要改变HTML的结构,就需要通过JavaScript来操作DOM1.操作:增、删、改、查2.查询方法在操作一个DOM节点前,我们需要通过各种方式先拿到这个DOM节点。最常用的方法是document.getElementById()和document.getElementsByTagName(),以及CSS选择器document.getEl原创 2016-09-05 10:00:30 · 270 阅读 · 0 评论 -
ajax异步网络请求
AJAX不是JavaScript的规范,它只是一个哥们“发明”的缩写:Asynchronous JavaScript and XML,意思就是用JavaScript执行异步网络请求。类似我们在其他平台上使用的异步请求框架。1.在现代浏览器上写AJAX主要依靠XMLHttpRequest对象,对于低版本的IE,需要换一个ActiveXObject对象var request = new X原创 2016-09-05 11:25:40 · 618 阅读 · 0 评论 -
javascript之Promise:异步请求代码与结果处理分离
Promise有各种开源实现,在ES6中被统一规范,由浏览器直接支持。1.最大的好处是在异步执行的流程中,把执行代码和处理结果的代码清晰地分离了:举例:2.另一个好处,Promise还可以组合异步任务。试想一个页面聊天系统,我们需要从两个不同的URL分别获得用户的个人信息和好友列表,这两个任务是可以并行执行的,用Promise.all()实现如下原创 2016-09-05 12:10:19 · 3007 阅读 · 0 评论 -
javascript之jQuery:一个轻松编写js的库
1.简介JavaScript世界中使用最广泛的一个库,我把它理解为轻松编写js的一个库jQuery能帮我们干这些事情:消除浏览器差异:你不需要自己写冗长的代码来针对不同的浏览器来绑定事件,编写AJAX等代码;简洁的操作DOM的方法:写$('#test')肯定比document.getElementById('test')来得简洁;轻松实现原创 2016-09-05 14:32:16 · 1210 阅读 · 0 评论 -
html实战之一(利用html+css做一个静态页面)
参照一般博客的样子,做了个超简易版,先秀一下样子很明显主体部分是三个模块,顶部左侧和右侧div写的过程中客服的几个问题:1.参照了w3school的样子,固定主体宽度,调整浏览器时,保持最小宽度html { width: 966px; background-color: #f9f9f9; margin: 0px auto; //整体居中原创 2016-09-06 19:37:35 · 33550 阅读 · 1 评论 -
html实战之二(图片选择器,js操作dom应用)
接着上一篇,先看一下效果对头,就是添加本地图片显示出来选择文件的东东,input type="file"选完图片后就会触发onchange方法,去调用addImage1.我是table做的图片列表,所以拿到path之后得往里面添加 function addImage(){ //添加图片 // //读取图片原创 2016-09-06 19:55:42 · 4105 阅读 · 0 评论 -
html5之Canvas(基础用法,转换矩阵,图像混合)
终于到了这里,也是我回来看这些的初衷因为实在太6了,这个东东。不了解为什么他很6的可以感受一下:http://codepen.io/dissimulate/pen/KrAwx(2d)http://codepen.io/ara_node/pen/nuJCG(3d)怎么开始呢?我也是头疼1.首先来简单认识它一下:http://www.w3school.com.cn/ht原创 2016-09-08 10:36:45 · 3134 阅读 · 0 评论 -
canvas实战之一(画图,矩阵转换,定时)
利用学到的东东做点东西首先画三个圆circlefunction drawLogo(){ //画个logo ctx.translate(100,60); //将画布中心转移到(100,60)处 ctx.beginPath(); ctx.fillStyle="#ff0000";原创 2016-09-08 20:17:53 · 1287 阅读 · 0 评论 -
web自适应布局之一(css3 media query)
这几天看了下响应式布局的东东,拿腾讯新闻的页面测试瞄了一下,发现里面用了media这个东东,结果百度了一下,发现了很多资料。 media是css3中的一个属性,用法极其简单,既然是css的属性,自然写在css的那些地方。语法如下:@media mediatype and|not|only (media feature) { CSS-Code;}原创 2016-09-12 17:43:04 · 2328 阅读 · 0 评论 -
javascript与移动app的交互
自学过程就是这样,搞到一半,东看看西看看发现都学了点,不知道下一步干嘛,但是真正要让开始又不会,有点尴尬啊。仔细想想在使用别的webapp时还有啥没接触到的,这样就能想到还要学啥了。譬如,web前端与后台是怎样交互的(貌似ajax能做远程交互,本地交互可能涉及数据库,后面再验证)?还有页面的js是怎么跟移动端交互的,所以就有了今天的主题。 1.android与js的交互原创 2016-09-14 15:54:39 · 3477 阅读 · 0 评论 -
javascript之闭包详解
转载至:http://www.jb51.net/article/24101.htm一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变量。 Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。Js代码 var n=999; function f1(){ alert(n); }转载 2016-09-23 11:57:16 · 477 阅读 · 0 评论