当前目录: 前端资源
微信端分享、手机QQ好友分享

2018年9月9日  前端资源   

微信为我们提供了从微信分享到到朋友圈、微信好友、qq好友、qq空间时,所显示不同的分享文案。(接口是收费的)   微信分享 (收费) 官方文档地址为: https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115 找到已有公众号的appid,根据这个appid和url向后端发起请求,拿到配置所需要的参数:timestamp、noncestr和signature。 添加 <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js" type="text/javascript"></script> var wxTitle = '标题'; var wxDesc = "摘要"; var wxLogo = "http://xx/1.png"  //缩略图 var wxLink = "http://xx.com/";  //分享点击要跳转的页面 //配置信息 wx.config({ "debug":false, "beta":true, "appId":"wx48d7920...

手机浏览pc页面出现空白

2018年8月30日  前端资源   

手机 移动端 浏览 访问pc页面问题 当我们做pc网站时候调试都是在电脑上,但是当用手机浏览页面时就会出现,如以下:   解决: @media screen and (max-width: 1201px) { html { width:1200px; margin:0 auto; } } 当手机浏览pc页面时如果屏幕小于1201px就强制html的宽度设置为1200px。   效果: 比之前好多了。

位移运算符 << >>

2018年8月10日  前端资源   

<<  :  左位移 >>  :  右位移 例如 4<<2 结果 16 解析:4是十进制转化为二进制为100,向左移动两位,二进制变为10000,在转为十进制就是16了   十进制转二进制:       二进制转十进制:      

vue-cli脚手架

2018年8月1日  前端资源   

安装 按照以下顺序执行 npm install -g cnpm --registry=https://registry.npm.taobao.org cnpm install -g vue-cli (用npm不行,因为要从谷歌下载) vue init webpack vuetest //在当前目录生成vuetest目录的vue-cli项目 cd vuetest npm install npm run dev 成功后访问:http://localhost:8080/#/     子路由 (类似可以创建admin后台管理) import Adminbig from '@/components/Adminbig' //里面要加上<router-view/> import Admin from '@/components/Admin' import Bb from '@/components/Bb'   编辑:router/index.js export default new Router({ mode:'history', //可以去除url中的#,且可以前进、后退,但是对浏览器的要求高 routes: [ { path: '/admin', ...

数据模拟mock.js

2018年7月23日  前端资源   

模拟数据 mock,为前后端分离,提前准备数据,不必要等待后台提供数据。但是前提是要约定好数据结构。   浏览器引入: <script src="https://cdn.bootcss.com/Mock.js/0.1.11/mock-min.js"></script>   node.js后台引入: //安装 npm install mockjs --save-dev // 使用 Mock var Mock = require('mockjs') var data = Mock.mock({ 'list|1-10': [{ //在数组list里随机生成1到10条数据 'id|+1': 1 //id属性递增加1 }] }) // 输出结果 console.log(JSON.stringify(data, null, 4))     在node.js后台可以拦截并模拟接口: import Mock from 'mockjs' . . . var data = Mock.mock('/home',{ 'list|1-10': [{ 'id|+1': 1 }] }); Vu...