前端-小张(qq:708819251 vx:zyj1c080)

原创 css春夏秋冬，鼠标滑入动效展示

【代码】css春夏秋冬，鼠标滑入动效展示。

原创 前端类似这样的组织机构布局，大家如何做？

实现布局的一个大致思路

转载 npm删除node_modules文件夹

//安装删除工具cnpm install rimraf -g//删除命令rimraf node_modules

原创 vue跨域请求解决方案

config文件夹下的index.js中找到 //反向代理 proxyTable: { '/': { target: 'http://fanyi.youdao.com', changeOrigin: true, secure: false, } },

原创 jstree

$('.tree').jstree({ "core": { "animation": 0, "check_callback": true, "multiple": false, "themes": { "stripes": false, "icons": false, "dots": false }, &q

原创 vue中引入echarts

cnpm install echarts --savemain.js中导入import echarts from 'echarts'Vue.prototype.$echarts=echarts直接在组件中使用let myChart = this.$echarts.init(document.getElementById('myChart'));// 绘制图表myChart...

原创 vue路由

去除链接中的 #const router = new VueRouter({ mode: 'history', routes: [...]})如果路由路径错误时跳转到根目录：{path:'*',redirect:'/'},动态绑定路由<router-link :to="Contact">联系我们</router-link><!--...

原创 Vue-cli 在本地模拟请求数据

模拟后台数据请求cnpm install vue-resource --save在webpack.dev.conf.js配置在const portfinder = require('portfinder')后面加上以下代码//请求本地数据const express = require('express')const app = express()const list = ...

转载 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...

原创 Vue中如何使用Less

1. cnpm install less less-loader --save-dev2. 修改build/webpack.base.conf文件中的module下面的rules中添加一个对象 { test: /\.less$/, loader: 'style-loader!css-loader!less...

原创 有用的前端网站

动画生成工具：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...

原创 es6学习重点

数组的扩展数组合并：[...arr1,...arr2,...arr3]字符串转字符数组：[..."hello"]--------------["h","e","l","l","o"]for...of遍历数组的键、值、以及各项键值对信息for (let index of ['a', 'b'].keys()) { console.log(index);}// 0//

原创 VUE-DEVTOOLS安装步骤

步骤一：调往链接地址 https://github.com/vuejs/vue-devtools步骤二：解压链接地址中的包，到本地桌面步骤三：win+r 命令cmd到虚拟环境，执行cd 当前目录名路径步骤四：执行cnpm install 安装package.json中的依赖包步骤五：执行npm run build命令会在   vue-devtools-master\shells\c...

原创 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...

原创 css字体渐变

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;style type="text/css&quot

转载 git下载代码到本地

一、创建文件夹，初始化git二、添加远程仓库　　要添加一个新的远程仓库,可以指定一个简单的名字,以便将来引用,运行 git remote add [shortname] [url]:三、查看目录下的所有项目四、下载代码到本地五、当出现以下证书报错时，执行第六步六、使用以下语句忽略ssl认证$ git config --global http.sslV...

转载 67 个拯救前端开发者的工具、库和资源

Javascript 库Particles.js — 一个用来在 web 中创建炫酷的浮动粒子的库Three.js — 一个用来在 web 中创建 3d 物体和 3d 空间的库Fullpage.js— 快速实现全屏滚动特性Typed.js — 打字机效果Waypoints.js — 滚动到某个元素位置时触发一个功能Highlight.js — web 语法高亮Chart.js — 使用 JavaS...

原创 文本两端对齐

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;style type="text/css"&a

转载 父页面获取子页面的高度，并给iframe设置高度

function setIframeHeight(id){ try{ var iframe = document.getElementById(id); if(iframe.attachEvent){ iframe.attachEvent("onload", function(){

原创 vue

v-model 绑定数据v-on:click j简写@clickv-for="item in arr"循环$index 序号$event 事件阻止冒泡@click.stop                   e.cancelBubble=true阻止默认行为@contextmenu.prevent          e.preventDefalut键盘事件：@keyd

原创 js防止重复提交

JS 防止表单重复提交var checkSubmitFlg = false;function checkSubmit() { if (!checkSubmitFlg) {// 第一次提交  checkSubmitFlg = true;  return true; } else {//重复提交  alert("Submit again!");  ret

原创 新浪短网址API接口

<?php//Sina App_Keydefine('SINA_APPKEY', '1681459862');function curlQuery($url) { //设置附加HTTP头 $addHead = array( "Content-type: application/json" ); //初始化curl，当然，你也可以用fsockopen代替 $curl_obj = curl_init(

原创 移动端页面开发相关知识

一、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、移动端页面设置视口宽度等于定宽（如

原创 h5调用手机照相机

原创 js 返回上一页和刷新

1. Javascript 返回上一页history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例:向上一页 r

原创 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

转载 获取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

转载 css有用之处

/* 设置滚动条的样式 */   ::-webkit-scrollbar {    width:5px;   }   /* 滚动槽 */   ::-webkit-scrollbar-track {    -webkit-box-shadow:inset006pxrgba(0,0,0,.5);    border-radius:10px;    background:

原创 判断手机横竖屏的条件

css：@media all and (orientation : landscape) {  横屏} @media all and (orientation : portrait){  竖屏} js：//判断手机横竖屏状态：function hengshuping(){if(window.orientation==180||

原创 点击跳转QQ聊天

http://wpa.qq.com/msgrd?v=3&uin=自己的QQ号码&site=qq&menu=yes

原创 ps学习

1.黑色背景，通道滤色抠图。（rgb）2.白色背景，通道正片叠底抠图。（cmyk）

转载 省市县三级联动

省市县三级联动               .dropdown{           display: inline-block;       }        .ssxLd{            width: 500px;            margin: 100px auto;        }        .dropdown-menu{ 

转载 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

转载 JavaScript实用的代码段

1. 判断日期是否有效JavaScript中自带的日期函数还是太过简单，很难满足真实项目中对不同日期格式进行解析和判断的需要。JQuery也有一些第三方库来使日期相关的处理变得简单，但有时你可能只需要一个非常简单的函数，而不想引入一个庞大的第三方库。这时，你可以使用下面这段日期校验代码，它允许你自定义日期格式并进行日期有效性的校验。function isValidDate(value,

转载 H5移动web开发之相关问题和经验总结

屏幕旋转的事件和样式事件window.orientation，取值：正负90表示横屏模式、0和180表现为竖屏模式；window.onorientationchange = function(){    switch(window.orientation){        case -90:        case 90:        alert("横屏:" +

转载 浏览器的兼容性

html5兼容html5有很多新增的标签，在不支持html5的浏览器中不能正常显示。解决方法：使用html5的静态资源；加入脚本代码，document.createElement创建新的标签，并display:block;设置为块类型css兼容1、png24位的图片在ie6浏览器上出现背景，解决方案是做成png82、浏览器默认的margin和padding不同，解决

转载 css实现水平居中和垂直居中的常见方式

水平居中：行内元素：text-align:center；//这个比较简单 块状元素：定宽的块状元素通过设置左右margin为auto实现，例如margin：10px auto；不定宽的块状元素：加入 table 标签后按照定宽元素进行设置；设置 display: inline 后按照行内元素设置；设置position:relative left:50% 通过给父元素设置 float，然后给

原创 移动端自适应rem

1.下载完成后首先修改js文件中的基本单位：psd宽度是640就写640，是750就写750.现在的设计稿大部分是以iphone 6 为基准设计的，也就是750px。2.切图时，我们以100px为基本单位（至于为什么是100px，自己看看我的js代码就知道了），每个元素的宽高，字体等等就直接用rem来写，不用执行减半等操作，设计稿是多少就写多少。下面是一张750px的设计稿

转载 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>

转载 点击页面判断是否安装app并打开，否则跳转app store的方法

常常有这样的场景，咱们开发出来的APP需要进行推广，比如在页面顶部来一张大Banner图片，亦或一张二维码。但往往我们都是直接给推广图片加了一个下载链接（App Store中的）。所以咱们来模拟一下用户的操作步骤：1、用户第一次访问宣传页面   a、点击Banner，进入到APP Store中对应的APP下载页   b、APP下载页中提示：安装；用户点击安装   c