
前端技术
原生HTML、JavaScript、进阶前端框架
行思坐忆,志凌云
务实北斗应用之星火,畅想北斗产品之燎原
展开
-
layui框架(弹出层和div轮播)
一、弹出层模块加载名称:layer;由于layer可以独立使用,也可以通过Layui模块化使用。layer下载地址:http://layer.layui.com/1、作为独立组件使用 layerlayui<!--引入好layer.js后,直接用即可--><script src="layer.js"></script><script>layer.msg('he...转载 2020-05-24 22:55:44 · 1152 阅读 · 0 评论 -
VUE启动问题(You may use special comments to disable some warnings)
vue启动时出现以下问题:出现问题的原因:Eslint的检测机制。解决方法①:在build/webpack.base.conf.js文件中注释掉第44行代码,如下图,重新yarn start 或者npm run dev解决方法②:在config/index.js文件中第26行中的useEslint的值改为false,如下图,然后重新启动程序...转载 2020-04-12 19:43:18 · 445 阅读 · 0 评论 -
Vue框架项目引入Element UI(安装,简单demo)
Element-Ul是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库,手机端有对应框架是Mint UI 。中文文档:http://element-cn.eleme.io/#/zh-CN github地址:https://github.com/ElemeFE/element图片.png1:安装node端开...转载 2020-04-12 19:12:28 · 1508 阅读 · 0 评论 -
vue-cli安装步骤(cnpm安装不成功及vue不是内部命令)
1.依赖node所以先安装node,可从官网下载安装,安装一直下一步最后选安装目录2.win+r输入cmd运行,先输入node -v和npm -v查看node安装是否正常(我这里node是10.5.0 npm是6.1.0)3.安装vue,npm安装过慢且成功率较低,建议使用cnpm安装  ...转载 2020-04-12 17:54:05 · 1717 阅读 · 0 评论 -
vue2.0开发环境搭建
想写一些关于vue的文章已经很久了,因为这个框架已经火了很久,在公司里用的框架都比较老旧,但怎么也得跟上前端发展变化的潮流,这不,开始使用vue开发项目了,一遍开发一边踩坑中,今天要记录的是五分钟搭建vue开发环境,运行GitHub上的开源项目。步骤很简单,只是在搭建环境的过程中会遇到各种各样奇怪的报错,十分让人头疼。官方文档:https://cn.vuejs.org/1:安装node端开发...转载 2020-04-12 17:52:40 · 179 阅读 · 1 评论 -
大前端发展思路
迅速发展的前端开发,在每⼀年,都为开发者带来了新的关键词。2019 年已步⼊尾声,2020 年前端发展的关键词⼜将有哪些呢?发展的方向又会是什么呢?参考2019年大前端的发展,不出意外,前端依旧会围绕⼩程序、超...转载 2019-12-13 09:09:05 · 201 阅读 · 0 评论 -
web前端开发命名规范
web语义化一个得到广泛推崇的东西,必然有它的优势所在。web语义化:1、可以让人一目了然这块是什么鬼,那块是什么鬼,对于项目的维护或者优化都是非常有意义的。2、随着html5语义化标签的出现,我推测以后web语义化对于seo优化,还是非常有利的。也就是说,seo优化,必然也要考虑web语义化。如:<header></header>可以很好的代替传统的&l...转载 2019-11-08 08:46:55 · 326 阅读 · 0 评论 -
npm install出现Unexpected end of JSON input while parsing near错误解决方法
cmd进入项目路径输入:npm cache clean --force问题解决!原创 2019-09-30 10:44:56 · 102 阅读 · 0 评论 -
启动vue项目报错:'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序
1、先将自己项目中的“node_modules”文件删除掉。2、cmd进入项目目录文件夹依次输入命令:npm install、npm run build,最后运行npm run dev后项目成功运行。原创 2019-09-30 10:12:05 · 330 阅读 · 0 评论 -
使用HBuilder将H5的项目打包成手机可安装的webapp程序(.apk)
下载HBuilder 官网:http://www.dcloud.io/ (1)下载成功后邮箱注册登录 (2)文件->新建->移动App (3)创建成功后得到这样一个目录结构...转载 2019-09-29 11:20:59 · 6210 阅读 · 1 评论 -
Vue启动报错 Error: listen EADDRNOTAVAIL: address not available
前言:搭建一个分布式项目,自己找了个vue框架的前端项目做接口测试,使用nodeJS 报错Error: listen EADDRNOTAVAIL: address not available。问题解析:在上述报错后,下面还有一些报错语句,我这里是显示ip和端口号无法监听。问题解决:修改vue项目下conf文件即配置文件下,连接后台的ip和端口,host的ip和端口。将ip配置成本机,或者...原创 2019-08-13 10:10:39 · 9974 阅读 · 0 评论 -
前后端分离概念浅析
描述:前端和后端都有自己开发的工具和运行的环境,前端不需要依赖后端可以单独进行开发测试,所以实现了前后端分离原创 2019-08-13 11:30:08 · 697 阅读 · 0 评论 -
安装nodejs
打开安装程序1 下一步2 下一步3 下一步4下一步5 下一步6 下一步7 下一步8 node –v如果打印nodejs信息,则说明nodejs安装成功9 输入npm install安装npm,nodejs默认集成npm10 以上步骤不出问题,则安装完成...原创 2019-08-13 11:27:27 · 1039 阅读 · 0 评论 -
基于websocket的前端与后端之间的数据交互思考
基于传统的前端开发,一般都使用JS访问一个URL,然后基于这个URL使用JSONDATA与URL进行交互如下图:最右边的CenterMaster是我们的数据接口,所有动态数据,通过这个TCP获取那么如果要实时的展现数据的变化,那么我们有2种方法1,使用poll(不断的轮询),这么将是一个低效的方法2,就是在后台保持一个长连接,...转载 2019-01-24 10:01:26 · 3524 阅读 · 0 评论 -
JavaScript清除浏览器缓存的方法
一、meta方法//不缓存<META HTTP-EQUIV="pragma" CONTENT="no-cache"><META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"><META HTTP-EQUIV="expires" CONTENT="原创 2018-11-20 10:10:58 · 458 阅读 · 0 评论 -
JavaScript使用正则表达式实现迷糊查询
用户在输入框中输入文字时,使用正则在数据区进行检索,显示出提示信息.<head> <meta charset="UTF-8"> <title>模糊查询</title><style type="text/css"> body{ text-align:center; }转载 2018-11-14 15:29:27 · 576 阅读 · 0 评论