Web前端技术
文章平均质量分 75
dl0246
智造中国
展开
-
HTML5学习过程
以下文章基于个人见解。如有异议可以一起讨论。Html5:随着移动终端的发展,html5应用开发变得流行起来。提到html5,一般都会加上css3。Html5从用途上可以分为三个方向去理解:1.手机端访问web服务的响应式布局。在以前手机端访问web经历了wap时代、域名m开头的切换时代。到先今进入同一套网站代码自适应时代。2.Html打包成终端平台应用技术:ios\androi原创 2017-08-18 13:23:33 · 482 阅读 · 0 评论 -
前端技术(JQuery)学习笔记(三)JQuery获取元素的尺寸、each方法遍历json及元素、JQuery遍历DOM树,JQuery获取选中的复选框和列表框
一、小结 1、JQuery对html元素的值的操作 ①、html() : 包括有元素的值以及子元素 ②、text() : 获取到元素的值,不包括子元素 ③、val() : 获取输入框等表单元素的值 2、JQuery对html元素的属性进行操作 ①、通过attr()方法对html元素的属性进行操作,设置元素的属性值原创 2018-05-08 18:49:42 · 685 阅读 · 1 评论 -
前端技术(JQuery)学习笔记(二)JQuery操作html元素的属性、对html元素的类(class)属性、对html元素的css样式、JQuery多选反选以及JQuery对html元素的追加
一、前期内容小结 1、JQuery,一套功能极其强大的函数库,利用这个函数库可以大大提高开发效率 2、核心函数,jQuery---->$ 3、JQuery代码往哪里写,主要的就是在script标签内编写 4、文档准备就绪事件 ①、$(docment).ready(function(){//JQuery|js代码}); ②、$(function(){//jqueyr|js代码});...原创 2018-05-07 20:15:59 · 580 阅读 · 0 评论 -
前端技术(JavaScript)学习笔记(四)HTML事件、DOM对象、BOM对象
1、HTML事件 html事件,是html元素提供的响应外部动作的唯一途径,也就是说,html的事件可以响应外部动作。比如你希望当鼠标移动到div元素区域内时弹出一个一个消息框,或者鼠标离开div区域后也弹出一个消息框即需要html事件支持才能完成,若html没有事件支持的话,这个需求是无法完成的。<div onmouseover="alert('进入');" onmouseout...原创 2018-04-27 12:27:30 · 959 阅读 · 0 评论 -
前端技术(JavaScript)学习笔记(三)String Date Number Math Array 以及正则表达式
1、Javascript中常用对象①、字符串类型(String) 常用方法如下: anchor() charAt() charCodeAt() concat() indexOf() lastIndexOf() link() replace() search() split() sub...原创 2018-04-27 11:10:03 · 337 阅读 · 0 评论 -
前端技术(JavaScript)学习笔记(二)自定义对象以及JavaScript中的异常处理
0、JavaScript对象,在js中对象被看做是属性的容器,即js中的对象中包含了诸多属性。需要注意的是,在java中的对象(类)中可能有属性(变量)也有方法。其实在js对象中除了相关属性外,也有方法,只不过对于Javascript而言,对象中方法也是以属性存储的而已。1、javascript中自定义对象语法一。具体情况如下代码及其中的注释语句<!DOCTYPE html>...原创 2018-04-27 10:55:04 · 342 阅读 · 1 评论 -
前端技术(JavaScript)学习笔记(一)JavaScript基本概念、变量、数据类型、运算符、控制语句、函数方法
0、什么是JavaScript?JavaScript一种基于浏览器、弱类型、基于对象的轻量级脚本语言 基于浏览器:js代码有浏览器负责解析执行 弱类型: 在js中可以不定义变量而直接使用这个变量,同时在js中定义变量可以不指名具体的数据类型 基于对象: 在js中提供了诸多对象,在编码过程中可以直接拿来使用 ...原创 2018-04-27 10:24:01 · 508 阅读 · 0 评论 -
前端技术(JQuery)学习笔记(一)JQuery文档准备就绪事件、JQuery事件处理、JQuery对象与DOM对象的、JQuery取值
一、JQuery,是一套JavaScript的函数库(类库),可以很大程度上简化js代码。所以,利用Jquery对HTML元素的操作更加的便捷。 1、JQuery的核心函数:jQuery()函数,利用这个核心函数可以完成html元素的选取功能。为了简化开发过程,JQuery提供了$号代替JQuery核心函数 比如jQuer原创 2018-05-05 13:05:34 · 1269 阅读 · 2 评论 -
angularjs速成学习个人理解_3表达式filter过滤器的使用
上一节中说道:“表达式语法{{表达式 [|过滤器] }}”。表达式获取$scope作用域的数据模型。不过我们常常会遇到要显示在页面上的内容与模型的数据格式有些问题。过滤器可以加入到angular.js中,为了格式化和改变数据的显示。常用的过滤器:filter:用于展示一个数组中的子集合。原创 2017-09-25 22:58:23 · 527 阅读 · 0 评论 -
手写的js图片上传加载工具
1 图片上时,一般需要使用上传按钮+缩略图的形式上传文件,这样可以更好的提升用户体验2 在上面图片中,用户上传时可以点击按钮图片,图片加载可以看到自己选择的缩略图,这些代码一般在网上开源的js文本编辑插件中都能实现,另外我们也可以自己编写一个类似的js程序完成该功能3 在上面图片中,我们使用的其实仍然是html的file对象,只不过我们用缩略图代替了原创 2017-10-16 16:13:09 · 564 阅读 · 0 评论 -
angularjs速成学习个人理解_9表单验证
angularjs提供表单验证功能。虽然比不上其他框架的的验证方式的。但是个人认为比别的验证框架要灵活一些。不是简单的通过设置属性来实现。ng-show属性可以控制一个标签的显示与隐藏。借助菜鸟教程的例子如下: WelcomeWelcome to my home.当checkbox选中时,div内容显示。反之,隐藏。通过设置在标签上的ng-show控制验证是否通过。原创 2017-10-30 10:51:35 · 322 阅读 · 0 评论 -
angularjs速成学习个人理解_8form中的下拉框
在开发中下拉框往往会做成组件化。angular可以灵活的给下拉框赋值或选取值、选取对象。方式一:直接在option上循环给定数据如下:数据是一个数组。 $scope.cars = [ {brand:"BMW",name:"宝马"}, {brand:"Benz",name:"奔驰"}, {brand:"Audi",name:"奥迪"}原创 2017-10-29 22:42:50 · 314 阅读 · 0 评论 -
angularjs速成学习个人理解_7指令Directives
AngularJS 让我们可以继承HTML带有新的属性,这个功能叫做指令DirectivesAngularJS 有一组内置的指令,可以为您的应用程序提供功能。AngularJS 也让我们自定义自己的指令AngularJS指令是用前缀ng的扩展HTML属性通用的内置指令包括:ng-appng-initng-bindng-controllerng-mod原创 2017-10-18 22:48:24 · 293 阅读 · 0 评论 -
angularjs速成学习个人理解_2表达式
表达式语法{{表达式 [|过滤器] }}:两个{{}}中可以放入表达式。通常任务默认是访问$scope下的数据模型。在表达式后面可以加入过滤器来进行结果的过滤显示。 时时发生变更的视图表达式{{number}} // 对应ng-app声明这是一个模块,并获取模块对象 var myApp = angula原创 2017-09-20 23:04:55 · 212 阅读 · 0 评论 -
angularjs速成学习个人理解_1数据与模型绑定
Angularjs最牛的地方我人为他为前端的数据渲染(页面上数据的显示)提供了良好的方式。另外一个比较好玩的在于数据的双向绑定。 首先学习数据的绑定方式:在angular中,数据的绑定是同步在模型与视图之前。模型指的是$scope中的数据模型。视图指的是html标签上的表达式{{表达式}}、ng-model。这里ng-model才是数据可以双向绑定的。{{表达式}}原创 2017-09-18 21:34:12 · 408 阅读 · 0 评论 -
使用Cookie的B2C的电商系统购物车的业务逻辑
1 在浏览器,服务器端可能存在的购物车数据对象,其中浏览器客户端使用的数据对象是存放在cookie中的1 浏览器中的cookie购物车数据(没有用户id和购物车id) List_cart_cookie2 数据库中用户的购物车数据 List_cart_db3 购物车数据session(缓存)数据 List_cart_session原创 2017-09-26 15:29:57 · 1218 阅读 · 0 评论 -
前端技术(HTML)学习笔记(一)HTML详解
前端技术(HTML)学习笔记(一)HTML入门一、web前端技术 与客户端进行交互的一些技术 比如页面的开发(html,css,javascript) 1、前置的知识 ①、http:http协议 面向无连接、无状态、基于请求和应答模式的应用层协议 ②、URL&UR...原创 2018-09-03 11:00:29 · 448 阅读 · 0 评论