day50 前端内容回顾 HTML 标签分类 块级标签:div p h1-h6 form hr br ul li ol table标签 内联标签:span a img label input select textarea input标签 type: text,password,date,radio(name),checkbox,submit,button,reset,hidden,file 特殊字符   空格 > < select标签 <select name='' ,multiple…

目录 一.初识组件 (一)概念 (二)特点 二.组件的分类 (一)根组件 (二)局部组件 (三)全局组件 二.数据组件化 三.组件的传参 (一)父传子 (二)子传父 四.JS补充 (一)与html命名转换 (一) JS中的循环遍历 (1) for in (2)for of (3) each (二) 加减运算和数据类型转换 (三) 可变长参数和 四.css补充 一.初识组件 (一)概念 组件就是html.css和js的集合体,通过组件可以再次复用该集合体 组件分为根组件.局部组件.全局组件 (二)…

目录 一.VUE框架入门 1. vue框架的优势 二.VUE框架的基本使用 1. vue的引用 2. vue的基本语法结构 2. 插值表达式 3. 文本指令 (1)v-text (2)v-html (3)v-once 4. 方法指令 5. 属性指令 (1)v-bind:属性名="变量名" 6. 斗篷指令 三.JS补充 1. 首先他们的定义方式不同 2. 他们内部的this方法作用不同 一.VUE框架入门 1. vue框架的优势 前端框架有:angular,react,vue vue有前…

CSS补充之--页面布局 主站一:(下面是一个大致的模板) <div class="pg-header"> <div style="width: 1200px;margin: 0 auto;"> 这里的内容会自动居中 </div> </div> <div class="pg-content"></div> <div class="pg-footer"…

JavaScript JavaScript 使用那些老旧的实例可能会在 <script> 标签中使用 type="text/javascript".现在已经不必这样做了.JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言.JavaScript 对大小写是敏感的. 对代码行进行折行您可以在文本字符串中使用反斜杠对代码行进行换行.下面的例子会正确地显示:document.write("Hello \World!");不过,您不能像这样折…

<script> 函数: 普通函数: function func(){ } 匿名函数: setInterval("func()",5000); setInterval(function(){console.log(123)},5000) 自执行函数(创建函数并且自动执行): function func() { } func() (function(arg){console.log(arg);})(1) 序列化: li=[1,2,3,4] JSON.stringify(li)…

1.continue,break,ruturn eg:1-100的和 $(function () { $("#hello").click(function () { var iNum = 0; for (var i = 1; i < 101; i++) { iNum += i; } alert(iNum); }); }); 结果为:5050 换为break,查看结果 $(function () { $("#hello").click(function () {…

目录 一.vue中的组件 1. 组件的概念 2. 组件分类 3. 组件的特点 4. 组件的定义 5. 组件化 (1)用法和注意 (2)数据组件化实例 6. 组件传参--父传子 (1)用法和注意 (2)父传子实例 7. 组件传参--子传父 (1)用法和注意 (2)子传父实例 二.vue补充和总结 1. 补充 2. 总结 三.JS补充 1. JS中的循环遍历 (1) for in (2)for of (3) each 2. 加减运算和数据类型转换 3. 可变长参数 四.css补充 一.vue中的组件…

关于node.js使用express框架进行文件上传,主要来自于最近对Settings-Sync插件做的研究.目前的研究算是取得的比较好的进展.Settings-Sync中通过快捷键上传文件,其实主要还是请求后端接口.于是我便使用node.js模拟一个服务,这个服务其实就相当于github api(Settings-Sync实际请求的接口,比如token验证,gist存储创建等都是来自github 对应的api). 话不多说,直接代码贴起讲解: 1.创建一个node.js项目(这里我以expre…

目录: 一.JS补充 1.函数类型 2.string对象 3.instanceof 4.Array 数组对象 5.Date对象 6.RegExp 正则表达式 7.Math对象 二.BOM补充 1.window对象 2.histroy对象 3.location对象 三.DOM补充 四.替换clear:both撑开页面的方法 五.show hide toggle方法 内容: 类型函数: 1.typeof 只能判断基本数据类型,对于引用数据类型,只能判断它为object var s=8; consol…

本文转自:http://www.cnblogs.com/knowledgesea/archive/2013/01/03/2841554.html 序言 这一款js分页使用起来很爽,自己经常用,做项目时总是要翻以前的项目看,不方便,这里就把他写出来方便自己以后粘帖,也希望能分享给大家. 友情提示下:我有一片博客是用着个js实现的无刷新分页也很好用(这篇写的不是无刷新分页),链接地址为:无刷新分页 jquery.pagination.js 参数说明 参数名 描述 参数值 maxentries 总条目…

Node.js知识点学习 一.基本概念 Node.js,或者 Node,是一个可以让 JavaScript 运行在服务器端的平台.可以说,Node.js开创了javascript模块化开发的先河,早期的javascript需求都很简单,基本都是写成函数的,然后是面向过程的写法,后来慢慢的引入面向对象开发思想,再后来就慢慢写成 类.最后node.js的出现才开始有了js模块化开发的概念,这使得臃肿的js代码免去了命名冲突等一系列开发难题. Node最大的特点就是采用了异步式I/O与事件驱动的架构设…

JS补充 document也是windows的一个子对象 a标签点击事件 要想设置点击a标签,执行某种方法,推荐在a标签的herf属性使用JavaScript伪协议,实现点击之后执行的js方法,而不是设置click 例如: alertwin()是一个方法 <a href="javascript:alertwin()">hello</a> windows对象对话框 windows自带的几个弹出对话框方法 可输入内容的对话框 alert(message) 只含确定按…

今天刚入职了一家新公司,结果明天就要开始项目了.上级说要用gulp来打包代码,所以今晚花了一晚来看这个gulp, 可以说已经入门了.所以做一个小小的总结 : 首先全局安装gulp npm install gulp -g   然后我在F:/盘新建一个gulpDemo路径, 进入到这里面,在本地再次安装一次gulp,我也不知道为什么本地还要安装.你就装吧,哈哈 不过,在安装之前,确保 gulpDemo 这个文件夹里有package.json 这个文件 这个文件如下: /package.json {…

关于nodejs中文站,眼下活跃度最好的知识站应该是http://www.cnodejs.org/ ,而http://cnodejs.org/则活跃度较低.Express.js是nodejs的一个MVC开发框架,而且支持jade等多种模板,是Node.js上最流行的Web开发框架.这几天刚接触PhoneGap,曾经也看了一些nodejs的基础但苦于时间有限一直没机会亲自搭建一个nodejs环境,今天周末,部署了PhoneGap到Android,顺便一同搭建了一下nodejs本地环境,自己的操作过…

下面为各位整理了一些HTML meta refresh 刷新与跳转(重定向)页面的例子吧,后面本站长自己也补充了一些js页面刷新与跳转例子吧. refresh 属性值  --  刷新与跳转(重定向)页面 refresh用于刷新与跳转(重定向)页面 refresh出现在http-equiv属性中,使用content属性表示刷新或跳转的开始时间与跳转的网址 refresh示例 5秒之后刷新本页面: 5秒之后转到梦之都首页: 当然除了这些方法还有js也可以跳转与刷新了,下面既然讲到这个刷新页面了我们就…

通过前一篇文章 从简单的Tab标签到Tab图片切换 的说明,相关效果也就可以实现了. 1.左右按钮tab选项卡双切换 很明显,左右两个按钮是 absolute 布局,另外就是内容部分和Tab标签部分. 1) 先实现Tab内容和标签部分的显示: HTML代码: <div class="tab-Infomations"> <div class="arrows"></div> <div class="tab-conten…

一 浏览器相关知识 http:只有依赖一回,属于短链接,不会报错客户端的信息. 浏览器相当于一个客户端,客户端的链接 服务端:socket服务端,起服务监听客户端的请求. import socket sk=socket.socket() sk.bind(('192.168.11.38',8888)) sk.listen(5) def index(): with open('轮播网页.html',encoding='utf-8')as f: ret=f.read() return ret def…

诞生背景AMD其实已经算是解决了前端模块化开发的问题了,但是!!!但是,因为AMD管理依赖的时候,会把所有的依赖下载到本地,并且立即执行一次.依赖少了还好,多的话,那么多js均要被执行一次,这个内存消耗就不容小觑了.而且最重要的是,执行js会阻塞dom的渲染.用户的直接感觉就是页面初始加载的时候等待的时间较长.然后china有一个叫‘玉伯’的牛人,开发了个类库sea.js.seaJs核心即AMD模块化开发规范 核心规范CMD(Common Module Definition)更贴近 Common…

一.简介 WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,less, TypeScript等),并将其转换和打包为合适的格式供浏览器使用. Webpack的工作方式是:把你的项目当做一个整体,通过一个给定的主文件(如:index.js),Webpack将从这个文件开始找到你的项目的所有依赖文件,使用loaders处理它们,最后打包为一个(或多个)浏览器可识别的JavaScript文件. 二.起步…

目录 vue 框架: 框架介绍 基础格式 插值表达式: 文本指令: 事件指令: 属性指令: 小结: js 补充(面向对象): vue 框架: --构建虚拟的DOM结构,(内存内改变对象)- 操作数据的变化 框架介绍 可以独立完成前后端分离式web项目的JavaScript框架 优点: 三大主流框架之一:Angular React Vue 先进的前端设计模式:MVVM 可以完全脱离服务器端,以前端代码复用的方式渲染整个页面:组件化开发 特点: 单页面web应用 数据驱动 数据的双向绑定 虚拟DOM…

日常在Web项目开发时,经常会碰到树形架构数据的显示,从数据库中获取数据,并且显示成树形.为了方便,我们可以写一个javascript的一个跨浏览器树控件,后续可以重复使用.本节分享一个自己开发的JS tree插件,对有需要的朋友可以直接下载使用. Tree插件 需要实现 (1).自动将数据组织成上下级关系,这样我们在前端手工添加数据或者从数据库中获取到的数据不需要我们来组织上下级关系 (2).支持自定 加载目录树  支持XML.JSON 格式的数据加载 (3).实现树节点的选择(单选.复选[级…

''' 复习 ''' """ 1.vue框架的优势 中文API 单一面应用 - 提升移动端app运行速度 数据的双向绑定 - 变量全局通用 数据驱动 - 只用考虑数据,不需要在意DOM结构 虚拟DOM - 缓存机制 2.vue如何在页面中引入 1)通过script标签引入vue.js环境 2)创建vue实例 3)通过el进行挂载 new Vue({ el: '#app', // css3选择器,唯一,html.body不能作为挂载点,一个页面可以有多个实例对应多个挂载点 })…

JavaScript学习笔记 JS补充笔记 实例之跑马灯,函数创建.通过ID获取标签及内部的值,字符串的获取与拼接.定时器的使用 使用定时器实现在console中打印内容 Dom选择器使用与调试记录 模拟对话框的实现 选择框.反选.全选 后台管理左侧菜单 DOM查找 使用onfocus与onblur实现搜索框附加信息 timeout使用实例 使用JS提交表单 高端编程之DOM 作用域的分析实例: function ti(age) { console.log(age); var age =27;…

目录 DAY65 课堂笔记 1.vue实例 2.插值表达式 3.文本指令 4.面向对象js 5.js函数补充 6.事件指令 7.属性指令 DAY66 课堂笔记 1.表单指令 2.条件指令 3.循环指令 4.循环指令案例 5.分隔符(了解) 6.过滤器 7.计算属性 8.监听属性 9.冒泡排序 模板 作业1 作业2 作业3 DAY67 课堂笔记 vue创建项目 1.组件 2.子组件 3.组件化 4.组件传参-父传子 作业1 作业3 DAY68 课堂笔记 作业 js原型补充 router--inde…

js -- javascript ECMAscript5 ECMAscript6 -- vue.js react .. 由三个部分组成 1 ECMAscript5的核心 js语言 2 BOM 浏览器对象模型 js操作浏览器,做出对应的一些效果 3 DOM 文档对象模型 -- HTML文件 js代码引入方式 ​ 三种方式 1 head标签的script标签里面(alert('xx'), confirm('xx')) 2 body标签的script标签里面 3 外部文件引入的方式来使用 a 创建一个…

vue_shop 目录 vue_shop day01 实现登录功能 项目预开发处理 Login.vue完整代码: 处理步骤: 添加element-ui的表单组件 添加第三方字体: 添加表单验证 导入axios 配置弹窗提示: 登录成功操作: 添加路由守卫 实现退出功能 补充 day02 后台首页基本布局 顶部与侧边栏布局 axios请求拦截器 侧边栏数据 设置激活子菜单样式 侧边菜单栏的伸缩功能 Welcome.vue 完整home.vue代码 用户列表 用户列表基本结构 请求用户列表数据 展示…

最近刚换了新工作,这两天也没有业务上的需求,做了一些前端工程化方面的东西.要在现有的项目中集成 husky+commitlint+stylelint,也不能对现有代码产生影响. 使用 lint 的目的: 拒绝错误代码被提交到代码仓库 修复.美化代码 简单介绍一下库: 我们在创建 vue 项目的时候,eslint 已经集成好了,根据我们自己的需求修改 eslint 规则配置. 规则地址:https://eslint.vuejs.org/rules 查看规则效果地址:https://mysticat…

本文输出JSON搜索和JSON转换相关的内容,是对前两篇文章的补充. JSON搜索 在特定的开发场景中,如果服务器端返回的JSON数据异常复杂(可能超过上万行),那么必然就有对JSON文档进行搜索的需求.在对JSON文档进行搜索的时候,建议使用专业的JSON搜索类库和工具来实现,这可以极大的简化JSON文档搜索的工作并降低工作难度. JSON搜索的具体适用场景:对于某次API调用,我们只需要其中的部分数据,这种情况我们就可以根据某个标准来对返回的JSON内容进行搜索和过滤. 本文将会先后介绍多款…

前面: 前面虽然综合了网络上不少大牛的心得,但感觉还是意犹未尽,为了彻底搞清楚js中this的相关知识,决定再写一篇.个人觉得,在技术上,除非钻到细枝末节,否则很难达至非常高的水平. 补充1: 无法重写this,因为它是一个关键字. 补充2: pasting $(function () { $('button').click(function () { alert(this);//this 表示原生的DOM $(this);//表示当前对象,这里指的是button }) }) this,表示当前…