前端开发
YICONGITSME
邮箱 1129412379@qq.com
展开
-
Node实现修改全局不规范文件名-解放双手
一、node模块学习本章针对不熟悉node模块的同学,已经熟悉的可以跳过。1.1 fs和path模块/*** fs 文件系统*分为同步和异步 推荐使用异步* 异步函数的最后一个参数是一个回调函数,回调函数的参数第一个是报错信息,第二个是数据。** 常用函数:** readdir(path,callback) 异步 读取目录的内容* readdirSync(path) 同步** readFile(path,function(err,data)) 异步 读取文件的内容* r.原创 2020-07-14 17:28:26 · 556 阅读 · 0 评论 -
React移动端H5页面出现弹窗蒙层屏幕不可滑动
最近在做一个需求,用户第一次进入网页会有一个新手引导的功能,是一个半透明的蒙层,蒙层之后的主页面会有很多的模块功能,在功能很多的情况下,屏幕就可以向下滑动,UI觉得在有蒙层的情况下最好不要让屏幕可以滑动,因为新手引导这个图片是根据一个模块来定位的,如果滑动的话,新手引导也会跟着滑动,肯定是不合理的。首先在加载新手引导的位置,加载完之后,执行监听事件,注意监听的元素一定要是不可滑动的元素,就是蒙层。(一开始我把事件监听在body元素上了,导致都不能滑动了,太笨了。) // 获取请假新手引导原创 2020-05-12 15:29:22 · 2157 阅读 · 0 评论 -
APP内跳转H5页面UA判断
navigator.agent原创 2020-05-12 14:59:30 · 1650 阅读 · 0 评论 -
移动端实现复制文本的三个插件--clipboard
第一种import {CopyToClipboard} from "react-copy-to-clipboard" {/* <CopyToClipboard text="http://i.xinrenxinshi.com" onCopy={()=>Toast.success('复制成功')}> <div className="btn">复制链接</div> ...原创 2020-05-12 14:28:43 · 1110 阅读 · 0 评论 -
谷歌浏览器调试移动端h5页面
1.安卓手机打开开发者模式连接上电脑2.在谷歌浏览器中访问地址:chrome://inspect/#devices3.在安卓手机中的chrome浏览器中访问页面,记住一定要是chrome浏览器 (我只试了安卓,苹果不清楚)4.刷新,显示连接上的设备以及打开的网页,点击inspect就可以查看手机网页上的dom元素,在电脑上调试h5页面。如果打开是空白页面,需要翻墙...原创 2020-05-11 13:23:43 · 6133 阅读 · 1 评论 -
ElementUI 修改cdn引入的类库的全局配置的默认属性
任务是修改弹窗的默认遮罩为不关闭。一、npm引入使用命令npm install element-ui -S 就可以安装好element-ui,然后在项目中通过以下方式引入:就可以使用Element访问到Dialog对象,然后设置默认属性。 import Vue from 'vue'import Element from 'element-ui'import 'elem...原创 2020-04-15 15:52:39 · 3459 阅读 · 0 评论 -
intellj ldea下配置sass自动监听,编译成css,解放双手
每次修改完样式,都要手动编译一次,我都要崩溃了,一大篇一大篇这样的命令然后就寻找解决办法,使用 sass --watch 参数 sass文件:css文件 就可以监听变化然后再intellij ldea中修改完样式保存后,在下方等待执行完成,就可以看到控制台的输出,页面样式也会变化。太方便了。有时候也会发现不管用,我就安装了插件,在intellji ldea 下的fi...原创 2019-11-13 17:26:29 · 992 阅读 · 0 评论 -
egret引擎开发的颜色找不同的游戏
这几天使用egret引擎以及在师傅的帮助下做了一个颜色找不同的小游戏,从一开始的代码混乱,师傅教我如何布局代码以及封装枚举,重构代码,以及一些编程的思想,通过不断地修修改改,我学到了很多东西。屏幕的适配,显示对象,时间侦听以及倒计时,类似视频激励,声音,当然最关键的是游戏格子以及颜色随机的实现。下面是代码链接:https://github.com/YICONGISME/FindDiff...原创 2019-08-20 17:42:15 · 459 阅读 · 0 评论 -
APICloud NVTabBar模块点击菜单实现页面的切换
首先上图:打开app默认的页面是设备管理,点击设备管理是一个页面,点击扫一扫是可以扫描条形码,点击我的是个人中心。设备管理页面的子菜单的思路和之前设备列表页面是一样的。(1)index.html页面加载头部和底部样式页面框架,框架里面再加载不同的页面。首页加载的页面分为三部分,头部,内容,和尾部, <div id="wrap"> <div ...原创 2019-07-01 17:14:27 · 1562 阅读 · 0 评论 -
APICloud NVNavigationBar 模块顶部菜单页面切换以及下划线实现
首先上图:有三个子菜单,点击每个子菜单显示的页面不一样,并且选中的菜单下面有个下划线,我看很多app都是这样的,所以我也就想办法弄成这样,结果弄得还比较像吧。(1)子菜单切换的原理就是设置点击事件 的回调函数,每一个菜单都有自己的索引通过判断点击的是哪一个菜单,然后openFrame打开想要的页面就可以了。(2)下划线的原理就是通过设置菜单的背景图是一条横线,通过调整图片的空白位置...原创 2019-07-01 16:36:34 · 1681 阅读 · 7 评论 -
APICloud UIListView模块动态获取数据并查看详情使用
首先上图;使用官方文档的代码,有侧滑的功能,但我想实现点击一项,就能够打开一个页面,查看详细的信息,现在很多app也是这样设计的。因此研究了一下文档,最终成功了。(1)首先是数据的问题,数据肯定不能写死,要从数据库动态获取然后一条一条的渲染在列表中,所以data属性就要动态获取。//获取其他页面传过来的数据var product = new Array(); product ...原创 2019-07-01 16:09:41 · 1417 阅读 · 0 评论 -
Apicloud ajax请求返回"statusCode":0,网络连接错误code:0, msg:服务器返回数据格式错误,code:3
最近在做一个apicloud的app项目,在写前端请求的时候遇到的错误。一、{"statusCode":0,"state":2,"progress":100,"body":"连接错误,请检查网络或者请求配置是否正确","msg":"连接错误,请检查网络或者请求配置是否正确","status":2}代码如下 :var code = $api.byId('code').innerH...原创 2019-05-24 19:40:41 · 10702 阅读 · 1 评论 -
微信公众平台被动回复用户消息开发全步骤
一、微信开发模式二、自己的服务器和域名1.可以购买阿里云的服务器和域名。2.使用内网渗透软件NATAPP把自己的计算机打造成自定义服务器,会自动拥有一个域名。缺点就是关掉后域名会变化,因为是免费的,可以购买付费的就不会变了。① 地址:https://natapp.cn/② 创建隧道:需要有phpstudy环境,如果更改过phpStudy端口号的,此位置设置为更改...原创 2018-10-31 21:18:12 · 11024 阅读 · 2 评论 -
Sublime Text3 多行注释
单行注释 ctrl+/多行注释 ctrl+shift+/可以选中代码注释,也可以在空白处注释再按一次可以取消。另外如果多行注释失效的话,可以尝试,sublime注释失效解决方法然后关闭再打开就行了。ps:简单发一个,为什么呢,因为今天1024,发博客给徽章哈哈。...原创 2018-10-24 15:25:19 · 10412 阅读 · 2 评论 -
jQuery 实现瀑布流布局及下滑加载页面
蘑菇街商品的信息,一个接一个,衔接紧密,根据浏览器大小有几列,元素等宽不等高,向下滑动加载 就是常见的瀑布流布局,实现瀑布流布局有三种方式,JavaScript原生,jQuery,和CSS3 column方法。我写了JavaScript 和jQuery两种。jQuery相对于js的优点就是,获取,定义,遍历元素方便,有很多封装的函数,支持连缀,隐式迭代。如要获取一个类名为box的元...原创 2018-10-26 21:22:18 · 3480 阅读 · 0 评论 -
jQueryDOM学习笔记
<!DOCTYPE HTML><html><head> <meta charset="utf-8"><script src="http://code.jquery.com/jquery-latest.js"></script> <style> .原创 2018-10-22 21:12:19 · 172 阅读 · 0 评论 -
jQuery 和 javascript 样式 比较 学习笔记
<!DOCTYPE HTML><html><head> <meta charset="utf-8"><script src="http://code.jquery.com/jquery-latest.js"></script><style> div {原创 2018-10-22 20:52:43 · 143 阅读 · 0 评论 -
bootstrap jquery 插件 简单总结
主要分为 Bootstrap 基本结构、Bootstrap CSS、Bootstrap 布局组件和 Bootstrap 插件几个部分下面是内置的jQuery插件 通过data API 调用 因此不需要写js 代码也可以通过js运行,因此都会有一些插件运行或完成后触发的事件,和操作插件的方法要注意引用的bootstrap版本 和 所用的组件,插件的格式是否一致,用官网的对应格式。一般都...原创 2018-10-14 21:12:37 · 972 阅读 · 0 评论 -
前端和后台数据交互总结
web服务器应用程序:apache,tomcat,nodeJs、Nginx、IIS、后台语言:php,java,.net,nodeJS数据库:Mysql,SqlServer,Oracle后台mvc:ssh ssm前台mvc:js ,jsp数据交互:ajax,servlet Java web Php web SSH框架 struts+sprin...原创 2018-10-14 21:08:52 · 22598 阅读 · 0 评论