菜鸟之路Vue----一

[js高手之路] vue系列教程 - 事件专题(4)

本文主要讲解事件冒泡,事件绑定的简写,事件默认行为,按键码等一系列与事件相关的知识. 一.事件绑定的简写,@事件类型. 之前我的[js高手之路] vue系列教程 - vue的事件绑定与方法(2) 用的是v-on绑定 window.onload = function(){ var c = new Vue({ el : 'body', methods : { say : function(){ alert( '你好' ); } } }); } <input type="button"…

Python菜鸟之路：Django 路由补充1：FBV和CBV - 补充2：url默认参数

一.FBV和CBV 在Python菜鸟之路:Django 路由.模板.Model(ORM)一节中,已经介绍了几种路由的写法及对应关系,那种写法可以称之为FBV: function base view . 今天补充另外一种路由关系的写法:CBV,即:class base view , 也可以看做为面向资源编程的另外一种叫法,类似tornado中的路由写法. 1. 建立路由关系urls.py from app01 import views urlpatterns = [ url(r'^home/',…

菜鸟之路——Linux基础::计算机网络基础，Linux常用系统命令，Linux用户与组权限

最近又重新安排了一下我的计划.准备跟着老男孩的教程继续学习,感觉这一套教程讲的很全面,很详细.比我上一套机器学习好的多了. 他的第一阶段是Python基础,第二阶段是高等数学基础,主要将机器学习和深度学习数学算法.第三阶段是算法基础提高,第四阶段....额,竟然没有,好像没有.第五阶段是数据分析与挖掘,第六阶段是自然语言处理,第七阶段是面试技巧提高.第四阶段我猜应该是计算机视觉吧,没有就没有吧,正好我专门报了一个计算机视觉的课. 所以今后半年多的时间里,我都会跟着这个系统课程进行学习.大学嘛,也…

菜鸟如何学习vue

作为一个前端菜鸟,最近开始接触和学习vue. 以前用到的是bootstrap前端框架. Bootstrap,来自 Twitter,是目前最受欢迎的前端框架. Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷. vue是什么 Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架. Vue 只关注视图层, 采用自底向上增量开发的设计. Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视…

ASP.NET菜鸟之路之实现新闻列表增删改

背景我是一个ASP.NET菜鸟,暂时开始学习ASP.NET,在此记录下我个人敲的代码,没有多少参考价值,请看到的盆友们为我点个赞支持我一下,多谢了. 网站介绍根据视频的例子修改的方法,其中数据不经过数据库,而是通过static属性保存一个唯一的列表当作数据源,以简化操作.. 这个网站包含显示.增加.删除.修改四个功能. 效果介绍知识点包括div+css搭建框架,用JQuery给按钮注册事件,iframe标签的使用方法,在前台用C#的foreach循环绑定数据功能,给删除功能注册是否确认事件…

ASP.NET菜鸟之路之登录系统

背景我是一个ASP.NET菜鸟,暂时开始学习ASP.NET,在此记录下我个人敲的代码,没有多少参考价值,请看到的盆友们为我点个赞支持我一下,多谢了. 网站介绍根据书上的例子做了一个比较粗糙的登录例子,里面的代码都是自己敲出来的,而且很少使用封装方法,就是为了让自己能更清楚的记住做的过程. 这个网站包含注册.登录.修改密码三个功能. 注册介绍新建一个Web窗体,即UserManagers.aspx.不粘贴前台代码了.然后编写注册方法,包括用户名当作主键,SqlDataReader方式读取数据…

ASP.NET菜鸟之路之Application小例子

背景我是一个ASP.NET菜鸟,暂时开始学习ASP.NET,在此记录下我个人敲的代码,没有多少参考价值,请看到的盆友们为我点个赞支持我一下,多谢了. Session介绍 Application对象用来保存对所有用户共享的信息,比如网站登录人数. 在修改Application对象的时候,需要lock unlock,防止同时操作导致出现问题. Application对象成员的生命周期止于关闭IIS或使用Clear方法清除. Application传值介绍一下Application记录进入网站的人…

ASP.NET菜鸟之路之Seesion小例子

背景我是一个ASP.NET菜鸟,暂时开始学习ASP.NET,在此记录下我个人敲的代码,没有多少参考价值,请看到的盆友们为我点个赞支持我一下,多谢了. Session介绍 Session保存特定用户相关的信息:每当有新客户请求服务器的时候,如果服务器有用到Session的话,会生成一个SessionID以cookie的形式保存在客户端.这样下次客户端再请求服务器的时候,服务器就会根据SessionID得知这是哪个客户端,进而为这个特定的用户提供服务. 因为Session的具体数据是保存在服务器的…

ASP.NET菜鸟之路之Request小例子

背景我是一个ASP.NET菜鸟,暂时开始学习ASP.NET,在此记录下我个人敲的代码,没有多少参考价值,请看到的盆友们为我点个赞支持我一下,多谢了. Request获取值 Request获取值有两种 Request.Params[""];//这种类型按照QueryString,Form,Cookies,SeverVaiables四个类型依次获取,会影响性能. Request.Form[""];//这个是获取post传值的方式,get传值用QueryString,其…

ASP.NET菜鸟之路之Response小例子

背景我是一个ASP.NET菜鸟,暂时开始学习ASP.NET,在此记录下我个人敲的代码,没有多少参考价值,请看到的盆友们为我点个赞支持我一下,多谢了. Response.Write Redirect Response.Write()用于向客户端输出一段字符串或者字符数组:Response.Redirect用于重定向,显示传送url数据,与客户端需要两次交互. 下一个例子是将输入信息重定向到另一个界面,显示出来. 新建一个web窗口Redirect.aspx,输入 <form id="for…

vue初学实践之路——vue简单日历组件(1)

---恢复内容开始--- 最近做的项目有一个需求,需要有一个日历组件供预定功能使用,之前的代码过于繁琐复杂,所以我采用vue重写了这个组件. npm.vue等等安装. 只是一个简单的日历组件,所以并不需要用到node服务器,只需要一个Html文件即可. 项目基本目录首先在引入 vue.js <script src="https://unpkg.com/vue/dist/vue.js"></script> 贴上最主要的html和js代码 <div id=&…

[js高手之路] vue系列教程 - 实现留言板todolist(3)

通过前面两篇文章的的学习,我们掌握了vue的基本用法. 本文,就利用这些基础知识来实现一个留言板, 老外把他称之为todolist. 第一步.使用bootstrap做好布局 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <link rel="stylesheet&quo…

[js高手之路] vue系列教程 - 组件定义与使用上部(7)

组件是vue框架比较核心的内容,那么什么是组件呢? 通俗点讲:组件是由一堆html, css, javascript组成的代码片段, 作用是为了实现模块的重用组件的基本用法: <div id="box"> <ccc></ccc> </div> <ccc></ccc> <script> //构造组件 var c = Vue.extend({ template : '<h3>这是个标题<…

Vue api 学习笔记之全局配置 1.Vue全局配置 Vue.config是一个对象,它包含了Vue的全局变量配置. #silent 用来取消 Vue 所有的日志与警告,其值值类型为布尔值(Boolean),默认值为FALSE,语法:Vue.config.silent = true: #optionMergeStartegies 自定义选项混合策略,传入三个参数,第一个用来作为父级实例,第二个作为子级实例来使用,Vue自身实例被作为第三参数传入,语法:optionMergeStrat…

[js高手之路] vue系列教程 - 绑定class与行间样式style(6)

一.绑定class属性的方式 1.通过数组的方式,为元素绑定多个class <style> .red { color:red; /*color:#ff8800;*/ } .bg { background: #000; /*background: green;*/ } </style> window.onload = function(){ var c = new Vue({ el : '#box', data : { red_color : 'red', bg_color : 'b…

[js高手之路] vue系列教程 - 绑定设置属性的多种方式(5)

一.设置属性的值: {{data中的数据}} window.onload = function () { var c = new Vue({ el : '#box', data : { url : 'https://img6.bdstatic.com/img/image/smallpic/weijupaishefensetu.jpg' } }); } <div id="box"> <img src="{{url}}" alt=""…

[js高手之路] vue系列教程 - vue的事件绑定与方法(2)

一.在vue中,绑定事件,用v-on:事件类型, 如绑定一个点击事件, 我们可以这样子做 window.onload = function () { var c = new Vue({ el : 'body', methods : { say : function(){ alert( '欢迎学习vue' ); } } }); } <input type="button" value="点我" v-on:click="say();"/>…

[js高手之路] vue系列教程 - vue的基本用法与常见指令(1)

本系列课程选用vue的版本为1.0.21, 什么是vue? vue是由尤雨溪开发的一款基于MVVM的框架,M->模型,V->视图, 也就是说模型数据改变了,视图也跟着改变, 视图内容改变,模型内容也跟着改变, 业界称之为双向绑定,或者说双向数据驱动,基于此特点,学习这个框架,跟jquery完全不同, 不要用DOM的思想来学习vue, 在vue里面几乎不需要用到DOM操作,一切都是基于数据驱动. 如何使用vue? 现在vue已经发布了2版本,为什么学1版本,如果想要深入的学习vue,了解和掌握个…

前端性能优化成神之路--vue组件懒加载（Vue Lazy Component ）

---恢复内容开始--- 使用组件懒加载的原因我们先来看看这样的一个页面,页面由大量模块组成,所有模块是同时进行加载,模块中图片内容较多,每个模块的依赖资源较多(包括js文件.接口文件.css文件等) 所以我们在加载这样的页面会非常的慢解决思路——加载优先级在完成了组件化的拆分,确保模块之间不会互相影响和产生耦合之后,我们可以方面地调整加载策略.加载的策略是根据可见性来处理优先级问题. 优先加载首屏可见模块其余不可见模块懒加载,待可见或即将可见时加载 Vue组件懒加载方案——Vue La…

vue初学实践之路——vue简单日历组件(3)

这一篇我们来实现管理员修改每一天剩余数量的功能. <div id="calendar"> <div id="left"> <span> 要修改的日期 </span> <li v-for="d in checkedDays">{{ d }} </li> <div v-if="checkedDays.length!=0"> <label fo…

vue初学实践之路——vue简单日历组件(2)

上一篇我们已经实现了基本的日历显示功能,这一次我们要加上预定的功能废话不多说,上代码 <div id="calendar">  <div class="month"> <ul>  <li class="arrow" @click="…

Python菜鸟之路：Python基础-线程、进程、协程

上节内容,简单的介绍了线程和进程,并且介绍了Python中的GIL机制.本节详细介绍线程.进程以及协程的概念及实现. 线程基本使用方法1: 创建一个threading.Thread对象,在它的初始化函数(__init__)中将可调用对象作为参数传入 import threading import time def worker(): time.sleep() print("test") ): t = threading.Thread(target=worker) t.start()…

基于环信SDK的IM即时通讯填坑之路(vue)

公司最近使用第三方环信SDK的进行通信聊天,基本已完成.记录下填坑之路 1.可以通过以下方式引用 WebSDK 1.安装 npm install easemob-websdk --save 2. 先 require ,再访问 Web IM . require('easemob-websdk'); 注:该方式只引用了 Web SDK ,仍需在项目里配置 WebIMConfig 文件内的参数,用于实例化 websdk.配置在 webim.config.js 文件内进行以下配置: xmppURL: '…

Linux菜鸟之路[4]-cal,date,bc,echo $LANG,man

由于前四天一直在看鸟哥的linux书本的计算机的一些基础知识,今天才接触基本的命令,从今天起每天记录一下自己的linux学习过程. cal:日历 cal: cal 2015:列出2015年所有日历 cal 5 2015:列出2015年5月的日历 date:日期 date:显示当前日期 bc:计算器 bc:计入计算器功能 echo $LANG:显示当前terminal支持的显示语言 example: change current LANG:LANG=zh_CN.UTF-8 man:帮助命令 exa…

ASP.NET Core 菜鸟之路：从Startup.cs说起

1.前言本文主要是以Visual Studio 2017 默认的 WebApi 模板作为基架,基于Asp .Net Core 1.0,本文面向的是初学者,如果你有 ASP.NET Core 相关实践经验,欢迎在评论区补充.与早期版本的 ASP.NET 对比,最显著的变化之一就是配置应用程序的方式, Global.asax.FilterConfig.cs 和 RouteConfig.cs 统统消失了,取而代之的是 Program.cs 和 Startup.cs.Program.cs 作为 Web…

php进阶--菜鸟之路

希望有所帮助! 第一阶段:基础阶段(基础PHP程序员) 重点:把LNMP搞熟练(核心是安装配置基本操作) 目标:能够完成基本的LNMP系统安装,简单配置维护:能够做基本的简单系统的PHP开发:能够在PHP中型系统中支持某个PHP功能模块的开发. 时间:完成本阶段的时间因人而异,有的成长快半年一年就过了,成长慢的两三年也有. 1.Linux: 基本命令.操作.启动.基本服务配置(包括rpm安装文件,各种服务配置等):会写简单的shell脚本和awk/sed 脚本命令等. 2.Nginx: 做到能够…