web前端
文章平均质量分 83
搞GIS图形的sky.
三维GIS、图形相关,公众号:sky的数孪技术
展开
-
前端工程构建问题汇总
它告诉 NPM 忽略项目中引入的各个modules之间的相同modules但不同版本的问题并继续安装,保证各个引入的依赖之间对自身所使用的不同版本modules共存。问题的解决:通过 npm uninstall less-loader 命令卸载原版本的 less-loader,然后 通过 npm install less-loader@5.0.0 命令下载降级版本的 less-loader,这个问题就可以解决了。对应的node版本跟node-sass版本不一致,所以需要切换不同的node版本。原创 2023-03-01 21:47:29 · 664 阅读 · 0 评论 -
Weex使用(1)
Weex 是一套简单易用的跨平台开发方案,能以 web 的开发体验构建高性能、可扩展的 native 应用。使用 Vue 作为上层框架,并遵循 W3C 标准实现了统一的 JSEngine 和 DOM API。它是由阿里开发的,至于跟react native相比有什么优势,可以在知乎上看到相关帖子。1.搭建开发环境1.1 安装node1.2 安装weex-toolkit npm install -g原创 2017-07-30 13:48:17 · 917 阅读 · 0 评论 -
在WebGL应用中使用Web Worker提升效率
Web Worker介绍: js本身是一种单线程设计,我们无法在同一时刻并行运行多个脚本。虽然可以用setInterval,setTimeout方法来模拟多线程,但实际上这些方法都是存在于主线程使用的一个事件循环里,一旦存在一个耗时操作,就会牵制主线程的操作,导致页面卡顿。Web Worker通过引入类似线程的机制使这种问题得到了解决,通过在当前js主线程中使用worker类加载一个js文件来开辟原创 2017-06-24 14:14:47 · 6745 阅读 · 1 评论 -
vue2.0使用(2)
vue2.0后,vue作者不再对vue-resource更新,转而推荐axios。axios类似于ajax与promise的合体。#在利用axios的post方法带参数请求,显示跨域,后台无法接收数据*原因在于axios发送的参数格式为“Form Data”,需要利用qs模块对其序列化:import qs from 'qs'axios.post('/edit', qs.st原创 2017-05-11 09:08:00 · 609 阅读 · 0 评论 -
一些常用的html5特性
1.//判断浏览器类型function userBrowser(){ var browserName=navigator.userAgent.toLowerCase(); if(/msie/i.test(browserName) && !/opera/.test(browserName)){ alert("IE"); return ;原创 2017-05-11 09:05:19 · 364 阅读 · 0 评论 -
彻底弄懂 Http 缓存机制 - 基于缓存策略三要素分解法(转)
原文地址:彻底弄懂 Http 缓存机制 - 基于缓存策略三要素分解法作者:李志刚导语Http 缓存机制作为 web 性能优化的重要手段,对从事 Web 开发的小伙伴们来说是必须要掌握的知识,但最近我遇到了几个缓存头设置相关的题目,发现有好几道题答错了,有的甚至在知道了正确答案后依然不明白其原因,可谓相当的郁闷呢!!为了确认下是否只是自己理解不深,我特意请教了其他几位小伙转载 2017-04-02 14:11:55 · 500 阅读 · 0 评论 -
vue2.0使用(1):创建新项目
vue有两种项目创建方式,一种是下载vue.js,通过script标签引入即可;另一种通过vue-cli构建基于webpack的项目,这种项目构建发布需要部署node环境,不能以文件的方式直接打开。1.全局安装vue命令行工具npm install -g vue-cli2.创建一个基于webpack模板的新项目vue init webpack my-project注:跟原创 2017-03-15 20:26:53 · 4849 阅读 · 0 评论 -
jsdoc利用模板生成js API文档
1.利用npm安装jsdoc模块npm install jsdoc -g2.由于jsdoc默认的生成文档模板不好看,所以需要下载一套好看些的模板,如 jaguar.js下载地址:https://github.com/davidshimjs/jaguarjs-jsdoc也可用npm下载3.将node_modules/jsdoc/templates/default下面的内容删除原创 2017-03-09 15:42:48 · 7357 阅读 · 0 评论 -
高频dom操作和页面性能优化探索(转)
一、DOM操作影响页面性能的核心问题通过js操作DOM的代价很高,影响页面性能的主要问题有如下几点:访问和修改DOM元素修改DOM元素的样式,导致重绘或重排通过对DOM元素的事件处理,完成与用户的交互功能DOM的修改会导致重绘和重排。重绘是指一些样式的修改,元素的位置和大小都没有改变;重排是指元素的位置或尺寸发生了变化,浏览器需要重新转载 2017-02-22 12:15:31 · 7083 阅读 · 1 评论 -
利用canvas获取图片像素值
利用canvas的getImageData方法可以读取画布的某位置像素值。1.首先创建一个canvas对象, var canvas = document.createElement(‘canvas’); 2.获取它的2d上下文。 var context = canvas.getContext(‘2d’); 3.创建一个image对象,并指定它的图片路径,设置允许跨域 var image =原创 2017-01-19 23:20:55 · 13373 阅读 · 3 评论 -
javaScript 跨域总结与解决办法
什么是跨域JavaScript出于安全方面的考虑,不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下:首先什么是跨域,简单地理解就是因为JavaScript同源策略的限制,a.com 域名下的js无法操作b.com或是c.a.com域名下的对象。更详细的说明可以看下表:U转载 2016-08-07 12:59:38 · 763 阅读 · 0 评论
分享