- 博客(67)
- 收藏
- 关注
RSS订阅
原创 中文和字符集GBK/GB2312相互转换
GBK.jshttps://girl99.github.io/GBK/gbk.js使用var GBKDeviceName = GBK.toGbk.encode(deviceName)
2020-09-27 11:06:37
921
2
原创 AES 加解密 带偏移量 Pkcs5Padding（Pkcs7Padding） CBC
AES 加解密 带偏移量 Pkcs5Padding（Pkcs7Padding） CBCaes.jsvar CryptoJS = CryptoJS || function(u, p) {aes.js var d = {}, l = d.lib = {}, s = function() {}, t = l.Base = { extend: function(a) { s.prototype = this; var c = new s;
2020-09-27 10:20:54
2613
1
原创 工作笔记总结
好记性不如烂笔头Flexflex:direction :row/ column 横向排列 纵向flex-warp ：warp 拆行拆列display: -webkit-flex;display: -ms-flexbox;display: -webkit-box;H5与Android和IOS 交互h5 传参数给 Android//$("#login").attr("href","Javascript:android.returnAndroid('"+ sendData + "')")
2021-01-28 15:00:25
197
原创 企业微信自建应用开发
需求：公司项目这块主要是对接蓝牙，连接低功耗蓝牙设备方案：H5调用企业微信sdk问题总结：1.企业微信应用管理后台2.需要设置地方工作台应用主页网页授权及JS-SDK（1）应用OAuth2.0网页授权功能的回调域名（2）js-sdk 可信域名其他：本地开发时并且前后端分离，需要服务端一个地址，前端自己也需要地址，并且俩端都需要把下载文件放到根目录。前端这块因为我这个项目和本地vue项目端口冲突了，我自己下了个nginx 本地服务器搞了下端口，后台给配置的，完后需要公司外网IP 映射到一
2021-01-27 19:11:38
3282
1
原创 移动端 H5 上传图片 ios拍照上传横屏显示
问题描述：ios上传图片到服务器，渲染到页面上之后会旋转90度,android显示正常。上传图片方案：选择按钮change事件，实例化fileReader,调它的readAsDataURL并把原生File对象传给它， 监听它的onload事件，load完读取的结果就在它的result属性里了。它是一个base64格式的，可直接赋值给一个img的src.ios拍照上传横屏方案：ios相机拍照时自动加入了方向传感器（Orientation属性 ），能够记录相机拍摄的方向，相机可以根据这个方向信息，系统
2021-01-21 17:00:53
1008
4
原创 vue axios根据文件流 导出excel表并处理服务端异常状况
需求：导出记录列表 excel描述：后端POST接口请求返回文件流，前端处理文件流转换成下载地址并下载状况：下载可能会超时或者登录失效，需要处理后端返回来的json 数据download(url, params) { axios({ headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, method: 'post', url: url, timeout: 60 * 10 * 1000
2021-01-08 19:28:25
748
3
原创 element-ui el-table 表格疯狂抖动
原因审查元素el-table__body 的 width 不停被设置导致表格抖动当未设定列表宽时，element有做自动检测适应。这造成了一种情况，即上下滚动条的出现时，触发宽度，使得上下滚动条消失，再次触发宽度变换，然后如此循环。flexbox 子元素设置了 overflow: auto 导致的浏览器 bug解决办法检查布局中的：overflow: auto， 避免flexbox 子元素设置这个属性.给.el-table__body添加 width: 100%!important; 属性
2020-11-03 18:23:08
4714
5
原创 vue使用echarts 点击事件点击一次触发多次
问题描述现项目中需求是切换公司就要更新地图，就需要重新渲染这个echarts图，一旦重新渲染后会出现累加情况，它会根据你渲染的次数调用点击事件，即点击一次触发多次解决方案重新渲染之前先关闭点击事件var myChartContainer = document.getElementById('map');var myChartChina = this.$echarts.init(myChartContainer);myChartChina.off('click')myChartChina.set
2020-10-20 17:45:05
786
原创 html页面 生成pdf
方法主要用到html2canvas.js 和 pdf.debug.js原理html2canvas.js ：通过canvas将HTML生成的DOM节点绘制到画布上,再可以通过自己的需求转换成图片pdf.debug.js：将图片转成pdf注意点html2canvas的配置项中配置 allowTaint:true 或 useCORS:true(二者不可共同使用，需要生成base64 用后者)img标签增加 crossOrigin=‘anonymous‘图片服务器配置Access-Cont
2020-10-14 17:02:45
577
原创 axios.defaults.withCredentials
axios.defaults.withCredentialswithCredentials:默认情况下，跨源请求不提供凭据(cookie、HTTP认证及客户端SSL证明等)。通过将withCredentials属性设置为true，可以指定某个请求应该发送凭据。默认值为false。true：在跨域请求时，会携带用户凭证false：在跨域请求时，不会携带用户凭证；返回的 response 里也会忽略 cookie当配置了 withCredentials = true时，必须在后端增加 response
2020-10-14 15:50:31
6041
1
原创 钉钉小程序
最近开发了钉钉小程序，小小的总结下开发应用类型目前只深入了解了下第三方企业应用 小程序开发开发准备下载开发工具需要钉钉管理员账号登录钉钉开发者平台创建应用ps:看钉钉那文档说分测试应用和正式应用，结果创建了好几个也没整明白，后来问客服说现在创建的都是正式应用，文档有毒啊，关键是创建好的应用不能删除，我一口老血吐了我… 立马深呼吸3s…所以创建一个就好了注意：创建好就要设置了，是登录钉钉开发者后台，不是钉钉管理后台！！！后台管理这些是后台开发去设置人员管理就是添
2020-09-28 19:13:43
1524
原创 微信小程序vs钉钉小程序 笔记
封装API返回值微信小程序onLoad: function (options) { console.log(this.getPhoneType()) }, getPhoneType(){ var result = "" wx.getSystemInfo({ success(res) { console.log(res) result = res } }) return result; },打印
2020-09-28 17:23:00
746
原创 JS浏览器与串口通信报错篇(二)
一、 注册MOSCOMM.OCX 并且已修改注册表还没加载出来解决办法： 执行mscomm.html在代码中，要插入ActiveX的classID。执行相当于编译ActiveX，可以得到一个MyActiveX.ocx文件，这个文件就相当于dll文件。这步操作完成之后才可以在IE 管理加载项里出现二、 注册MOSCOMM.OCX 并且已修改注册表，也执行了情况一，那么需要下载MSINET.OC...
2020-04-06 14:06:19
560
2
原创 HTML/JS/浏览器与串口通信(一)
在一些应用场景中，Web应用程序需要获取访问者电脑上连接的硬件设备，即浏览器和串口通信。通常的做法是为这些硬件设备开发ActiveX控件，并将其嵌入到HTML网页中供InternetExplorer浏览器访问这些设备信息。而采用ActiveX控件要求浏览器必须为InternetExplorer，不兼容Chrome等其他浏览器。下面是结合广大网友资料的总结，顺便记录下实现的过程和碰到的问题。一、使...
2020-03-27 18:15:08
14359
24
转载 JS实现中文转拼音
1. 汉字转拼音，其中每一个字的首字母大写（l例如：ZhangSan 张三）pinyin.getFullChars(name);2. 汉字住转拼音 提取首字母且为大写形式（l例如：ZS 张三）pinyin.getCamelChars(name);3. 汉字转拼音方法var pinyin = (function (){ var Pinyin = function (ops){...
2019-04-19 13:11:39
32350
1
原创 ES6 之关键字 let
一、 关键字 let正如大家都熟悉的，我们平时在写代码的时候，用var 声明一个变量，除此之外，也再没有接触到其它的关键字了，不管我们声明什么样类型得变量，都用var 搞定了，很方便，但是ES6 告诉你，除了var,还可以试试 let 来声明变量。那么，既然var 方便，为什么还要let 来声明，这么说 var 声明 一定会有不足的地方。下面介绍 用 var 的不足之处。1
2018-02-03 09:49:46
306
原创 关于v-cloak
v-clock 用法总结先看以下这段代码<ul v-for="item in items"> <li>{{ item.name }}</li></ul>那么，当我们使用vue从后台读取的数据时或者是刷新页面的时候因为响应问题可能会闪现一下{{item.name}} 这个vue.js模板变量，这样给用户带来了不好的体验，这时候v-cloak 就要派上用场了v-cloak： 防止页面加载时出现 v
2018-01-27 21:40:42
1122
原创 Vue ( 四 ) shopCart 组件开发
一、shopCart组件(1) goods 父组件和 子组件 shopCart 传参deliveryPrice:{ // 单价 从json seller 对象数据中获取 type:Number, default:0},minPrice:{ // 最低起送价 从json seller 对象数据中获取 type:Number, default:20}其中 deli
2018-01-23 21:15:45
956
原创 Vue ( 三 ) goods 组件开发
一、 布局 FlexFlex 布局，可以简便、完整、响应式地实现各种页面布局，Flex 是 Flexible Box 的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。// 指定为 Flex 布局 display: flex；// 主要属性 flex: none | [ 'flex-grow'> 'flex-shr
2018-01-19 16:48:04
581
原创 Vue（二）header组件开发
一、 header 组件开发 之数据的传递1. App.vue 引入组件import header from './components/header/header'2. App.vue 中注册组件 export default { components:{ v-header:header } }3. 使用组件
2018-01-19 16:39:54
4499
原创 Vue (一) 数据准备
一、$mount()手动挂载当Vue实例没有el属性时，则该实例尚没有挂载到某个dom中；假如需要延迟挂载，可以在之后手动调用vm.$mount()方法来挂载。new Vue({ router, render: h => h(App) }).$mount("#app");``new Vue({ el: '#app', router, render: h
2018-01-19 16:19:29
371
转载 总结前端面试过程中最容易出现的问题
有关面试很不错的推荐！http://www.haorooms.com/post/qianduan_mianshi
2017-11-21 20:42:27
342
原创 GitHub 上传本地项目
写给小白。 方法一 ： 1.在github上新建一个仓库，不勾选任何，直接创建； 2. 在桌面或者任意一个盘里新建一个文件夹，打开文件夹右击鼠标菜单 3. 选择Git Bash Here进入命令行， 4. git init (回车出来一个git 文件夹 注意：没有出现文件夹可能是隐藏了文件夹了，设置下就好) 5. 把要传的文件复制到这个文件夹里
2017-11-07 16:44:22
291
转载 关于SVN
什么是SVN（Subversion）?有一个简单但不十分精确比喻：SVN = 版本控制 + 备份服务器简单的说，您可以把SVN当成您的备份服务器，更好的是，他可以帮您记住每次上传到这个服务器的档案内容。并且自动的赋予每次的变更一个版本。通常，我们称用来存放上传档案的地方就做Repository。用中文来说，有点像是档案仓库的意思。不过，通常我们还是使用Repositor
2017-10-20 08:22:45
229
原创 jsonp跨域原理(简单粗暴)
json是一种数据格式。jsonp 是一种传递数据的方式。简单来说 带有 callback 的json 就是jsonp。关于原理，看了many资料稍稍总结下。 利用 script 标签没有跨域限制，当需要调用第三方数据的时候，src属性指向第三方地址带有参数，并提供一个回调函数来接受数据，来传递给服务端，第三方产生响应（服务端返回数据）时将该回调函数作为函数名来包裹json 数据（json
2017-09-29 08:11:59
557
转载 前端面试必知的50道题目汇总
1.XHTML和HTML有什么区别HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言最主要的不同：XHTML 元素必须被正确地嵌套。XHTML 元素必须被关闭。标签名必须用小写字母。XHTML 文档必须拥有根元素。2.什么是语义化的HTML?直观的认识标签 对于搜索引擎的抓取有好处，用正确的标签做正确的事情！html语义化就是让页面的内容结构化，便于对浏览器、
2017-09-18 21:08:41
680
原创 仿复选框样式
相信大家在看到很多炫酷的网页时总会看到样式很棒的复选框，于是 脑补下代码“input[‘type=”checkbox”’]:padding:10px;border:1px solid red; background:black;…”,完后，一检查人家的代码，立刻懵逼。废话不多说，我来了，拯救你的无知。 原理： 利用 label 这一特性 自动聚焦到复选框css样式<style>
2017-09-14 14:56:49
480
原创 固定背景图片
background-attachment 该属性来定义背景图片随滚动轴的移动方式 取值: scroll | fixed | inherit scroll: 随着页面的滚动轴背景图片将移动 fixed: 随着页面的滚动轴背景图片不会移动 inherit: 继承<!DOCTYPE html><html> <head> <meta c
2017-09-08 16:06:19
750
原创 阻止a链接跳转方法总结
有时我们会遇到这种需要在a标签上添加click事件，并且跳转前处理一些事务,因此需要做一些处理，看很多人会这样写<a href="#">link</a>， 但是发现点击后页面返回了顶部，所以又出现了这样的写法等<a href="###">link</a> 但这样并不兼容所有浏览器，有些浏览器就会出现很怪异的形为。 因此，这个问题还需要其它方法来解决。方法一<a href="jav
2017-08-15 17:33:40
16245
转载 数组去重复方法总结
数组去重复方法总结// 方法一 思路：创建一个存放原数组第一个数的新数组，用原数组与新数组的数一一对比，不同则存放进新数组里 function repArr(oldArr){ var newArr=[oldArr[0]]; for(var i=0;i<oldArr.length;i++){ var repeat=false;
2017-08-12 16:25:34
945
原创 原生 JavaScript 和 jQuery 的优劣比较
原生 JavaScript 和 jQuery 的优劣比较很多时候，我们经常听人说jquery有多快多快。在这个各种类库满天飞的时候，不得不说的是，能有原生JS快吗？是的，明显原生JS要更快，jq 速度再快，也无法与原生的js相比 因为类似JQuery这样的库必须要兼容各种浏览器和低版本和许多其他的东西，考虑通用性必然会导致性能的损耗。当然，这也是jq相对js的劣势了。以下是一些简单的总结。JavaS
2017-08-08 15:47:27
7120
原创 锚链接加动画总结
<!--html--><div id="top" name="top" style="height:3000px;"></div><a href="#top">回顶部</a> <!-- 设置锚链接跳转地方的id -->方法一$('a').click(function(){ $('html, body').animate({ scrollTop: $( $.attr
2017-08-06 15:02:47
1389
原创 jquery 中stop()方法总结
我们在做效果的时候有时遇到需要停止匹配元素正在进行的动画，比如，当鼠标移入元素时显示菜单，鼠标离开时隐藏下拉菜单，如果鼠标移入移出过快的话就会导致动画效果与鼠标的动作不一致的情况，也就是说鼠标移出后，动画还在进行，此时stop()就派上用场了。你可以复制下面代码到你的编辑器中查看效果。<!DOCTYPE html><html><head lang="en"> <meta charset
2017-08-04 23:46:15
1075
2
原创 jq绑定事件方法及区别
第一种方式：$(document).ready(function(){ $("#clickme").click(function(){ alert("hello world click") })})第二种方式（简写方式为第一种）：$('#clickmebind').bind("click", function(){ alert("Hello World bi
2017-07-30 16:15:44
909
转载 每个前端开发者必会的20个JavaScript面试题
问题1:JavaScript 中 undefined 和 not defined 的区别JavaScript 未声明变量直接使用会抛出异常：var name is not defined，如果没有处理异常，代码就停止运行了。 但是，使用typeof undeclared_variable并不会产生异常，会直接返回 undefined。var x; // 声明 xconsole.log(x); /
2017-07-30 00:59:28
1837
转载 分享一些前端开发中最常用的JS代码片段
HTML5 DOM 选择器// querySelector() 返回匹配到的第一个元素var item = document.querySelector('.item');console.log(item);// querySelectorAll() 返回匹配到的所有元素，是一个nodeList集合var items = document.querySelectorAll('.item');c
2017-07-28 23:54:59
406
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人