- 博客(59)
- 资源 (3)
- 收藏
- 关注
转载 npm删除node_modules文件夹
//安装删除工具cnpm install rimraf -g//删除命令rimraf node_modules
2019-03-26 11:29:42
440
原创 vue跨域请求解决方案
config文件夹下的index.js中找到 //反向代理 proxyTable: { '/': { target: 'http://fanyi.youdao.com', changeOrigin: true, secure: false, } },
2019-03-25 18:17:24
180
原创 jstree
$('.tree').jstree({ "core": { "animation": 0, "check_callback": true, "multiple": false, "themes": { "stripes": false, "icons": false, "dots": false }, &q
2019-03-15 10:47:39
242
原创 vue中引入echarts
cnpm install echarts --savemain.js中导入import echarts from 'echarts'Vue.prototype.$echarts=echarts直接在组件中使用let myChart = this.$echarts.init(document.getElementById('myChart'));// 绘制图表myChart...
2019-03-08 17:15:31
154
原创 vue路由
去除链接中的 #const router = new VueRouter({ mode: 'history', routes: [...]})如果路由路径错误时跳转到根目录:{path:'*',redirect:'/'},动态绑定路由<router-link :to="Contact">联系我们</router-link><!--...
2019-03-08 09:13:54
182
原创 Vue-cli 在本地模拟请求数据
模拟后台数据请求cnpm install vue-resource --save在webpack.dev.conf.js配置在const portfinder = require('portfinder')后面加上以下代码//请求本地数据const express = require('express')const app = express()const list = ...
2019-03-07 09:38:50
171
转载 vue-resource安装
vue-resource安装与应用安装vue-resource到项目中,找到当前项目输入:npm install vue-resource --save安装完毕后,在main.js中导入,如下所示:import VueResource from 'vue-resource'Vue.use(VueResource)get请求var params = {params...
2019-03-06 17:50:07
136
原创 Vue中如何使用Less
1. cnpm install less less-loader --save-dev2. 修改build/webpack.base.conf文件中的module下面的rules中添加一个对象 { test: /\.less$/, loader: 'style-loader!css-loader!less...
2019-03-06 17:14:08
122
原创 有用的前端网站
动画生成工具:https://www.w3cways.com/css3-animation-tool图片压缩:https://www.secaibi.com/tools/ https://tinypng.com/实力索引:https://www.haorooms.com/uploads/example/jscode_shizhan/index.htm...
2019-03-05 14:03:22
113
原创 es6学习重点
数组的扩展数组合并:[...arr1,...arr2,...arr3]字符串转字符数组:[..."hello"]--------------["h","e","l","l","o"]for...of遍历数组的键、值、以及各项键值对信息for (let index of ['a', 'b'].keys()) { console.log(index);}// 0//
2019-03-01 09:52:19
128
原创 VUE-DEVTOOLS安装步骤
步骤一:调往链接地址 https://github.com/vuejs/vue-devtools步骤二:解压链接地址中的包,到本地桌面步骤三:win+r 命令cmd到虚拟环境,执行cd 当前目录名路径步骤四:执行cnpm install 安装package.json中的依赖包步骤五:执行npm run build命令会在 vue-devtools-master\shells\c...
2019-01-30 11:23:46
120
原创 vue安装步骤
1.安装node node-v npm -v2.npm install -g cnpm --registry=https://registry.npm.taobao.org3.npm install cnpm -g4.cnpm install --global vue-cli5.vue init webpack my-project6.cd my-project7.cnpm in...
2019-01-21 15:39:52
173
原创 css字体渐变
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <style type="text/css"
2018-10-15 09:35:22
225
转载 git下载代码到本地
一、创建文件夹,初始化git二、添加远程仓库 要添加一个新的远程仓库,可以指定一个简单的名字,以便将来引用,运行 git remote add [shortname] [url]:三、查看目录下的所有项目四、下载代码到本地五、当出现以下证书报错时,执行第六步六、使用以下语句忽略ssl认证$ git config --global http.sslV...
2018-09-21 11:03:38
369
转载 67 个拯救前端开发者的工具、库和资源
Javascript 库Particles.js — 一个用来在 web 中创建炫酷的浮动粒子的库Three.js — 一个用来在 web 中创建 3d 物体和 3d 空间的库Fullpage.js— 快速实现全屏滚动特性Typed.js — 打字机效果Waypoints.js — 滚动到某个元素位置时触发一个功能Highlight.js — web 语法高亮Chart.js — 使用 JavaS...
2018-04-03 16:03:49
165
原创 文本两端对齐
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <style type="text/css"&a
2018-03-13 17:55:10
183
转载 父页面获取子页面的高度,并给iframe设置高度
function setIframeHeight(id){ try{ var iframe = document.getElementById(id); if(iframe.attachEvent){ iframe.attachEvent("onload", function(){
2017-11-01 18:12:02
715
原创 vue
v-model 绑定数据v-on:click j简写@clickv-for="item in arr"循环$index 序号$event 事件阻止冒泡@click.stop e.cancelBubble=true阻止默认行为@contextmenu.prevent e.preventDefalut键盘事件:@keyd
2017-07-03 16:45:42
296
1
原创 js防止重复提交
JS 防止表单重复提交var checkSubmitFlg = false;function checkSubmit() { if (!checkSubmitFlg) {// 第一次提交 checkSubmitFlg = true; return true; } else {//重复提交 alert("Submit again!"); ret
2017-06-13 10:31:15
268
原创 新浪短网址API接口
<?php//Sina App_Keydefine('SINA_APPKEY', '1681459862');function curlQuery($url) { //设置附加HTTP头 $addHead = array( "Content-type: application/json" ); //初始化curl,当然,你也可以用fsockopen代替 $curl_obj = curl_init(
2017-05-27 13:27:12
7093
1
原创 移动端页面开发相关知识
一、meta标签的相关知识1、移动端页面设置视口宽度等于设备宽度,并禁止缩放。1 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />2、移动端页面设置视口宽度等于定宽(如
2017-05-04 11:08:55
267
原创 js 返回上一页和刷新
1. Javascript 返回上一页history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例:向上一页 r
2017-04-13 11:42:09
450
原创 qq微博跳转地址
tencent://AddContact/?fromId=45&fromSubId=1&subcmd=all&uin=1499004890&website=www.oicqzone.comhttp://service.weibo.com/share/share.php?appkey=&title=&url=&pic=&searchPic=false&style=simple
2017-04-05 17:08:25
1327
转载 获取ip地址
//js获取ip地址get_ip(function (info) {console.log(info) var str=info.country + info.province + info.city; $('body').html(str);});function get_ip(cb) { var script = document.cre
2017-02-16 16:35:38
230
转载 css有用之处
/* 设置滚动条的样式 */ ::-webkit-scrollbar { width:5px; } /* 滚动槽 */ ::-webkit-scrollbar-track { -webkit-box-shadow:inset006pxrgba(0,0,0,.5); border-radius:10px; background:
2017-02-13 09:52:25
249
原创 判断手机横竖屏的条件
css:@media all and (orientation : landscape) { 横屏} @media all and (orientation : portrait){ 竖屏} js://判断手机横竖屏状态:function hengshuping(){if(window.orientation==180||
2016-12-16 15:42:23
319
转载 省市县三级联动
省市县三级联动 .dropdown{ display: inline-block; } .ssxLd{ width: 500px; margin: 100px auto; } .dropdown-menu{
2016-12-01 12:02:49
1585
转载 Access denied for user 'root'@'localhost' (using password:YES) 最佳解决方案
1、打开MySQL目录下的my.ini文件,在文件的最后添加一行“skip-grant-tables”,保存并关闭文件。2、重启MySQL服务。3、在命令行中输入“mysql -uroot -p”(不输入密码),回车即可进入数据库。4、执行,“use mysql;”使用mysql数据库。5、执行,“update user set password=PASSWORD("rootadm
2016-11-27 20:08:56
360
转载 JavaScript实用的代码段
1. 判断日期是否有效JavaScript中自带的日期函数还是太过简单,很难满足真实项目中对不同日期格式进行解析和判断的需要。JQuery也有一些第三方库来使日期相关的处理变得简单,但有时你可能只需要一个非常简单的函数,而不想引入一个庞大的第三方库。这时,你可以使用下面这段日期校验代码,它允许你自定义日期格式并进行日期有效性的校验。function isValidDate(value,
2016-11-26 15:58:06
257
转载 H5移动web开发之相关问题和经验总结
屏幕旋转的事件和样式事件window.orientation,取值:正负90表示横屏模式、0和180表现为竖屏模式;window.onorientationchange = function(){ switch(window.orientation){ case -90: case 90: alert("横屏:" +
2016-11-20 22:31:51
324
转载 浏览器的兼容性
html5兼容html5有很多新增的标签,在不支持html5的浏览器中不能正常显示。解决方法:使用html5的静态资源;加入脚本代码,document.createElement创建新的标签,并display:block;设置为块类型css兼容1、png24位的图片在ie6浏览器上出现背景,解决方案是做成png82、浏览器默认的margin和padding不同,解决
2016-11-20 21:30:59
187
转载 css实现水平居中和垂直居中的常见方式
水平居中:行内元素:text-align:center;//这个比较简单 块状元素:定宽的块状元素通过设置左右margin为auto实现,例如margin:10px auto;不定宽的块状元素:加入 table 标签后按照定宽元素进行设置;设置 display: inline 后按照行内元素设置;设置position:relative left:50% 通过给父元素设置 float,然后给
2016-11-20 21:30:00
172
原创 移动端自适应rem
1.下载完成后首先修改js文件中的基本单位:psd宽度是640就写640,是750就写750.现在的设计稿大部分是以iphone 6 为基准设计的,也就是750px。2.切图时,我们以100px为基本单位(至于为什么是100px,自己看看我的js代码就知道了),每个元素的宽高,字体等等就直接用rem来写,不用执行减半等操作,设计稿是多少就写多少。下面是一张750px的设计稿
2016-11-20 21:28:25
377
转载 JS中记住用户名 密码的COOKIE实现方式
网站登录跳转 -->form name="jumpFrm" id="jumpFrm" action="" method="POST" target="_blank">table width="100%" border="0" cellspacing="0" cellpadding="0">tr>td width="69" height="26" align="right">用户名:td>
2016-11-18 12:18:07
1050
转载 点击页面判断是否安装app并打开,否则跳转app store的方法
常常有这样的场景,咱们开发出来的APP需要进行推广,比如在页面顶部来一张大Banner图片,亦或一张二维码。但往往我们都是直接给推广图片加了一个下载链接(App Store中的)。所以咱们来模拟一下用户的操作步骤:1、用户第一次访问宣传页面 a、点击Banner,进入到APP Store中对应的APP下载页 b、APP下载页中提示:安装;用户点击安装 c
2016-11-18 12:16:57
2103
3
格式工厂绿色无广告版
2018-07-10
前端专用的截图,取色,录屏,可以自由录屏
2018-07-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人