网站前端
文章平均质量分 85
yichudu
code anything
展开
-
微信小程序开发简述
我为什么选择它入口方便,微信上拉即可。 如果只是少数几个私密朋友用的话,不用通过审核正式发布, 邀请他们作为管理员就可以。程序架构 figure 程序架构有js,wxml,wxss三种格式的源文件,对应关系见下;js->jswxml->htmlwxss->cssPage()函数该函数接受一个 object 作参数,指定了页面的初始数据、生命...原创 2018-04-06 13:48:42 · 1315 阅读 · 1 评论 -
js 数据类型及常用函数
JavaScript 对大小写是敏感的。js中的注释同c语言相同。变量是弱类型的,与 Java 和 C 不同,定义变量时只用 var 运算符。在使用变量前可以不声明。如var sTest = "hello ";sTest2 = sTest + "world";每条语句结尾的分号可有可无。数字允许使用科学计数法,var fNum = 5.618e7;8进制数以0开头,原创 2014-09-08 10:25:15 · 1354 阅读 · 0 评论 -
JQuery (简化dom操作)
JQuery本质是一个js文件,里面是js常用功能的封装。可以引用自己网站的js,也有可以用Microsoft的。引用必须放在标签对内。一个例子: 这样的形式--> $(document).ready(function(){ $("button").click(function() { $(".class1").hide()原创 2015-03-10 18:53:11 · 1036 阅读 · 0 评论 -
angular-bootstrap
bootstrap是很好用的css框架,angularJS对其进行了集成。项目主页:https://angular-ui.github.io/bootstrap/通常来讲,需要引入AngularJS,bootstrap.css。1.tooltipangular已经封装好了tooltip这个指令。button问:hover效果如何在chrome中看详情?答:鼠原创 2015-12-15 15:27:48 · 757 阅读 · 0 评论 -
AngularJS-常用指令
ng-repeat类似于java里面的foreach语法,它将指令所在的DOM元素复制若干次,适用于生成列表。ng-repeat指令可以通过$index返回当前引用的元素序号,从0开始。 {{$index+1}} {{track.name}} {{track.duration}}原创 2015-04-09 14:41:00 · 1054 阅读 · 0 评论 -
js 函数
函数写在html文件中csdn编辑器太渣, 一写就会被真的执行。函数写在js文件中function Transfer(res, key)// INT_MAX=2147483647 经纬度小数点后不能超9位{ var str = res.toString(); var i1 = 0, i2 = 0; var mark = true; for (var i = 0...原创 2014-09-05 21:27:42 · 749 阅读 · 0 评论 -
AngularJS-自定义指令
AngularJS的内置指令总归是有限的,特别是我们需要使用第三方的jQuery 插件时,就需要自己编写directive。拿Jquery-UI的datepicker控件来讲。var module1 = angular.module('qingWebApp.directive', []);//需要新建一个模块qingWebApp.directive。module1.directive原创 2015-09-01 09:38:42 · 1274 阅读 · 0 评论 -
AngularJS (前端MVC框架)
AngularJS是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS的核心特点是:MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入。适用于:构建CRUD web应用。(CDUQ,数据的增删改查)。不适用于:游戏,图形界面编辑器。这种DOM操作很频繁也很复杂的应用,和CRUD应用就有很大的不同,它们不适合用AngularJS来构建。像这种情况用一些更原创 2015-03-27 10:49:38 · 1333 阅读 · 0 评论 -
angular定制组件-bootstrap(css框架)
需要的文件bootstrap.cssui-bootstrap-tpls.js模态框angular定制的bootstrap的模态框,可以方便地将视图与控制器绑定。模块的定义与模块的控制器://定义模块时引入依赖angular .module('myApp', [ 'ui.bootstrap' ]); //定义控制器时传入依赖 angular原创 2015-09-01 15:37:24 · 2416 阅读 · 0 评论 -
bootstrap 表格、表单、面板、模态框
表格.table-responsive用来创建响应式表格,其会在小屏幕设备上(小于768px)水平滚动。当屏幕大于 768px 宽度时,水平滚动条消失。.table-hover的效果是鼠标所在行底色变灰。 ... 表单.form-control的效果为输入框获得焦点时会有边缘发光效果。 Email address <input type="ema原创 2015-06-10 18:38:58 · 6089 阅读 · 0 评论 -
local storage (H5本地存储)
HTML5 提供了两种在客户端存储数据的新方法:localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储之前,这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不高。1.local storage靠js完成。一个原创 2016-03-18 14:08:53 · 1214 阅读 · 0 评论 -
前端技术概览
本文描述当前主流的前端框架,语言及技术栈。 浏览器中的页面叫web页面, 由于直接面向用户,所以称前端,由HTML + CSS + JS 组合而来,其中 HTML 是用来描述当前这个页面的结构,CSS 用来描述页面的样子,JS 通常是用来处理这个页面和用户的交互。html页面的骨架。css为了复用一些样式,有了css的id选择器和class选择器。 html原生的样式不美观,所...原创 2018-04-06 11:57:56 · 535 阅读 · 0 评论 -
ajax的跨域方案
服务端需要做改造.1. 添加header见下面代码.@Overridepublic void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException { HttpSe原创 2017-02-23 16:03:23 · 351 阅读 · 0 评论 -
selenium 自动化web测试
1.简介用java抓取网页内容有很多种方法。a)使用HttpClient发送请求,然后解析网页或json。b)使用jsoup,来帮我们发请求,方便地像jquery那样抠取标签c)使用selenium,通过浏览器加载页面。1.1 selenium的优势有些内容是通过ajax获取并通过js填充到dom中的,所以离开浏览器拿不到内容。有些网站为防爬虫,用js做了特殊的运算与校原创 2016-11-25 16:27:13 · 470 阅读 · 0 评论 -
淘宝的页面是如何生成的?
以下结论均通过浏览器|开发者工具查看network,source,element等tab对比得出.1.pc1.1导购产品页,如必买清单kissy(淘宝自己的类jquery框架),jsonp拿数据1.2宝贝详情页kissy,有些数据后台渲染,有些通过jsonp拿.2.h52.1导购产品页,如必买清单vue.js,jsonp拿数据2.2宝贝详情页ki原创 2016-12-07 15:48:40 · 3097 阅读 · 0 评论 -
chrome 桌面通知
1.是否支持//新版的chrome才支持,通过下行进行判断'Notification' in window2.申请权限3.弹出通知原创 2016-11-10 21:00:13 · 799 阅读 · 0 评论 -
jsoup (网页获取与解析)
org.jsoup.nodes.Document一个Html文档。Connection org.jsoup.Jsoup.connect(String url)根据指定URL拿到HTML网页。下面是两个示例.Creates a new Connection to a URL. Use to fetch and parse a HTML page. Use examples:原创 2015-01-15 16:49:36 · 3459 阅读 · 0 评论 -
Cookie 与 sessonID
Http协议是无状态的,即服务端只能通过你本次提交的http请求来给出响应。cookie可用于服务端标记客户端。如登陆过后免输密码,购物车实现等。cookieCookie可以通过js代码生成,也可以通过服务端代码生成。一个cookie由name、value、domain等属性组成,可以看下图的列。得到了cookie,下次访问的时候就会在Http请求里包含cookie,可以有很多原创 2015-03-14 16:55:46 · 1850 阅读 · 0 评论 -
angularJS 表单使用
变量监视数据双向绑定是指模型与视图的绑定,在$scope.a依赖于$scope.b的情况下,当b变化时a是不会同步变化的。若想实现数据一致,需要使用$scope.$watch()函数。比如下图所示应用,选择频道后,候选的计数器都是该频道下的计数器。图1 计数器与频道是对应的 都是下拉列表对应代码是:// watch$scope.$watch('config.c原创 2015-09-09 10:15:47 · 723 阅读 · 0 评论 -
AngularJS 自定义服务
angular中的service叫做服务,用来封装常用的函数。就像java中的Util类一样。定义以PathUtil服务为例,定义见下:'use strict';/** * url的前缀固定,后缀会变,所以封装成服务,减少代码量 */angular.module('myApp') .service('PathUtil', function PathUtil() { var原创 2015-09-01 09:50:00 · 759 阅读 · 0 评论 -
angular定制组件-toastr(消息提醒)
toastr是一个消息提醒工具。需要的文件angular-toastr.js angular-toastr.cssangular把toastr封装成一个module,使用更方便。用法//定义模块时引入依赖angular .module('myApp', [ 'ui.bootstrap', 'toastr' ]); //定义控制器时传入依原创 2015-09-01 09:11:36 · 5660 阅读 · 0 评论 -
jquery 遍历dom元素
$('#navBarID').children() //选定元素的所有孩子节点$('#navBarID').children().eq(i) //选定元素的第i个孩子节点,从0计数原创 2015-07-21 15:42:41 · 719 阅读 · 0 评论 -
JQuery-ajax
JQuery中$.ajax()方法参数详解 url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。type: 要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。timeout: 要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖$.原创 2015-04-02 10:07:31 · 948 阅读 · 0 评论 -
css 概述
CSS,cascading style sheet,级联样式表,用于指定网页外观。CSS文件的内容见下:Selector{property1:value1;property2:value2;}属性选择器:ID选择器:对具有指定id的HTML元素起作用。选择器名以’#’开头。class选择器:对具有指class的HTML元素起作用。选择器名以’.’开头。原创 2014-09-07 13:03:20 · 794 阅读 · 0 评论 -
JQuery-ui
jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。静态资源引用 日期选择用到的是datepicker()。 $(document).ready(function() { $("#datepicker").datepicke原创 2015-04-22 10:48:17 · 666 阅读 · 0 评论 -
HighCharts (web 页面的图表框架)
一个非官方的中文教程网站, http://www.hcharts.cn/ ,很不错。一些效果图:图1:折线图图1对应的代码;highCharts-demo $(function () { $('#container').highcharts({ title: {原创 2015-03-31 11:16:43 · 1483 阅读 · 0 评论 -
js在Chrome Browser的调试
liebao浏览器有ie与chrome双内核。按F12唤出开发人员窗口,点Sources标签,见下。按 ctrl+p打开要调试的页面。console的使用console.info("这是info");可以在下面标签中看到输出,也能方便调试。原创 2015-03-12 13:35:55 · 551 阅读 · 0 评论 -
JQuery.cookie
创建一个会话cookie:$.cookie(‘cookieName’,'cookieValue’);注:当没有指明cookie时间时,所创建的cookie有效期默认到用户浏览器关闭止,故被称为会话cookie。创建一个持久cookie:$.cookie(‘cookieName’,'cookieValue’,{expires:7});注:当指明时间时,故称为持久cookie,并且转载 2015-03-13 14:04:13 · 513 阅读 · 0 评论 -
js 概述
JavaScript,用于浏览器的解释语言,写网页都要用它。输出文本,document.write("This is a heading");脚本可位于 HTML 的 或 部分中,或者同时存在于两个部分中。如需在 HTML 页面中插入 JavaScript,请使用 标签。 和 会告诉 JavaScript 在何处开始和结束。alert("My First J原创 2014-09-07 13:04:55 · 854 阅读 · 0 评论 -
AngularJS-常用服务
我们可以利用路由服务定义这样一种东西:对于浏览器所指向的特定URL,Angular将会加载并显示一个模板,并实例化一个控制器来为模板提供内容。//执行严格的js语法检查'use strict';angular//新建模块,应用名是cepWebApp,接着是依赖的模块。 .module('cepWebApp', [ 'ngCookies', 'ngR原创 2015-04-09 14:16:51 · 2042 阅读 · 0 评论 -
web 文件上传
页面部分<form action="webService/predictFileService" method="post" enctype="multipart/form-data"> 上传文件: 对应的请求为:后台部分需要apache-fileupload工具,下面是maven依赖。 commons-fileupload commons原创 2015-05-10 14:44:14 · 1113 阅读 · 1 评论 -
HTML 概述
HTML必须位于最开始,告诉浏览器页面类型。 与 之间的文本描述网页 与 标签用于定义文档的头部。下面这些标签可用在 head 部分:, , , , , 以及 。下面语句用于5秒后跳转。 与 之间的文本是可见的页面内容 与 之间的文本被显示为标题有 - 六级标题。 与 之间的文本被显示为段落段落之间有较大的间距原创 2014-09-07 12:57:38 · 965 阅读 · 0 评论 -
css 常用属性、布局
文本color //颜色名表示。如white、gold等。还可以rgb、rgba。a表示透明程度,[0,1]=[完全透明,不透明]。我喜欢rgb(255,0,128)。text-decoration //文本修饰,underline为下划线,line-through为删除线text-align //对齐方式,居中就是center。字体font-family //字体系列原创 2015-04-23 14:55:34 · 772 阅读 · 0 评论 -
bootstrap 提示、倒塌与旋转木马
提示,tooltip <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="Tooltip on left">Tooltip on top $(function () { $('[data-toggle="tooltip"]').tooltip(原创 2015-06-11 10:50:22 · 1122 阅读 · 0 评论 -
bootstrap 导航,情境,字体图标
控件禁用以button控件为例,下面两句都可以。效果为控件变灰,hover状态下鼠标指针变为禁止标志。i'm a buttoni'm another button情境导航原创 2015-06-23 17:08:02 · 1997 阅读 · 0 评论 -
html 表单控件
见下图,URL中“?”问号后面的参数会出现在Query String Parameters中;POST方法的form中的数据会出现在FormDara中。原创 2015-03-18 11:10:07 · 1573 阅读 · 0 评论 -
bootstrap (前端css框架)
{CSDN:CODE:637348}原创 2015-04-06 22:26:07 · 1325 阅读 · 0 评论 -
百度地图 ip查询 service
官方文档:http://developer.baidu.com/map/wiki/index.php?title=webapi/ip-api请求一个例子:http://api.map.baidu.com/location/ip?ak=3GFi2F04wXaVuwmGu8fN49kL1234567890&ip=180.161.128.181返回{ "address": "C原创 2015-05-06 17:03:48 · 1376 阅读 · 0 评论 -
百度地图 js使用
在网页中展现地图及位置信息,可使用百度地图。参阅 http://developer.baidu.com/map/index.php?title=jspopular/guide/introduction1.获取秘钥秘钥是为了用在百度地图api的js引用中。2.在html中放置指定id的容器3.设置csshtml, body { width: 100%; heigh原创 2015-05-06 16:04:14 · 2642 阅读 · 0 评论 -
LESS (CSS 框架)
CSS 需要书写大量看似没有逻辑的代码,不方便维护及扩展,不利于复用。造成这些困难的很大原因源于 CSS 是一门非程序式语言,没有变量、函数、SCOPE(作用域)等概念。LESS 在 CSS 的语法基础之上,引入了变量,Mixin(混入),运算以及函数等功能,大大简化了 CSS 的编写,并且降低了 CSS 的维护成本,就像它的名称所说的那样,LESS 可以让我们用更少的代码做更多的事情。本原创 2015-03-27 17:55:05 · 835 阅读 · 0 评论