- 博客(138)
- 收藏
- 关注
原创 jquery获取单选框radio的值
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div&
2018-08-07 09:46:32
479
原创 jquery,获取多个复选框的值
<!doctype html><html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=devic
2018-08-07 09:31:44
1451
原创 vue开发computed,watch,method执行的先后顺序
1#computed:计算属性将被混入到 Vue 实例中。所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例。2#methods:methods 将被混入到 Vue 实例中。可以直接通过 VM 实例访问这些方法,或者在指令表达式中使用。方法中的 this 自动绑定为 Vue 实例。3#watch:是一种更通用的方式来观察和响应 Vue 实例上的数据变动。一个对象,...
2018-03-30 09:17:58
20968
2
转载 npm和yarn的使用对比
NPMYARN说明npm inityarn init初始化某个项目npm install/linkyarn install/link默认的安装依赖操作npm install taco —saveyarn add taco安装某个依赖,并且默认保存到package.npm uninstall taco —saveyarn remove taco移除某个依赖项目npm install taco —sa...
2018-03-28 15:12:04
2247
1
转载 CSS3开发:常用的20个css
1. 黑白图像这段代码会让你的彩色照片显示为黑白照片,是不是很酷?img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter:
2018-01-17 11:35:03
715
原创 vue开发:vue设置公共Api
const baseApi='http://10.4.5.198';const homeApi='http://10.4.5.198';export default {baseApi,homeApi}
2018-01-17 11:20:45
2677
原创 vue开发:vue的get与post请求
一,get请求self.$http.get(self.COMMON_URL.URL_199+'/runSystem/getRunSystemByProductId',{params:{productId:productId}}).then();二,post请求let qs=require('qs');let params={ 'taskId':self.taskI
2018-01-17 11:09:14
3399
原创 vue开发:vue如何将小数转化为百分比
let number=this.buildData.testResult.auto_retest_number/this.buildData.testResult.auto_retest_number;let str=Number(number*100).toFixed(2);str+="%";this.testCoverages=str;
2018-01-16 11:07:15
15641
原创 vue开发:echart显示百分比
option = { title: { x: 'center', text: 'Age', subtext: 'Rainbow bar for Age', link: 'http://echarts.baidu.com/doc/example.html' }, tooltip: {
2018-01-15 13:53:10
3297
原创 vue开发:vue动态路由匹配
/user/foo /user/bar const User = { template: `User {{ $route.params.id }}`}const router = new VueRouter({ routes: [ { path: '/user/:id', component: User } ]
2018-01-15 09:33:44
1269
原创 css3美化滚动条
/*定义滑块 内阴影+圆角*/::-webkit-scrollbar-thumb {border-radius: 3px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);/* // background-color: rgba(7, 170, 247, 0.7); */background-color: #eee;}
2018-01-12 13:38:24
384
原创 vue开发:vue-cli引入swiper
1:下载需要 swiper 的js文件和css文件http://www.swiper.com.cn/12:下载好swiper相关的js和css,js放在static目录下,css放在assets目录下。3:安装runtime:npm install babel-runtime 14:修改.eslintrc.js文件如下: 最后一行添加 'globals': {
2017-12-01 11:54:57
3046
原创 vue开发:vue引入echarts
安装echarts依赖npm install echarts -S1或者使用国内的淘宝镜像:安装npm install -g cnpm --registry=https://registry.npm.taobao.org1使用cnpm install echarts -S1创建图表全局引入main.js// 引入echartsimp
2017-11-05 00:43:54
3472
原创 vue开发:vue-cli+axios解决跨域问题
1、首先axios不支持vue.use()方式声明使用,看了所有近乎相同的axios文档都没有提到这一点 建议方式在main.js中如下声明使用import axios from 'axios';Vue.prototype.$axios=axios;那么在其他vue组件中就可以this.$axios调用使用12342.小小的提一下vue cli脚手架前端调后端数据接口时候的本
2017-10-26 15:30:31
3771
原创 jjavascript开发:JSONP跨域请求数据报错 “Unexpected token :”的解决办法
Jquery使用ajax方法实现jsonp跨域请求数据的时候报错 “Uncaught SyntaxError: Unexpected token :”,主要问题在于返回的数据格式不正确本地虚拟两个域名,分别为:www.test.com、www.abc.comhttp://www.test.com/index.html页面点击按钮,请求返回 www.abc.com域名目录下的文件的数
2017-10-25 17:28:53
741
原创 vue开发:VUE axios发送跨域请求需要注意的问题
在实际项目中前端使用到vue,后端使用php进行开发。前端使用axios请求请求关于跨域跨域的概念这些就不说了,百度一大堆相关的资料信息。我就只在这里记录下我在使用当中遇到的问题,以纪念在逝去的几个小时中资料查找的艰辛。不多说,直接上代码~~~~同理,跨域的解决方案为cros。服务器 PHP端代码如下(laravel 中间件进行处理):?
2017-10-20 09:58:40
2491
原创 vue开发:axios的post请求接口出现404,但是get则成功
methods:{myclick(){this.$http({methods:"post",url:"../../../static/my.json",headers:{"Content-Type":'application/x-www-form-urlencoded; charset=UTF-8'}}).then((res)=>{console.log(JSON.st
2017-10-20 09:42:01
14803
1
原创 vue开发:详解vue.js的devtools安装
安装1.github下载地址:https://github.com/vuejs/vue-devtools2.下载好后进入vue-devtools-master工程 执行npm install ----->npm run build.3.修改manifest.json 中的persistent为true4.打开谷歌浏览器设置--->扩展程序--》勾选开
2017-10-16 11:29:15
853
原创 javascript开发:ES5与ES6的“this”深入分析
ES6中新增了箭头函数这种语法,箭头函数以其简洁性和方便获取this的特性,俘获了大批粉丝儿它也可能是面试中的宠儿, 我们关键要搞清楚 箭头函数和普通函数中的this一针见血式总结:普通函数中的this:1. this总是代表它的直接调用者, 例如 obj.func ,那么func中的this就是obj2.在默认情况(非严格模式下,未使用 'use stri
2017-10-09 09:26:13
1663
原创 javascript开发:AMD与CMD的本质区别分析
最近在研究cmd和amd,在网上看到一篇不错的文章,整理下看看。 在JavaScript发展初期就是为了实现简单的页面交互逻辑,寥寥数语即可;如今CPU、浏览器性能得到了极大的提升,很多页面逻辑迁移到了客户端(表单验证等),随着web2.0时代的到来,Ajax技术得到广泛应用,jQuery等前端库层出不穷,前端代码日益膨胀这时候JavaScript作为嵌入式的脚本语言的定位动摇了,Ja
2017-10-09 08:50:39
716
原创 H5开发:fastclick取代tap
html>html lang="zh-CN">head> meta charset="UTF-8"> title>fastclick说明书title> meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> script
2017-09-26 10:54:49
1024
原创 git管理:sourcetree的使用
Git学习笔记(SourceTree克隆、提交、推送、拉取等) 学习一下sourcetree使用git目录一 克隆Clone二 提交Commit和推送Push三 拉取pull和获取fetch四 版本回退reset五 检出checkout六 标签Tag 一 从远程库克隆CloneClone就是将远程库的代码拷贝到本地。 填
2017-08-18 09:44:05
1701
原创 H5开发:H5视屏播放
HTML5 是下一代的 HTML, 提供了展示视频的标准,规定了一种通过 video 元素来包含视频的标准方法。Video有以下的属性。autoplay autoplay 如果出现该属性,则视频在就绪后马上播放。 controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。
2017-08-10 16:16:38
1063
原创 jquery开发:jquery实现回车键触发事件
键盘事件有3:keydown,keypress,keyup,分别是按下,按着没上抬,上抬键盘 。正确代码为:$(document).keyup(function(event){ if(event.keyCode ==13){ $("#submit").trigger("click"); }});推荐:keyup,防止笔记本键盘不小心触摸到了
2017-08-10 14:39:50
2016
原创 MUI:mui项目中如何使用原生JavaScript代替jquery来操作dom
原生JS挺简单,为何需要jq?jq的成功当时是因为ie6、7、8、9、10、chrome、ff这些浏览器不兼容,让开发者崩溃,而且pc上浏览器性能好,跨平台兼容也不影响性能。但jq根本就不是为手机设计的。手机上只有webkit浏览器(忽略wp,反正mui不支持wp),根本就不需要jq这种封装框架来操作dom。选择元素//jq$('.el');//js documen
2017-08-01 14:58:23
729
原创 SEO:前端SEO优化技巧
一、搜索引擎工作原理二、SEO简介三、前端SEO (1)网站结构布局优化:尽量简单、开门见山,提倡扁平化结构。 (2)网页代码优化[html] view plain copy print?p> 第一行文字内容br/> 第二行文字内容br/> 第三行文字内容
2017-07-31 09:57:23
1071
原创 SEO:SEO优化总结
通过对网站的优化使你的网站对搜索引擎更加的友好,在使用Google的时候,你的搜索的排名会更加的靠前。 从各个角度把你的网站做强,SEO是网络营销的一部分,很大意义上来说,SEO是思想跟技术的结合,大家在搜索的时候,80%的人会只看第一页,从这可以看出来SEO的重要性,网站的流量主要是来自搜索擎。PageRank(PR)SEM搜索引擎营销搜索引擎推广的基本思想是让
2017-07-31 09:52:08
1961
原创 SEO:网站常用的五点URL优化方法
在我们做网站的时候,URL的优化也是很大的作用,这个可以给我们的网站优化起基础的作用。小编就告诉大家五个URL的优化点。 方法/步骤一:URL尽量使用静态化处理 现在的网站绝大多数是使用数据库进行驱动的,页面是由程序实时生成,而不是真的在服务器上有一个静态HTML文件存在。当用户访问一个网址时,程序根据UR
2017-07-31 09:45:36
1664
原创 require开发:require入门及实例分析
从事前端开发工作的大概都有所耳闻 requireJS 这个框架,以前都是使用而已没时间写一些记录,今天有空就写一下,顺便写个例子;什么是 requireJS ? requireJS 是用JavaScript编写的js框架,主要功能是可以按不同的先后依赖关系对 javascript 等文件的进行加载工作,可简单理解为JS文件的加载器,它非常适合在浏览器中使用,它可以确保所依赖的J
2017-07-26 10:01:41
1823
1
原创 H5开发:调用高德地图api实现H5定位功能
关于定位,分为GPS定位和网络定位。本文将详细描述的浏览器定位,属于网络定位。这是一种通过使用高德JS-API来实现位置定位、城市定位的方法,包含了IP定位,检索等多种网络定位方式。如果您的手机支持GPS功能,能够自动获取GPS信息,定位将更加准确。浏览器定位浏览器定位插件,封装了标准的HTML5定位,并含纠正模块,同时该定位方式仅适用于支持HTML5的浏览器上,如Internet
2017-07-25 14:29:36
28062
1
原创 H5开发:H5如何设置head头部与做到咯浏览器适配
meta基础知识H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />忽略将页面中的数字识别为电话号码 name="format-detect
2017-07-25 14:17:35
10850
原创 jquery开发:jquery插件编写
如今做web开发,jquery 几乎是必不可少的,就连vs神器在2010版本开始将Jquery 及ui 内置web项目里了。至于使用jquery好处这里就不再赘述了,用过的都知道。今天我们来讨论下jquery的插件机制,jquery有着成千上万的第 三方插件,有时我们写好了一个独立的功能,也想将其与jquery结合起来,可以用jquery链式调用,这就要扩展jquery,写成插件形式了,如下 面就
2017-07-21 17:46:07
413
原创 javascript开发:javascript创建对象方法总结
1.对象字面量。 复制代码代码如下:var clock={ hour:12, minute:10, second:10, showTime:function(){ alert(this.hour+":"+this.minute+":"+this.second); } } clock.showTime();//调用 2.创建Object
2017-07-21 16:47:26
471
原创 ajax开发:ajax页面加载与删除
html lang="en">head> meta charset="UTF-8"> title>Titletitle>head>body>h2>ajax实现页面加载和内容删除h2>table cellpadding="0" cellspacing="0" border="1" width="100%"> tr> td>水果名称td> td>水
2017-07-21 13:41:28
518
原创 ajax开发:分页查询功能
html lang="en">head> meta charset="UTF-8"> title>Titletitle>head>body>html>head> meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> title>无标题文档title> link
2017-07-21 11:45:19
558
原创 ajax开发:ajax三级省市区联动
本文实例为大家分享了ajax三级联动展示的具体代码,供大家参考,具体内容如下1. test.php?1234567891011scriptsrc="../jquery-1.11.2.min.js">script>script
2017-07-21 10:44:32
453
原创 node.js开发:node升级
一 使用brew升级node 1 解释 homebrew 可以理解成osx的软件管理工具,粗俗点说就是mac界的qq软件助手之类的东西。所以通过brew,安装什么chrome浏览器啊、atom编辑器之类的可视化工具也是可以的哦。npm 是Node.js界的程序/模块管理工具,也就是说npm只管理那些服务于JavaScript社区的程序。而且跨平台,windows和osx,以
2017-07-20 16:50:43
550
原创 node.js开发:在windows环境下安装node与环境配置
一、安装环境1、本机系统:Windows 10 Pro(64位)2、Node.js:v6.9.2LTS(64位)二、安装Node.js步骤1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/2、选安装目录进行安装3、环境配置4、测试三、前期准备1、Node.js简介简单的说 Node.js 就是运行在服务端的
2017-07-20 09:57:31
403
原创 H5开发:JS自动识别移动端和PC端,分配二级域名
使用方法:将下面代码放入你需要识别页面的hade标签前面,然后将下面的http://m.google.com 修改为您的手机版站点的地址!代码使用方法:将http://m.google.com/修改为你页面跳转结果页地址,所以如果不仅仅是首页需要跳转那么其他每个页面都需要程序获取比如当前页面为http://yijile.com/log/239.html那么我就要设置为http://m.yiji
2017-07-18 17:30:16
3315
原创 jquery开发:jQuery实现当按下回车键时绑定点击事件
当按下回车键时,绑定按钮点击事件代码如下,通过检测按下的键值,回车键keycode为13,判断是否是回车键,然后完成相应的方法。 复制代码代码如下: $(function(){ $(document).keydown(function(event){ if(event.keyCode==13){ $("#mouse").click(); } });
2017-07-18 11:21:59
513
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人