03 前端篇（JS）

参考博客:http://www.cnblogs.com/yuanchenqi/articles/5980312.html JavaScript包括三部分: ECMAScript.DOM.BOM Javascript在开发中大多数情况下是基于对象的,也是面向对象的. ECMAScript:语法.类型.语句.关键字.保留字.运算符.对象 JavaScript 引入方式: 直接编写:建议放在 body 的最后 <script> alert(“hello div”) </script> 2…

前端总结·基础篇·JS（二）数组深拷贝、去重以及字符串反序和数组（Array）

目录这是<前端总结·基础篇·JS>系列的第二篇,主要总结一下JS数组的使用.技巧以及常用方法. 一.数组使用 1.1 定义数组 1.2 使用数组 1.3 类型检测二.常用技巧 2.1 数组去重 2.2 数组深拷贝 2.3 字符串反序三.方法列表 3.1 存取 3.2 字符串 3.3 修改 3.4 ES5 3.5 ES2015(ES6) 3.6 ES2016 一.数组使用数组不是基本数据类型,但是非常常用,所以提前总结. 基本数据类型是String,Number,Boolean,null…

前端总结·基础篇·JS（一）五大数据类型之字符串（String）

前端总结系列前端总结·基础篇·CSS(一)布局前端总结·基础篇·CSS(二)视觉前端总结·基础篇·CSS(二)补充前端总结·基础篇·JS(一)五大数据类型之字符串(String) 目录这是<前端总结·基础篇·JS>系列的第一篇,主要总结一下JS的五大基本数据类型中的字符串. 一.属性(Attribute) 二.方法(Method) 2.1 转换 2.2 修改 2.3 匹配 2.4 文本 2.5 其他为方便阅读,有如下准则: 参数中的[]代表可选参数.如substr(start[,l…

前端总结·基础篇·JS（三）arguments、callee、call、apply、bind及函数封装和构造函数

前端总结系列前端总结·基础篇·CSS(一)布局前端总结·基础篇·CSS(二)视觉前端总结·基础篇·CSS(三)补充前端总结·基础篇·JS(一)原型.原型链.构造函数和字符串(String) 前端总结·基础篇·JS(二)数组深拷贝.去重以及字符串反序和数组(Array) 前端总结·基础篇·JS(三)arguments.callee.call.apply.bind及函数封装和构造函数目录一.函数使用 1.1 函数声明和函数表达式 1.2 函数封装(自调用函数.闭包) 1.3 函数属性(a…

前端总结·基础篇·JS（四）异步请求及跨域方案

前端总结系列前端总结·基础篇·CSS(一)布局前端总结·基础篇·CSS(二)视觉前端总结·基础篇·CSS(三)补充前端总结·基础篇·JS(一)原型.原型链.构造函数和字符串(String) 前端总结·基础篇·JS(二)数组深拷贝.去重以及字符串反序和数组(Array) 前端总结·基础篇·JS(三)arguments.callee.call.apply.bind及函数封装和构造函数前端总结·基础篇·JS(四)异步请求及跨域方案前端总结·工具篇·管理(一)常用模块化方案一.异步请求 1…

前端总结·基础篇·JS（一）原型、原型链、构造函数和字符串（String）

前端总结系列前端总结·基础篇·CSS(一)布局前端总结·基础篇·CSS(二)视觉前端总结·基础篇·CSS(三)补充前端总结·基础篇·JS(一)原型.原型链.构造函数和字符串(String) 前端总结·基础篇·JS(二)数组深拷贝.去重以及字符串反序和数组(Array) 前端总结·基础篇·JS(三)arguments.callee.call.apply.bind及函数封装和构造函数前端总结·基础篇·JS(四)异步请求及跨域方案前端总结·工具篇·管理(一)常用模块化方案目录这是<前端…

angular2之前端篇—1（node服务器分支）

上一篇.net core和angular2之前端篇-1 使用的是dotnet模板.之所以用它,因为想用他写webapi,但是写道下一篇的时候遇到点问题,所以先写个分支测试一下.这次是用Node作为服务器--webpack-dev-server.感觉这个demo 好简单啊! 一.新建一个项目目录,这里为F:\Visual Studio Code\app1 二.在项目根目录下添加JSON配置文件:package.json.tsconfig.json.typings.json { "name"…

【原】让H5页面适配移动设备全家 - 前端篇 - PPT

7月份在部门内给设计中心的同事们带来<让H5页面适配移动设备全家 - 设计师篇 - PPT>的分享,在视觉和交互稿上提出页面适配的建议及提升页面体验的好处,促进前端和设计双方更好的合作,同时也提升页面体验,分享后跟设计师们沟通,反应情况良好,说明这套适配的方案是有一定价值的.在9月份很荣幸收到TID同事的邀请,参与[TID重构主题交流会]第六期:体验的前端分享,于是在设计师篇的基础上重新整理了前端篇,通过分析当前市场的数据,结合实际的项目需求,总结出适配各种移动设备分辨率的思路和解决方法,相信…

Web前端-Vue.js必备框架（五）

Web前端-Vue.js必备框架(五) 页面组件,商品列表组件,详情组件,购物车清单组件,结算页组件,订单详情组件,订单列表组件. vue-router 路由 vuex 组件集中管理 webpack vue-cli node下载: http://nodejs.cn/ node-v 使用vue-cli脚手架搭建项目 vue+webpack+es6 https://github.com/vuejs/vue-cli // 全局下载工具 npm install -g vue-cli // 下载基于web…

Web前端-Vue.js必备框架（四）

Web前端-Vue.js必备框架(四) 计算属性: <div id="aaa"> {{ message.split('').reverse().join('') }} </div> <div id="b"> <p>dashu: "{{ aaaa}}"</p> <p>dashu: "{{ ddd}}"</p> </div> var v…

Web前端-Vue.js必备框架（三）

Web前端-Vue.js必备框架(三) vue是一款渐进式javascript框架,由evan you开发.vue成为前端开发的必备之一. vue的好处轻量级,渐进式框架,响应式更新机制. 开发环境,浏览器使用chrome,ide:vs code或者webstorm,node.js8.9+,npm等 uni-app直接使用<script>引入vue.js,vue会被注册为一个全局变量,开发环境不要使用压缩版本,一:开发版本有完整的警告和调式模式,二:生产版本删除了警告. <script…

Web前端-Vue.js必备框架（二）

Web前端-Vue.js必备框架(二) vue调式工具vue-devtools 过滤器:vue.js允许你自定义过滤器,可被用作一些常见的文本格式化. mustache插值和v-bind表达式. vue生命周期,从创建,运行,到销毁,称为生命周期. new Vue() : var vm = new Vue({}) 开始创建一个Vue实例对象 init 表示初始化一个Vue空的实例对象,这时候,这个对象上有一些生命周期和默认时间 ajax, vue-resource实现get,post,jsonp…

Web前端-Vue.js必备框架（一）

Web前端-Vue.js必备框架(一) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue js</title> </head> <body> <div id="app"> <h1>{{ message }}</h1> &…

分享非常好用的前端分页js工具类灵活简单易懂

分享自己封装的前端分页js工具类下面是默认样式效果截图可以随意更改js及css 很灵活 /** * pageSize, 每页显示数 * pageIndex, 当前页数 * pageCount 总页数 * url 连接地址 * pager(10, 1, 5, 'Index')使用方法示例 */ function pager(pageSize, pageIndex, pageCount, url) { var intPage = 7; //数字显示 var intBeginPage = 0;/…

漫谈程序员(十一)老鸟程序员知道而新手不知道的小技巧之Web 前端篇

老鸟程序员知道而新手不知道的小技巧 Web 前端篇常充电!程序员只有一种死法:土死的. 函数不要超过50行. 不要一次性写太多来不及测的代码,而是要写一段调试一段. UI和编码要同步做. 多写注释方便的往往是自己. 碰到一堆问题时,一次只尝试解决一个问题. 没把握一眼看出问题症结的时候,老老实实单步调试. 设计模式是个好东西,但不要强行使用. 没造成可观的损失前不要尝试做性能优化. 没事别重复造轮子. 大多数情况下Boss不关心技术含量,而且往往简单的解决方案更快更有效果. 不要害怕接触新知识…

前端分享----JS异步编程+ES6箭头函数

前端分享----JS异步编程+ES6箭头函数 ##概述Javascript语言的执行环境是"单线程"(single thread).所谓"单线程",就是指一次只能完成一件任务.如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务. 这种模式的好处是实现起来比较简单,执行环境相对单纯:坏处是只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行.常见的浏览器无响应(假死),往往就是因为某一段Javascript代码长时间运行(比如死循环),…

web前端篇：CSS使用，样式表特征，选择器

目录 web前端篇:CSS使用,样式表特征,选择器 1.CSS介绍 2.CSS使用 3.样式表特征 4.CSS选择器 5.选择器的优先级 6.练习题: web前端篇:CSS使用,样式表特征,选择器 1.CSS介绍 CSS :Cascading Style Sheet 层叠样式表作用 :修饰和美化页面元素,实现网页排版布局 2.CSS使用 1行内样式/内联样式特点 :在具体的标签中使用style属性,引入CSS样式代码语法: CSS 样式声明 / 语句: 对当前元素添加样式语法:CSS 属…

Web前端篇：CSS常用格式化排版、盒模型、浮动、定位、背景边框属性

目录 Web前端篇:CSS常用格式化排版.盒模型.浮动.定位.背景边框属性 1.常用格式化排版 2.CSS盒模型 3.浮动 4.定位 5.背景属性和边框属性 6.网页中规范和错误问题 7.显示方式 Web前端篇:CSS常用格式化排版.盒模型.浮动.定位.背景边框属性 1.常用格式化排版 1.字体的属性设置字体属性: body{font-family:"Microsoft Yahei"} body{font-family:"Microsoft Yahei",&quo…

前端学习:JS(面向对象)代码笔记

前端学习:JS(面向对象)代码笔记前端学习:JS面向对象知识学习(图解) 创建类和对象创建对象方式1调用Object函数 <body> </body> <script type="text/javascript"> //新建英雄:刘备 var hero=new Object(); hero.name='刘备'; hero.blood=100; hero.weapon='双股剑'; hero.attack=function(){ return th…

前端/H5/JS：通过URL下载文件并转存到其他服务器（微信），Blob文件转File文件

现在有一个图片URL,在自己服务器上,一个微信提供的媒体文件上传URL,我在前端通过JS实现转存微信服务器 1. http://file.xxx.com/asd.jpg 自己的 2.https://api.weixin.qq.com/cgi-bin 微信浏览器访问http://file.xxx.com/asd.jpg,看到一个图,并且,请求的 Content-Type:image/jpeg 首先,先把文件以Blob下载下来到内存 PS:也可以提供一个本地路径,来进行下载到nodejs/浏览器管…

JavaScript性能优化篇js优化

JavaScript性能优化篇js优化随着Ajax越来越普遍,Ajax引用的规模越来越大,Javascript代码的性能越来越显得重要,我想这就是一个很典型的例子,上面那段代码因为会被频繁使用,所以才有了此优化的过程,我在本文中将指出一些重要的规则,介绍如何使用你的JavaScript.使用哪些工具以及你将从中得到什么好处. 确保代码尽量简洁不要什么都依赖JavaScript.不要编写重复性的脚本.要把JavaScript当作糖果工具,只是起到美化作用.别给你的网站添加大量的JavaSc…

前端05 /js基础

前端05 /js基础昨日内容回顾 css选择器的优先级行内(1000) > id(100) > 类(10) > 标签(1) > 继承(0) 颜色 rgb(255,255,255) #000000-#FFFFFF 单词表示 rgba(255,255,255,0.5)(透明度) 字体 font-family 设置"微软雅黑","宋体" font-size 设置字体大小默认的字体大小16px font-weight bold粗体文本 tex…

前端使用 js 如何实现大文件上传

前端使用 js 如何实现大文件上传大文件上传 refs xgqfrms 2012-2020 www.cnblogs.com 发布文章使用:只允许注册用户才可以访问!…

前端之js基础篇

JavaScript概述 ECMAScript和JavaScript的关系 1996年11月,JavaScript的创造者--Netscape公司,决定将JavaScript提交给国际标准化组织ECMA,希望这门语言能够成为国际标准.次年,ECMA发布262号标准文件(ECMA-262)的第一版,规定了浏览器脚本语言的标准,并将这种语言称为ECMAScript,这个版本就是1.0版. 该标准一开始就是针对JavaScript语言制定的,但是没有称其为JavaScript,有两个方面的原因.一是商…

Python之路【第十二篇】前端之js&dome&jQuery

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果.通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的. 1.存在方式  <script type="text/javascript" src="t1.js "></script> <!--直接在html内部编写javasc…

Python 第十三篇之一：前端页面 js和dome

一:JavaScript: JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处理. 1.位置:  <script type"text/javascript" src="JS文件"></script>  <script type"tex…

Vue + Element UI 实现权限管理系统前端篇（十）：动态加载菜单

动态加载菜单之前我们的导航树都是写死在页面里的,而实际应用中是需要从后台服务器获取菜单数据之后动态生成的. 我们在这里就用上一篇准备好的数据格式Mock出模拟数据,然后动态生成我们的导航菜单. 接口模块化我们向来讲究模块化,之前接口都集中在,interface.js,我们现在把它改名为 api.js,并把里边原来登录.用户.菜单的相关接口都转移到我们新建的接口模块文件中. 模块化之后的文件结构如下图所示模块化之后,模块接口写在相应的模块接口文件中,如下面是登录模块 login.js imp…

前端 --- 4 js

一.js 描述 JavaScript 是脚本语言 JavaScript 是一种轻量级的编程语言.后来出现了node.js,可以作为后端语言来开发项目, js是一个既能做前端又能做后端的语言 JavaScript 是可插入 HTML 页面的编程代码. JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行. JavaScript 很容易学习.但有很多糟点二. 引入方式 1.在head标签里面可以写,在body标签里面也可以写, 但有区别 <script> console.lo…

web前端篇：JavaScript基础篇（易懂小白上手快）-1

目录详细内容: 0.JavaScript的引入 1.第一个JavaScript 2.变量 3.变量的类型 4.数组 5.条件语句 6.三元运算符 7.循环 8.函数 9.对象(object): 10.内置对象: 详细内容: 0.JavaScript的引入 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title&…

进阶攻略|最全的前端开源JS框架和库

新的 Javascript 库层出不穷,从而Web 社区愈发活跃.多样.在多方面快速发展.详细去描述每一种主流的 Javascript框架和库近乎不可能,所以在这篇文章中主要介绍一些对前端发展最具影响力的前端框架.接下来让我们来共同研究一些主流前端框架.库和工具,并讨论它们的适用场景. 网络配图 1.angular.Js 地址:http://www.runoob.com/angularjs/angularjs-tutorial.html 代码托管地址:https://github.com/ang…

【03 前端篇（JS）】的更多相关文章