
前端js技术相关
文章平均质量分 64
前端js技术相关
寅灯
本人爱好互联网技术,乐观开朗,乐于助人!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
使用uni-app框架开发各种web前端程序
使用uni-app框架开发各种web前端程序是目前非常流程的开发方式,比如开发APP、小程序、H5等等,是一个使用 vue 开发所有前端应用的框架,开发者编写一套代码,可发布到ios,安卓、H5、以及各种小程序(微信、支付宝等等...)多个平台。选择此项目,点击确定,如果未登录状态,会提示登录页。适用场景:适合初学者,学习 uni-app 的基础结构、组件和常用 API,适合简单的入门项目或演示应用。适用场景:适合对 UI 有要求的项目,帮助开发者快速构建应用界面,适合移动端项目,比如工具类、社交类应用。原创 2024-11-08 17:16:54 · 2841 阅读 · 0 评论 -
vue2框架集成OpenLayers插件渲染2D地图
到此、vue2框架集成OpenLayers插件渲染2D地图完成,下篇我们分享地图中图层叠加和遮罩的业务,敬请期待!在 Vue 项目中引入并使用这个地图组件 YinD.vue。运行 Vue 项目,地图会加载天地图的瓦片,并以。示例代码:SimpleMap.vue。4、编写 Vue 组件加载天地图。2、安装 OpenLayers。6、挂载到main.js文件中。3、获取天地图的访问 Key。最终获取KEY,点击查看。1、创建vue2项目。原创 2024-10-25 18:37:20 · 1059 阅读 · 0 评论 -
前端vue框架配置基础信息详解分析
是 Babel 的配置文件,Babel 是一个 JavaScript 编译器,主要用于将现代 JavaScript 代码转换为向后兼容的版本,以便在旧版本的浏览器中运行。jsconfig.json是一个配置文件,主要用于配置 JavaScript 项目的编译选项和路径别名,特别是在使用。src\main.js、src\App.vue、public\index.html等启动用的核心代码文件。前端vue2、vue3框架是我们最近常用的框架,今天我们分析一下配置基础信息、详解其中的功能含义。原创 2024-10-21 18:15:53 · 719 阅读 · 0 评论 -
通过前端UI界面创建VUE项目
到此、通过前端UI界面创建VUE项目完成,后面会分析每个核心文件具体的细节,敬请期待。这些链接有时可以用到:http://localhost:8000/plugins。根据需要选择:基础组件、路由组件、vuex、css、代码质量检查、 配置设置。可以选vue3、vue2、手动选择功能。由此发现手动创建默认的是vue3版本。显示已有文件列表,另外可以点击创建。右键鼠标,点击在终端打开。3、点击Create项目。8、用vscode 打开。原创 2024-10-18 20:50:31 · 18104 阅读 · 0 评论 -
win环境安装Node.js的多种方式
npm(全称Node Package Manager)是Node.js的包管理工具,用于管理Node.js项目的依赖关系。npm是Node.js平台的一部分,不需要单独安装,在安装Node.js时会自动将npm一起安装。当你同时进行两个或多个node项目开发,并且这些项目的node版本不一样时,nvm可以很好的帮你管理pc上的node版本切换。npm作为Node.js的默认包管理工具,与Node.js紧密集成,共同构成了一个完整的开发环境。一、直接下载Node.js包安装。二、通过nvm工具更新安装。原创 2024-06-13 09:45:26 · 2627 阅读 · 1 评论 -
创建vue3项目并集成cesium插件运行
开发人员可以根据需要自定义 Git 钩子脚本,并将其放置在 .husky 文件夹中相应的钩子文件中,例如 pre-commit 钩子脚本会在提交代码前执行。配置 Husky 工具的方式通常是在项目的 package.json 文件中添加相应的配置项,例如指定钩子脚本的路径和需要执行的命令等。Source文件夹是Cesium整个项目工程的重中之重,涉及到的所有类的源码和自定义shader(渲染)源码都存储在此文件夹里,可以通过阅读源码研究每个类、属性、方法及事件的实现原理。大概是找不到cesium相关类。原创 2024-03-23 17:10:21 · 5791 阅读 · 1 评论 -
win环境安装yarn脚手架
输入:set-ExecutionPolicy RemoteSigned;安装和基本使用yarn脚手架分享完成,下篇我们分享其高级用法,敬请期待!搜索 PowerShell,右键以管理员身份运行;3、然后再次查看版本:yarn --version。输入A 回车键确认即可;win环境安装yarn脚手架。原创 2024-01-05 15:20:25 · 1068 阅读 · 1 评论 -
使用JQuery的each
标签:转载分类: jquery原文地址:使用JQuery的each作者:chunxia在jQuery里有一个each方法,用起来非常的爽,不用再像原来那样写for循环,jQuery源码里自己也有很多用到each方法。其实jQuery里的each方法是通过js里的call方法来实现的。下面简单介绍一下call方法。cal转载 2017-02-21 14:47:45 · 349 阅读 · 0 评论 -
jQuery中的$(window).load()与$(document).ready()
大多数jQuery实例或教程都告诉我们绑定我们的jQuery代码到$(document).ready事件。虽然$(document).ready 事件在大多数情况下都OK,但是它的解析顺序是在文档准备就绪,但文档中的图片等对象正在下载的时候开始运行的。所以在某些时候使用$(document).ready事件并不一定能达到我们预期的效果,比如一些视觉效果和动画、拖拽、预读取隐藏图片等…通过使转载 2017-02-21 14:35:05 · 309 阅读 · 0 评论 -
jquery中eq和get
标签:jquery分类: jqueryhtml代码: Li-1 Li-2$("document").ready(function(){ alert($("li:eq(0)")); alert($("li").get(0)); })返回结果分别为:[object Obje转载 2017-02-21 14:14:26 · 428 阅读 · 0 评论 -
jquery attr()方法
标签:jquery分类: jquery在JS中设置节点的属性与属性值用到setAttribute(),获得节点的属性与属性值用到getAttribute(),而在jquery中,用一个attr()就可以全部搞定了,赞一个先 ^^jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery原创 2017-02-21 14:07:54 · 558 阅读 · 0 评论 -
web前端下拉框技术(js)
补充:form对象 代表 form.submit()方法 提交表单的处理 :select对象标签---- option对象标签 select.options属性 option数组-- 所有的标签option的value属 性 .value,内部原创 2017-02-17 16:12:51 · 4392 阅读 · 0 评论 -
jQuery文件上传插件Uploadify使用指南
Flash版本使用方法:1.加载JS和CSS复制代码 代码如下: 2.编写HTML内容复制代码 代码如下:3.函数调用复制代码 代码如下: $(document).ready(function() { $("#file_upl转载 2017-02-28 09:53:34 · 454 阅读 · 0 评论 -
常见的关于JavaScript 面试题(上)
转自:https://github.com/dwqs/blog/issues/171.使用 typeof bar === “object” 判断 bar 是不是一个对象有神马潜在的弊端?如何避免这种弊端?使用 typeof 的弊端是显而易见的(这种弊端同使用 instanceof):let obj = {};let arr = [];console.log(typ原创 2017-02-20 17:29:46 · 512 阅读 · 0 评论 -
常见的关于JavaScript 面试题(中)
9.实现函数 isInteger(x) 来判断 x 是否是整数可以将 x 转换成10进制,判断和本身是不是相等即可:function isInteger(x) { return parseInt(x, 10) === x; }ES6 对数值进行了扩展,提供了静态方法 isInteger() 来判断参数是否是整数:Number.isInteger(25) // tru转载 2017-02-20 17:31:38 · 1025 阅读 · 0 评论 -
常见的关于JavaScript 面试题(下)
17.下面的代码会输出什么?为啥?for (var i = 0; i 5; i++) { setTimeout(function() { console.log(i); }, i * 1000 );}请往前面翻,参考第4题,解决方式已经在上面了18.解释下列代码的输出console.log("0 || 1 = "+(0 || 1));console.log("1 |转载 2017-02-20 17:32:45 · 922 阅读 · 0 评论 -
JavaScript中的this用法
https://segmentfault.com/a/1190000002640298#articleHeader10JavaScript来自一门健全的语言,所以你可能觉得JavaScript中的this和其他面向对象的语言如java的this一样,是指存储在实例属性中的值。事实并非如此,在JavaScript中,最好把this当成哈利波特中的博格特的背包,有着深不可测的魔力。转载 2017-02-20 18:20:02 · 345 阅读 · 0 评论 -
详解JS构造函数方法与原型prototype上的方法
转自:https://github.com/dreamapplehappy/hacking-with-javascript/blob/master/points/methods-within-constructor-vs-prototype-in-javascript.md?utm_source=caibaojian.com构造函数内的方法与构造函数prototype属转载 2017-02-20 18:21:39 · 1062 阅读 · 0 评论 -
Javascript模块化编程:模块的写法和规范使用模块
转自:www.ruanyifeng.com/blog/2012/10/asynchronous_module_definition.html随着网站逐渐变成”互联网应用程序”,嵌入网页的Java代码越来越庞大,越来越复杂。 网页越来越像桌面程序,需要一个团队分工协作、进度管理、单元测试等等……开发者不得不使用软件工程的方法,管理网页的业务逻辑。 Java模块化编程,转载 2017-02-21 11:43:22 · 438 阅读 · 0 评论 -
浏览器传token的方式及$(function(){})与window.onload的区别
不太一样window.onload是在页面所有的元素都加载完成后才触发$(function(){})是在页面的dom结构加载完毕后就触发 dom里的内容不一定都已经加载完成比如说一个页面有好多图片 而加载这些图片需要一定的时间window.onload必须得等到全部的图片都加载完成后才能触发而$(function(){})只要在dom加载完毕之后就会执行 图片不一定已经原创 2017-02-23 19:40:22 · 380 阅读 · 0 评论 -
javascript的setTimeout()用法总结,js的setTimeout()方法
引子js的setTimeout方法用处比较多,通常用在页面刷新了、延迟执行了等等。但是很多javascript新手对setTimeout的用法还是不是很了解。虽然我学习和应用javascript已经两年多了,但是对setTimeout方法,有时候也要查阅资料。今天对js的setTimeout方法做一个系统地总结。setInterval与setTimeout的区别说道setTim转载 2017-02-24 10:02:56 · 618 阅读 · 0 评论 -
如何让你的JavaScript代码更加语义化
好文章原创 2017-02-17 16:06:31 · 359 阅读 · 0 评论