- 博客(26)
- 收藏
- 关注
RSS订阅原创 node-sass install 失败处理方法
运行yarnconfigsetsass-binary-sitehttp://npm.taobao.org/mirrors/node-sassyarnconfigsetsass-binary-sitehttp://npm.taobao.org/mirrors/node-sass
2020-04-29 18:11:50
371
原创 windows link 文件夹至工作区
npm link 会可以把组件包link到node_modules下面组件包运行npm link工作区npm link xxx (组件包名)原来是link 把组件包做成全局的依赖包 任何工作区都能引用不足的地方是 组件包和工作区不能在同一个地方编辑windows自带的快捷方式New-Item -ItemType SymbolicLink -Path $($dir + "...
2020-04-26 11:30:27
1217
原创 Vue实现监听dom节点宽高变化
在Vue中实现监听dom节点宽高变化原生js方法该方法适用所有vue项目，原生js开发的思维 <div ref="datas"> <div class="scroll_box" ref="scroll" style="width:20%;height: 20%;overflow:scroll;position: absolute;left: 0;top: 0;back...
2019-10-10 16:37:14
14484
原创 原声js控制浏览器全屏或者退出全屏
开启全屏 if (document.documentElement.requestFullscreen) { document.documentElement.requestFullscreen();} //FireFox else if (document.documentElement.mozRequestFullScreen) { document.docum...
2019-09-29 15:55:12
1179
原创 小程序图片移动、缩放、旋转封装组件（二）
附之前关于小程序图片移动、缩放、旋转的文章首先感谢这么多人的评论；受宠若惊，始料未及= =！；应大家的的要求 我把这个功能做了一个组件；本来想做成第三方插件；你们可以直接使用的；但是第三方插件提交的时候遇到了点问题；好像个人开发不能提交第三方开发插件申请，所以暂时先把代码放到github上面了，封装后可以根据你们自己的需求进行设计；如有其它必要、合理的需求可以在本文或者github留言，下面附...
2019-03-25 15:04:33
688
原创 vue-router动态路由实现前端权限管理
年初了，抱着试试水的心态出去面试了两家公司；其中一家公司面试的时候多次问到了vue-router的动态路由实现权限管理的问题；回来后我就仔细研究了一下router.addRoutes动态路由是基于vue-router 新增的router.addRoutes方法来实现的；也就是为了达到当用户登录之后通过判断用的权限来觉得前端哪些页面能展示，哪些不能展示；第一步 创建vue-routerro...
2019-03-01 16:35:13
4748
原创 前端网站安全问题
攻击类型xss攻击XSS攻击全称跨站脚本攻击,是一种网站攻击受信任用户的脚本攻击；举例：网站A有一个输入框，用户A利用这个输入框编写了具有攻击性的代码，并且上传到了服务器，用户B通过网站A浏览页面时，攻击性代码运行，从而达到攻击的目的；安全防范：网站服务器做到：上传验证，输出编码上传验证：前端通过加密的形式上传内容，后端通过解密来验证内容的安全性，防止攻击代码的上传输出编码：服务...
2019-02-22 10:36:40
992
原创 面试题（一）
若干个数字，怎么选出最大的五个方法一 let arr=[]; arr.length=10000000; for(let i=0,len=arr.length; i<len; i++){ arr[i]=Math.ceil(Math.random()*10000) } function max(arr){ arr.sort((a...
2019-02-21 18:15:02
277
原创 微信H5开发遇到的坑（二）
ios中滚动没有惯性问题ios设备上除了body的滚动带有惯性，其他dom的滚动都没有惯性解决方案-webkit-overflow-scrolling: touch;
2019-02-14 10:20:22
1686
原创 Promise浏览器兼容问题
文章目录Promise 在360浏览器兼容模式下无法运行Promise 在360浏览器兼容模式下无法运行解决方案npm install babel-polyfill --save修改entry: { app: ['./node_modules/babel-polyfill/dist/polyfill.js','./src/main.js'] },利用babel-poly...
2019-02-14 10:17:54
1872
原创 HTML中的meta标签
&lt;meta charset='utf-8'&gt; &lt;!--声明文档使用的字符编码--&gt;&lt;meta name="description" content="不超过150个字符"/&gt; &lt;!--页面描述--&gt;&lt;meta nam
2019-01-04 15:09:45
219
1
原创 vue单页面应用引入并配置weixin-js-sdk
vue项目公众号开发，需要使用到分享功能，根据文档引入weixin-js-sdk,首次接触，所以一开始就百度看了大量的贴吧，几乎所有的文章都是说单页面SPA应用需要在每次url变化的时候都得重新配置sdk,也就是wx.config();我不知道这是不是一个误区，反正我按这个思路在APP.vue的watch里面监听$route,每一次路由变化时调用wx.config()，始终无法成功，返回错误提示i...
2019-01-04 10:59:32
6553
1
原创 关于sessionStorage的误解
sessionStorage 都知道是浏览器的一种本地缓存技术；一直以来我也认为只要是同域名的所有标签页都能共享一个session；但是今天突然发现了一个问题，我做了两个项目，都放在了同一个服务器上面，并且每个项目由自己单独的登录界面，我的理解是，当登录第一个项目后打开第二个项目的登录页面进行登录，那么第一个项目的登录状态应该会被冲突，因为两个项目存储token的sessionStorage的na...
2018-12-12 10:30:44
672
原创 微信小程序踩坑日志（二）
文章目录indexOfindexOf在wxml文件中不能使用 Object.keys() toString() indexOf() ；其中indexOf()方法在wxml中怎么样都返回undefined；
2018-11-16 15:47:55
745
原创 flex弹性布局知识回顾笔记
文章目录flex 学习笔记flex 容器display:flex;flex容器属性flex元素属性flex 学习笔记flex 容器display:flex;把容器转换成弹性盒，兼容写法 display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ displa...
2018-10-29 15:15:20
439
原创 element-ui开发问题记录（二）
项目需求做一个和element中穿梭框一样的效果，但是要求多家一个功能，就是右边的数据要实现拖动排序的效果；没办法，不能用element现成的组件，只能自己封装；代码<template> <div class="customItems"> <div class="customList"> <p class="title"&am
2018-10-25 17:52:58
374
原创 Vue项目开发中非常实用的图片拖动排序插件awe-dnd
项目中遇到一个需求；电商管理平台添加商品的时候需要上传或者选择商品轮播图展示的图片，这里涉及到图片的排序问题；一开始只能自己写了一个点击左移或者右移的效果；后面找到这个组件，能非常简单的实现拖动排序的效果安装依赖包npm install awe-dnd --save全局引入import VueDND from 'awe-dnd'Vue.use(VueDND)组件中使...
2018-10-24 13:52:08
6424
1
原创 element-ui开发问题记录（一）
Breadcrumb 面包屑动态生成el-breadcrumb-item时，不能使用v-text,会导致图标分隔符失效，并且无法跳转；需使用双括号语法&amp;lt;el-breadcrumb separator-class=&quot;el-icon-arrow-right&quot;&amp;gt; &amp;lt;el-breadcrumb-item :to=&quot;{ p
2018-10-23 15:55:16
879
原创 微信H5开发遇到的坑（一）
微信内置浏览器和其他浏览器之间差别很大；移动端微信内置浏览器和PC端微信内置浏览器也有差别；这里例举一些本人在开发过程中遇到的问题；PC端微信内置浏览器获取dom属性的问题；function getStyle(){ if(this.currentStyle){ return this.currentStyle; } else { return ...
2018-10-10 17:25:13
1548
原创 原生js封装picker地址三级联动方法
地址三联动电商平台等需要用户填写地址的应用都需要用到这个插件；网上也有很多这样的插件；但是项目中使用难免有需要改动的地方；所以自己封装的才是最匹配的；//地址选择器/** * * @param {function} callback * @param {object} options * @constructor animate */const AddressPicker = (...
2018-09-29 13:27:16
2395
原创 原生JS实现单页面路由跳转
最近公司的一个小项目，需求只有几个页面；但是要做成单页面应用；用框架有点浪费资源，只能自己做一个简单的单页面功能；原生JS实现路由跳转 function getEle(){ let S = document.getElementById("app").querySelectorAll("*"), res = []; S.forEach(e =>{ ...
2018-09-27 17:32:16
8638
原创 Vue 全局封装axios
Vue 全局封装axios开发过程中不需要在每个组件在引用axios插件ajax函数封装import axios from "axios";axios.defaults.timeout = 5000;//设置超时时间，规定时间内没有响应则执行失败回调function ajax(obj){ return new Promise((seccuss, error) =>{ ...
2018-09-18 11:51:38
2874
原创 浅谈前端开发过程中使用的代理方法
前端开发过程中解决跨域问题作为一名前端开发人员，特别是在前后端分离盛行的现在，跨域是不可避免的问题，那么如果你还跑去要后端人员帮你在接口上添加允许跨域的响应头是不是就太low了一点；众所周知，解决跨域问题的办法有三种，后端设置、JSONP、和代理；这里就给大家讲讲我在开发过程中用过的一些代理；webpack-dev 自带的代理服务器单页面开发流行的情况下，如果你的项目是用web...
2018-09-08 13:38:30
5435
原创 Vue 全局方法封装
Vue 自定义全局方法最近一个项目，做移动端页面，对于移动端的接触比较少，所以在项目开始的时候选的ui有点不理想，选择了weui,虽然weui有jquery版本的，但是由于不太想用jquery，所以就选择了weui；结果就有点尴尬了，不知道是我刚刚接触没有发现还是weui本来就没有loading、loading、loading、message等这种全局的方法；只在weui的官网找到了样式，没有...
2018-09-07 17:48:18
3181
原创 小程序中图片的移动、旋转和缩放功能
先把代码放上来js逻辑代码////图标移动开始事件 start(e) { //记录移动触摸起点位置 this.setData({ x: e.touches[0].clientX, y: e.touches[0].clientY, iconIndex: e.currentTarget.dataset.index }) }, ...
2018-08-28 15:34:38
7183
21
原创 微信小程序开发踩坑日志
微信小程序开发踩坑日志图片问题图片过大导致小程序直接崩溃因为是第一次做小程序项目；按平常的思路做页面，在开发工具上没有丝毫问题，进度是突飞猛进；但是回过头来用真机调试的时候就被泼冷水了，一进程序就秒蹦；研究了半天才发现是图片太大，占用资源太多；后面后端服务器做了一个静态图片处理，类似阿里云OSS对象储存，通过参数来控制获取图片的尺寸大小；图片的移动、旋转和缩放这个问...
2018-08-28 14:56:02
2429
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人