随笔分类 -  vuejs

vuejs
摘要:跨域请求原理 1、通过jsonp跨域 利用在页面中创建script节点的方法向不同域提交HTTP请求的方法称为JSONP,这项技术可以解决跨域提交Ajax请求的问题。 js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同,都被当作是不同的域。 阅读全文
posted @ 2022-08-06 04:08 大自然的流风 阅读(125) 评论(0) 推荐(0) 编辑
摘要:js 把字符串转换成数组,数组去重后再转成字符串 数组去重使用ES6标准函数 function unique(arr){ //Set数据结构,它类似于数组,其成员的值都是唯一的 return Array.from(new Set(arr)); // 利用Array.from将Set结构转换成数组 } //字符串转换成数组(根据分割符) var outstrArr = outstr.split(','); //数组去重 var uniqueArr = unique(outstrArr); //数组转换成字符串(添加分割符) outstr = uniqueArr.join(","); 阅读全文
posted @ 2021-06-28 17:20 大自然的流风 阅读(1294) 评论(0) 推荐(0) 编辑
摘要:js实现N个元素的排列组合及存在相同元素的处理方法 不能有相同的元素,相同号码替换成对应字母处理 阅读全文
posted @ 2021-02-22 05:37 大自然的流风 阅读(922) 评论(0) 推荐(0) 编辑
摘要:vue运行不起来 vuejs Mac环境下npm run serve 提示 node_modules/.bin/vue-cli-service: Permission denied问题解决方案 sh: /Users/zheng/webspace/ac-complex/node_modules/.bin/vue-cli-service: Permission denied npm ERR! code ELIFECYCLE npm ERR! errno 126 看提示是 ./bin 目录没有权限,解决办法: mac终端输入:chmod 777 /Users/xxx/项目根目录/node_modules/.bin/vue-cli-service 执行 再运行 cnpm run serve 就可以了 如果还是不行,则建议直接删除node_modules文件夹,然后重新 cnpm install ,再授权,试试看 阅读全文
posted @ 2020-08-24 18:53 大自然的流风 阅读(12528) 评论(0) 推荐(0) 编辑
摘要:Linux下删除大量文件的方法,Argument list too long报错解决办法 Linux用rm -rf * 删除php ci的sess_save_path文件夹下的文件时报错 -bash: /bin/rm: Argument list too long 删除文件中包含的小文件数量过多,通常是由于受到 shell 参数个数限制所致。 阅读全文
posted @ 2020-05-04 01:23 大自然的流风 阅读(4780) 评论(0) 推荐(0) 编辑
摘要:js获取url原有参数,增加页面select值拼接url后跳转页面,获取对象keyValue方法,get提交html5页面模版 阅读全文
posted @ 2020-03-22 01:19 大自然的流风 阅读(1594) 评论(0) 推荐(0) 编辑
摘要:对各种开发语言优劣的讨论,入门难度,IDE,大型网站并发性,java,golang,php,python,api接口,前后端分离 现在很多有高并发要求的 java c++的接口改成golang的 有个朋友公司就是把java写的接口改成golang的,听他说的是效率提高了上百倍,节省了大量服务器 java入门比较难,要达到熟练独立开发一个网站出来需要比较长的学习时间 php Python入门很容易,要做大型网站深入也很难 php Python零基础一星期就可以入门了 java你搞一个月门都没有找到 php做个小网站还是比较快的 Python做个小工具还是很好的,一个文件就可以直接运行起来了 金融相关的用java比较多,比较成熟了,招人也容易 现在流行前后端分离了 golang java 做API接口更有优势的 Python做科学计算,自动化,人工智能的更有优势 springboot springcloud 做API还是很不错的,之前的tomcat 那些容器搞得太复杂了 阅读全文
posted @ 2020-02-14 14:41 大自然的流风 阅读(1695) 评论(2) 推荐(0) 编辑
摘要:使用highcharts实现无其他信息纯趋势图实战实例 Highcharts去掉或者隐藏掉y轴的刻度线 yAxis : { gridLineWidth: 0, labels:{ //enabled:false//隐藏y轴刻度 }, } Highcharts去掉或者隐藏掉x轴的刻度线 xAxis: { categories: [], tickWidth:0, lineColor:'#ffffff', lineWidth:0, labels:{ enabled:false//隐藏x轴刻度 } }, 图表版权信息。显示在图表右下方的包含链接的文字,默认的文字是 Highcharts,链接是Highcharts官网地址。通过指定credits.enabled=false即可不显示该信息。 去掉highcharts右下角默认 阅读全文
posted @ 2019-12-13 14:01 大自然的流风 阅读(522) 评论(0) 推荐(0) 编辑
摘要:vue3.0和2.0的区别 Vue-cli3.0于 8月11日正式发布,看了下评论,兼容性不是很好,命令有不少变化,不是特别的乐观 vue3.0 的发布与 vue2.0 相比,优势主要体现在:更快、更小、更易维护、更易于原生、让开发者更轻松; 阅读全文
posted @ 2019-11-16 23:26 大自然的流风 阅读(5820) 评论(0) 推荐(1) 编辑
摘要:js javascript map函数去重功能的使用实例 先上一个实战例子代码 var map = new Map(); for(var i=0; i<=9; i++){ map.set(i,i); } //遍历出去重后的元素值 map.forEach((value, key, self) => { Map是一组键值对的结构,具有极快的查找速度。 阅读全文
posted @ 2019-07-25 18:58 大自然的流风 阅读(6973) 评论(0) 推荐(0) 编辑
摘要:用chrome的snippets片段功能创建页面js外挂程序,从控制台创建js小脚本 Chrome的snippets是小脚本,还可以创作并在Chrome DevTools的来源面板中执行。 可以访问和从任何页面运行它们。当你运行一个片段,它从当前打开的页面的上下文中执行。 要创建一个片段(Snippets),首先F12 打开开发者工具, 再到Sources面板中,单击上Snippets选项卡,在导航器中单击鼠标右键,然后选择New。 阅读全文
posted @ 2019-06-02 21:08 大自然的流风 阅读(4117) 评论(4) 推荐(0) 编辑
摘要:移动端调试神器vconsole,手机端网页的调试工具Eruda 移动端中使用 vConsole调试,移动端调试工具vconsole安装 Git地址:https://github.com/WechatFE/vConsole vConsole是一款由微信公众平台前端团队打造的前端调试面板,专治手机端看log难题。 目前vConsole自带有2个面板,默认为“日志”面板,负责展示log。 手机端网页的调试工具Eruda: Console for Mobile Browsers UI Recorder是一款零成本的整体自动化测试解决方案,一次自测等于多次测试,测一个浏览器等于测多个浏览器! AlloyLever是腾讯AlloyTeam团队开源的一款Web 开发调试工具。 Android&Html5混合开发WebView调试必备神器DevTools,chrome浏览器调试手机端WebView DevTools能在浏览器上调试手机中的webview代码,给手机端调试带来了极大的便利! 阅读全文
posted @ 2019-06-02 17:22 大自然的流风 阅读(13404) 评论(0) 推荐(0) 编辑
摘要:vue前端面试题知识点整理 1. 说一下Vue的双向绑定数据的原理 vue 实现数据双向绑定主要是:采用数据劫持结合发布者-订阅者模式的方式,通过 Object.defineProperty() 来劫持各个属性的 setter,getter,在数据变动时发布消息给订阅者,触发相应监听回调 阅读全文
posted @ 2019-03-31 14:02 大自然的流风 阅读(29554) 评论(0) 推荐(0) 编辑
摘要:web开发前端面试知识点目录整理 基本功考察,工程能力考察,内功考察,附加技能考察 阅读全文
posted @ 2019-03-31 13:55 大自然的流风 阅读(799) 评论(0) 推荐(0) 编辑
摘要:用pdf.js实现在移动端在线预览pdf文件 1、下载pdf.js 官网地址:https://mozilla.github.io/pdf.js/ 2、配置 下载下来的文件包,就是一个demo,仿照这个demo做就可以 阅读全文
posted @ 2019-03-27 18:26 大自然的流风 阅读(16929) 评论(0) 推荐(0) 编辑
摘要:前端使用node.js的http-server开启一个本地服务器 在写前端页面中,经常会在浏览器运行HTML页面,从本地文件夹中直接打开的一般都是file协议,当代码中存在http或https的链接时,HTML页面就无法正常打开,为了解决这种情况,需要在在本地开启一个本地的服务器。 本文是利用node.js中的http-server,开启本地服务,步骤如下: 阅读全文
posted @ 2019-03-22 19:22 大自然的流风 阅读(6251) 评论(0) 推荐(0) 编辑
摘要:css中height 100vh的应用场景,动态高度百分比布局,浏览器视区大小单位 一些只能vw, vh才能完成的应用场景: 1. 场景之:元素的尺寸限制 vw vh 主要是实现了动态高度百分比布局,比如宽高比不固定的图片,vw很轻易的实现正方形图片缩略图 原始大图的尺寸限制问题——因为很有可能图片过大,尼玛一屏显示器区域不够放,我们需要对其进行缩放处理。 这类限制的实现,在当下,需要获得图片的原始大小,以及浏览器内部尺寸,算大小,算比例等,算是比较折腾的。 但是,vw, vh等单位本身就是浏览器视区大小相关单位,直接使用其做限制,岂不省了N多JS代码? 阅读全文
posted @ 2019-03-22 19:17 大自然的流风 阅读(19961) 评论(0) 推荐(0) 编辑
摘要:通过浏览器F12开发工具快速获取别的网站前端代码的方法 说明:直接另存为网页是比较老的做法,会有很多没用的东西下载下来。通过F12开发工具,sources获取到的是比较好的,有目录结构的源文件。 阅读全文
posted @ 2019-03-22 16:32 大自然的流风 阅读(4011) 评论(2) 推荐(0) 编辑
摘要:vue打包app嵌入h5,区分app进入和android,ios显示不同的下载链接 需求:自己app打开的登录页面不显示app下载链接。 其他地方打开判断android手机的跳转到android下载页链接,ios手机的跳转到ios下载链接,pc版的不显示下载链接。 H5前端与Android和iOS混合开发时,需要区分浏览器平台,JS判断客户端是否是iOS或者Android手机移动端 阅读全文
posted @ 2019-03-20 15:41 大自然的流风 阅读(1552) 评论(0) 推荐(0) 编辑
摘要:vue实现验证码倒计时60秒的具体代码 获取验证码 {{count}} s 阅读全文
posted @ 2019-03-16 18:16 大自然的流风 阅读(22879) 评论(0) 推荐(1) 编辑