![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
25King
123456
展开
-
JSONObject 与JSONArray
JSON字符串可以有两种格式,一种是对象格式的JSONObject ,另一种是数组对象JSONArray 实例: {“name”:”JSON”,”address”:”北京市西城区”,”age”:25}//JSON的对象格式的字符串 [{“name”:”JSON”,”address”:”北京市西城区”,”age”:25}]//数据对象格式 都是以键值对的形式存在,唯一的区别是数组多了一个[];原创 2017-12-15 00:38:27 · 496 阅读 · 0 评论 -
Android中Json数据格式的解析
Json与xml是HTTP协议网络传输数据常用的两种格式。一、什么是JSON?JSON是一种取代XML的数据结构,和xml相比,它更小巧但描述能力却不差,由于它的小巧所以网络传输数据将减少更多流量从而加快速度。JSON就是一串字符串 只不过元素会使用特定的符号标注。{} 双括号表示对象[] 中括号表示数组"" 双引号内是属性或值: 冒原创 2017-11-03 20:50:14 · 1537 阅读 · 0 评论 -
Android中xml的解析方式
Android 提供了三种解析XML的方式:SAX(Simple API XML), DOM(Document Object Model), Pull 本文中所用的XML文档内容如下:apps> app> id>1id> name>Google mapsname> version>1.0version> app> app> id>2id>转载 2017-11-03 20:44:27 · 263 阅读 · 0 评论 -
gulp-sass无法正常安装
在用工具gulp时,gulp执行的时候一直有这个问题:Error: %1 is not a valid Win32 application 后配置了python环境之后仍解决不了后查原因,可能是node-sass需要下载二进制,换源也不行将下面的添加到 ~/.npmrc(位于node.js的安装目录下nodejs\node_modules\n原创 2017-09-13 23:39:07 · 478 阅读 · 0 评论 -
一个js回调函数的使用实例callback
checkModuleUpdate: function (supplier_id, module_type, ver, category_id, callback) { var me = this; $http({ 'url': me.options.info_cloud...原创 2018-07-27 08:50:21 · 784 阅读 · 0 评论 -
vue学习-入门:vue-cli新建简单项目
1.安装node.jsnpm包管理器集成在node中,安装好后命令:npm -v 可以看到版本下载链接:https://nodejs.org/en/download/2. npm 安装速度慢,使用淘宝的镜像及其命令 cnpmnpm install -g cnpm --registry=http://registry.npm.taobao.org ,安装淘宝镜像安装相关依赖3.安装vue-...原创 2018-11-14 14:24:45 · 327 阅读 · 0 评论 -
vue学习-基本语法
vue的语法同angularjs类似,指令由angularjs的ng 变成了vue的v.1.一个例子<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Vue 测试</title> <script src="https:/原创 2018-11-29 10:40:02 · 997 阅读 · 0 评论 -
vue学习-条件与循环
一.条件判断 v-if例子1<div id="app"> <p v-if="seen">现在你看到我了</p> <h1>教程</h1> <p>学的不仅是技术,更是梦想!</p> </template>原创 2018-12-03 09:30:28 · 1217 阅读 · 0 评论 -
vue学习-组件Component
组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树:注册一个全局组件的语法:Vue.component(tagName, options)tagName 为组件名,options 为配置选项。注册后,我们可以使用以下方式来调用...原创 2018-12-21 09:23:48 · 450 阅读 · 1 评论 -
JS获取地址栏参数的方法
方法一:采用正则表达式获取地址栏参数:( 强烈推荐,既实用又方便!)function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=nul...转载 2018-12-21 10:07:53 · 7055 阅读 · 1 评论 -
vue学习-computed
1.计算属性用来处理复杂的逻辑,关键词:computed例如:&lt;div id="app"&gt; {{ message.split('').reverse().join('') }}&lt;/div&gt;可以通过computed来实现&lt;div id="app"&gt; &l原创 2018-12-17 21:02:25 · 123 阅读 · 0 评论 -
vue学习-属性监听,样式绑定v-bind
1.监听属性例子1&lt;div id = "app"&gt; &lt;p style = "font-size:25px;"&gt;计数器: {{ counter }}&lt;/p&gt; &lt;button @click = "counter++" styl原创 2018-12-18 21:24:23 · 1318 阅读 · 0 评论 -
vue学习-事件处理v-on
1.事件监听用v-on指令例子&lt;div id="app"&gt; &lt;button v-on:click="counter += 1"&gt;增加 1&lt;/button&gt; &lt;p&gt;这个按钮被点击了 {{ counter }} 次。&lt;/p&a原创 2018-12-18 22:45:30 · 187 阅读 · 0 评论 -
vue学习-表单
表单v-model 指令在表单控件元素上创建双向数据绑定。&lt;div id="app"&gt; &lt;p&gt;input 元素:&lt;/p&gt; &lt;input v-model="message" placeholder="编辑我……"&gt; &a原创 2018-12-19 10:07:03 · 163 阅读 · 0 评论 -
vue学习-路由
路由允许我们通过不同的 URL 访问不同的内容。通过 Vue.js 可以实现多视图的单页Web应用。Vue.js 路由需要载入 vue-router 库直接下载https://unpkg.com/vue-router/dist/vue-router.jsnpm 这里是淘宝镜像cnpm install vue-router简单例子:Vue.js + vue-router 可以很简单...原创 2019-01-02 22:42:30 · 307 阅读 · 0 评论 -
angular中ng-controller父子级
ng-controller 指令用于为你的应用添加控制器。在控制器中,你可以编写代码,制作函数和变量,并使用 scope 对象来访问。 当有两个控制器father、child且child 在 father内,那child 可以称为子控制器,它将继承父控制器father的scope。child就可以访问到father的scope中的所有函数和变量。&lt;div ng-controller...原创 2018-06-22 13:31:52 · 601 阅读 · 0 评论 -
css:盒子垂直水平居中的几种方法
方法1:宽度和高度已知的。思路: 给父元素相对定位 给子元素绝对定位 left: 50%;top: 50%; margin-left: 负的宽度一半。 margin-top: 负的高度一半;<!DOCTYPE html><html><head> <meta charset="utf-8"> <ti...原创 2018-02-28 08:40:44 · 18495 阅读 · 0 评论 -
js基础知识总结
一、js的简介 js(JavaScript的缩写) 是 Web 脚本语言,可用于 HTML 和 web。可在web中增加设计效果,校验表单,辨别浏览器,建立cookies等,可适用不同的主流浏览器。二、js的基础知识1.js的引入html的两种方式(1).直接写在html中,要写在 与 标签之间。可写在head中,确保函数被调用前已经加载完成也可写在原创 2017-08-07 20:28:24 · 284 阅读 · 0 评论 -
html学习总结1:标签、样式及属性
1.代码的显示::定义预格式化文本,保存文本的换行与空格,适合显示计算机代码等:定义编程代码示例,不保留空格及换行。2.aglin文本对齐格式:center,left,right3.块级元素与行级元素:块级元素:前后有换行可以设置宽高等属性,以及边距,参照盒子模型内部可以包含其他块级元素,内联元素宽度默认是父元素的宽度,高度可以设置或者由原创 2017-08-16 10:47:50 · 367 阅读 · 0 评论 -
微信开发获取用户基本信息
1、申请微信公众号--服务号(略)2、使用 AppID和AppSecret调用本接口来获取access_token。 具体操作步骤微信官方问答:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140183&token=&lang=zh_CN3、获取用户的Openid获取用户转载 2017-10-31 23:09:51 · 705 阅读 · 0 评论 -
Ajax的全面总结
Ajax在前端开发中有着举足轻重的地位,关于Ajax的使用和注意事项一直是一个重要的话题,借此机会,本文希望对Ajax做一个全面的总结,彻底揭开Ajax的神秘面纱。一.什么是AjaxAjax(Asynchronous JavaScript and XML),可以理解为JavaScript执行异步网络请求。通俗的理解的话就是,如果没有Ajax技术,改变网页的一小部分(哪怕是一行文字、转载 2017-11-06 08:59:49 · 243 阅读 · 0 评论 -
html5 css3实现字幕滚动的效果
html5中marquee逐渐被取代,要实现字幕的滚动可以再js中实现: html5 body { margin: 0px; font-size: 12px; color: #938C43; line-height: 150%; text-align:center; } a:link{color: #9D943A;font-s原创 2017-11-29 15:28:17 · 21974 阅读 · 0 评论 -
20个css使用的高级技巧
下面是收集的CSS高级技巧。1. 黑白图像这段代码会让你的彩色照片显示为黑白照片,是不是很酷?img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%转载 2017-11-30 14:15:41 · 320 阅读 · 0 评论 -
js数组的操作详解
转自:https://segmentfault.com/a/1190000012276002数组APIAPI: Application Programming Interface,应用程序编程接口;js中对象提供的方法就叫做API;instanceof检测一个对象是否是数组;(用来对付复杂数据类型;) // 简单数据类型 typeof ; A instanceof B // A是不是B造转载 2017-12-11 10:42:52 · 463 阅读 · 0 评论 -
Html5 canvas学习2-圆 贝塞尔曲线
1.画一个圆弧arc(x,y,r,start,stop) 参数分别为: 圆心x坐标, 圆心y坐标, 圆的半径r , 开始角度, 结束角度var c = document.getElementById("myCanvas");var ctx = c.getContext("2d"); //获取该canvas的2D绘图环境对象ctx.arc( 80, 80, 40, 0, 2*Math.PI);c原创 2017-12-20 09:47:23 · 1229 阅读 · 0 评论 -
Html5 canvas学习3-文本 投影
1.文本使用 canvas 绘制文本,重要的属性和方法如下:方法:fillText(text,x,y) - 在 canvas 上绘制实心的文本 strokeText(text,x,y) - 在 canvas 上绘制空心的文本 measureText(text)-measureText返回的对象中包含一个名为width的属性。参数:text 显示的文本内容,(x,y) 文本绘制的起始点坐标。 f原创 2017-12-20 14:12:13 · 882 阅读 · 0 评论 -
Html5 canvas学习4-图像
把图片或视频放置到画布上, 使用以下方法:ctx.drawImage(image,x,y)//完整的参数如下,除了image,x,y其余均是可选ctx.drawImage( img, clip_x, clip_y, clip_w, clip_h, x, y, width, height );1.最简单的形式ctx.drawImage(img, x, y):<script>var c = doc原创 2017-12-20 23:38:41 · 262 阅读 · 0 评论 -
Html5 canvas学习1-描边 渐变 直线 矩形
1.坐标系统默认是300*150像素大小,以左上角为原点。canvas 的左上角坐标为 (0,0) 可以通过下面方式来交换坐标: 平移(translate) 旋转(rotate) 缩放(scale)2.创建<canvas id="myCanvas" width="200" height="100"style="border:1px solid #000000;"></canvas><scr原创 2017-12-18 18:33:42 · 1149 阅读 · 0 评论 -
Html5 canvas学习5-图形变形:缩放 旋转 平移 变形
在canvas对当前绘图对象进行变形时,其中心点是画布(0,0)的坐标原点。1.缩放缩放context.scale(x,y)x:x坐标轴按x比例缩放 y:y坐标轴按y比例缩放比如1表示不缩放、0.5表示缩小50%、2.3表示放大2.3倍。例子:<script>var c = document.getElementById("myCanvas");var ctx = c.getConte原创 2017-12-21 09:07:16 · 15056 阅读 · 0 评论 -
Html5 canvas学习6-放大镜
drawImage()这个方法有三种使用情况: 1、drawImage(img,x,y) 三个参数,第一个参数当然是img元素了,也可以是video元素或者Image对象,x 、y 为图片绘制时在画布中的起始坐标,图像大小与原图相同。 2、drawImage(img , x , y , w , h) 与第一中情况相比,多了两个参数,分别代表所绘图像的宽度和高度。 3、drawIm原创 2017-12-22 12:03:07 · 271 阅读 · 0 评论 -
HTML5全局属性汇总
局部属性和全局属性 局部属性:有些元素能规定自己的属性,这种属性称为局部属性。 比如link元素,它具有的局部属性有href、 rel、 hreflang、 media、 type、 sizes这六个。 全局属性:可以用来配置所有元素共有的行为,这种属性称为全局属性,可以用在任何一个元素身上。1、accesskey属性使用accesskey属性可以设定一个或几个用来选择页面上的元素的快捷键。转载 2017-12-15 10:36:43 · 327 阅读 · 0 评论 -
http中get与post的区别
一 原理区别 一般在浏览器中输入网址访问资源都是通过GET方式;在FORM提交中,可以通过Method指定提交方式为GET或者POST,默认为GET提交Http定义了与服务器交互的不同方法,最基本的方法有4种,分别是GET,POST,PUT,DELETEURL全称是资源描述符,我们可以这样认为:一个URL地址,它用于描述一个网络上的资源,而HTTP中的GET,POST,PUT,D原创 2017-06-27 00:02:36 · 286 阅读 · 0 评论