- 博客(102)
- 收藏
- 关注
原创 ElementUI、sass、若依后台管理系统踩坑 --> 项目打包后字体图标偶发性乱码
文章目录一、我遇到的问题二、问题分析三、如何解决1.node-sass2.升级sass、配置vue.config.js一、我遇到的问题公司希望快速搭建一个后台管理系统,技术选型后决定使用若依后台管理系统的前后端分离版,项目打包后会偶发性出现图标乱码的情况,如下图:直接看若依的系统也是会偶发性出现同样的问题,虽然问题不是毕现的,但是有问题总要决绝不是????????二、问题分析在开发过程中,项目中图标是正常显示的,只有打包后才会出现乱码,很明显这个是打包导致的。我们在浏览器中定位到对应图标,这就
2022-01-04 17:03:22
3698
6
原创 ECharts踩坑 -->图表大小根据浏览器视窗变化自动响应
ECharts踩坑 -->图表大小根据浏览器视窗变化自动响应文章目录ECharts踩坑 -->图表大小根据浏览器视窗变化自动响应前言一、遇到的问题二、代码展示三、问题分析四、解决办法五、拓展一下[addEventListener](https://www.runoob.com/jsref/met-element-addeventlistener.html)总结前言接上篇:ECharts图表指定图表大小错误 提示:以下是本篇文章正文内容一、遇到的问题在多标签内使用多个EChart
2021-11-11 16:20:41
1540
原创 ECharts踩坑-->指定图表容器大小出错
ECharts踩坑笔记ECharts踩坑–>图表容器大小错误我遇到的问题我们在开发过程中可能需要使用到多个ECharts图表,如果需求是在多个标签中使用多个图表,每个图表需要全屏展示,最初页面加载时第一个标签内的图表能正常显示大小,但是切换标签后,其他标签内的图表宽度丢失,如下图所示:代码如下:<template> <div id="chartA" /></template><script>export default { nam
2021-11-11 16:17:42
1800
原创 Cocos Creator 入坑笔记
这里将会记录一些需要注意的点,后期会慢慢往上添加新内容。1、不要调用 audioEngine.stopAll 方法,会有问题的!2、动态增加和删除节点的时候需要手动调一下 updateChildComponents(内部方法,外部人员可以忽略)。这个如果对子节点过滤state,可以重写filterSubState这个方法3、收集节点level(内部方法,外部人员可以忽略)。默认是1级,修改时...
2018-10-10 15:44:32
457
原创 微信小程序页面之间传递参数的几种方式
小程序中不可避免要遇到不同页面之间数据通讯的问题,如判断是否登录等一、使用全局变量实现数据传递二、页面跳转或重定向时,使用url带参数传递数据三、使用组件模板 template传递参数四、使用缓存传递参数五、使用数据库传递数据...
2018-06-07 14:36:26
31697
5
原创 如何在微信小程序中使用iconfont
相信和我一样用惯了 iconfont 的同学们,很难放弃使用它,因为再也不用追着ui给制作小图标了,我们总能找到心仪的小图标, 哈哈哈~ 简直不要太开心! 那么在小程序里,我们要怎么使用iconfont呢?请往下看~ 官网: http://www.iconfont.cn/第一步:在官网中选好自己心意的图标加入购物车第二步:添加到项目并下载第三步:将 iconfont.css...
2018-06-05 15:44:44
7845
1
原创 微信小程序template使用方法
项目中总有项目列表或者经常出现布局样式相同的模块,一般人总喜欢复制一下,就能实现想要的效果,但是,总是复制粘贴代码很难避免让项目变得臃肿,而且还不容易迭代更新,有一个地方需要改进,通常都要一改全改,浪费时间和精力。所以使用模板是大势所趋。我们再JQuery项目中,可以使用artTemplate插件来实现模板替换功能,不清楚的同学可以点下边的连接了解一下 artTemplate使用方法在v...
2018-05-28 15:37:37
6879
1
原创 小程序图片轮播
轮播效果献给大家看一下轮播效果: 效果实现废话少说,我们先来上代码~ wxml:&amp;lt;swiper class=&quot;swiper&quot; indicator-dots=&quot;{{indicatorDots}}&quot; autoplay=&quot;{{autoplay}}&quot; interval=&quot;{{interv
2018-05-24 10:54:38
499
原创 微信小程序tabBar
小程序新人妹纸一个,准备自己开发一个小程序,既是练习,也当实战,大神请自行离开哈~ 这里咱先看一下效果 我们先从项目搭建开始说起哈~项目搭建1、注册账号如果你还没有小程序账号,可以先去注册(点击这里)。2、下载微信开发工具如果你还没有下载微信开发工具,请 点这里下载及安装3、创建小程序项目如下是创建项目界面,你需要创建一个工作目录 登陆你的小程序账号,...
2018-05-23 15:19:42
1739
2
原创 transition、transform 和 animation的区别
工作中不可避免的要使用transition、transform或者animation,有的小伙伴可能很少使用,所以经常忘记或弄混这几个的用法,这里给他们总结归纳一下,希望对你会有帮助 ~-~transtion 过渡transition 的过渡属性与意义transition-property : 过渡效果的属性,如:widthtransition-duration : 过渡效果所...
2018-05-17 17:04:57
1038
转载 跨域的几种解决办法
作为前端,我们经常会遇到跨域问题,本想自己总结归纳一下,但是意外的发现了一个非常棒的博客,博主已经总结的非常棒了,这里我也就偷个懒,直接引用 这里是传送门想看原版的点上边的连接,这里我留个备份,方便查阅学习,感谢原博~什么是跨域?跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。广义的跨域:1.) 资源跳转: A链接、重定向、表单提交2.) ...
2018-05-04 11:13:14
819
原创 大量数据列表渲染优化方法
身为前端,我们经常遇到数据列表渲染等功能,我相信很多人都会完成这类的功能,使用的方法也大多是循环数据,创建列表元素,然后经新元素添加到列表后面,如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>大量数据加载&
2018-05-02 17:47:25
9583
原创 Git分支
1.分支简介首先我们需要了解一点,Git 保存的数据不是文件的变化或者差异,而是一系列不同时刻的文件快照。 在进行提交操作时,Git会保存一个提交对象,该对象包括一个指向缓存内容快照的指针,作者的姓名、邮箱、提交时输入的信息以及指向他的父对象指针。首次提交的提交对象没有父对象,而有多个分支合并产生的提交对象有多个父对象。(a)首次提交此时Git仓库中有4个对象:两个个 blob ...
2018-05-02 15:30:13
432
原创 Git 基础
Git基础由于工作中一直使用svn作为托管工具,对git虽有了解,但是并没有完全清楚其工作模式,所以在此梳理并总结git的一些基础知识,以方便使用。1、获取仓库的两种方式(a)从现有目录中初始化仓库$ git init跟踪和提交已有文件夹$ git add *.c$ git add (b)克隆现有仓库$ git clone https://git...
2018-04-12 15:41:29
235
原创 Array相关的很有用的方法
今天查看Array.from()方法的具体使用,发现了一个博客里记录了很多的关于Array的方法,感觉非常好用,这里借鉴一下,以方便查询。Array.some(fn(v,i),thisArgs) 只要数组的一个值满足指定的测试,就返回true thisArgs: fn方法中this指向,如果是object类型正常指向,如果是string类型,会按fn中的i去截取string中对位的位置的字符va
2017-09-13 10:19:06
300
原创 移动端js适配文件
移动端手机号型号不同,显示的大小样式是各种各样,为了适配各种手机号,这里附上适配的代码供大家参考一下。如有需要添加和修改的地方,欢迎大家指正,谢谢。(function (doc, win) { // 分辨率Resolution适配 var docEl = doc.documentElement, resizeEvt = 'orientationchange' i
2017-01-11 17:57:11
2329
原创 让下拉列表可编辑
再项目中我们可能遇到一种需求,让下拉列表的显示框可编辑,当我接收到这个需求的时候,又上网查资料,找到了一种可以实现的代码,这里把代码附上(借用一下,希望原创看见不要生气哈) function changeF() { document.getElementById('makeupCo').value = document.getElement
2016-12-16 17:27:03
822
原创 使用iscroll的问题与解决办法
我们都知道,当列表里数据有很多的时候,我们会考虑将其分为很多条小数据,然后通过滑动事件触发ajax请求数据,然后将数据替换到页面中进行渲染。通常,我们都会考虑使用iscroll插件,但是使用的同时又会出现很多的问题。如下:a)、每个列表上都有一个a链接,但是,当点击的时候没有任何反应。一开始我们可能考虑是上边有覆盖层,当点击页面的时候,不能捕获a标签,但是给其的z-index调大,还是不能
2016-11-24 18:30:23
1603
原创 jquery中通过属性获取元素
根据属性获取元素:$("p[class]").css("color","red");给所有有class的p标签设置红色字体。根据属性值获取元素:1.$("input[name$='san'").css("background-color","red");匹配所有name以‘san’结尾的input标签设置红色背景。$选择器[attribute$=value]2.$("input[
2016-11-23 18:45:43
11452
原创 siblings获取非当前元素的所有同等级元素
我们都知道,在写js代码的时候,获取各种对象是一个比较让人头疼 的事情,获取某一个指定的元素还比较好说,只要有标示,或者知道他的标签和位置,那都是非常简单的事情,但是,我们的需求往往并没有那么单一,我想获取一个元素的,除了他之外的所有元素该怎么半呢?相信很多经常手写js代码的人或多或少都会遇到类似的问题。那么,接下来,我就给大家介绍一个比较好用的方法:siblings。w3c上的介绍就不多
2016-11-22 10:36:24
1022
转载 artTemplate的常用方法
在没接触artTemplate之前,我都是手写字符串拼接做模板替换。这样做往往费时费力,而当我使用了artTemplate之后,只需要两句话,就搞定了全部!通过长期的使用artTemplate,现在我为大家总结出其最全的常用方法。参考资料:https://github.com/aui/artTemplate以上是官方文档以及下载地址。一:安装使用下载artTempl
2016-11-21 15:49:08
14197
转载 不同浏览器获取DOM元素的各种高度
一:HTML中各种高度 一:介绍不止一次被HTML中各种高度和宽度搞晕了,搞的每次做项目时都要去查相关的资料。趁着有时间好好把这块的资料整理一下,以被以后使用。下面是一张W3C中Window对象属性图。从图中我们可以看到有关高度和宽度的几个属性,他们分别是innerHeight,innerWidth,outerHeight,outerWidth, pageXOffset,pageYOffset,s
2016-11-02 16:10:29
1564
转载 webpack入门指南
什么是 webpack?webpack是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。我们可以直接使用 require(XXX) 的形式来引入各模块,即使它们可能需要经过编译(比如JSX和sass),但我们无须在上面花费太多心思,因为 webpack 有着各种健全的加载器(load
2016-10-31 09:59:31
457
转载 Validform表单验证
凡要验证格式的元素均需绑定datatype属性,datatype可选值内置有10类,用来指定不同的验证格式。如果还不能满足您的验证需求,可以传入自定义datatype,自定义datatype是一个非常强大的功能,通过它可以满足你的任何需求。可以绑定的附加属性有:datatype、nullmsg、sucmsg、errormsg、ignore、recheck、tip、altercss、
2016-10-27 21:09:15
953
转载 Session后台存储
Session是什么 session是另一种记录客户状态的机制,不同的是Cookie保存在客户端浏览器中,而session保存在服务器上。 客户端浏览器访问服务器的时候,服务器把客户端信息以某种形式记录在服务器上,这就是session。客户端浏览器再次访问时只需要从该Session中查找该客户的状态就可以了。 如果说Cookie机制是通过检查客户身上的“通行证”来确定客户身份的话,那么
2016-10-27 17:16:39
5840
原创 github简单使用
一、git的历史 最早Git是在Linux上开发的,很长一段时间内,Git也只能在Linux和Unix系统上跑。不过,慢慢地有人把它移植到了Windows上。现在,Git可以在Linux、Unix、Mac和Windows这几大平台上正常运行了。 二、get安装 要使用Git,第一步当然是安装Git了。Windows下要使用很多Linux/Unix的工具时,需要Cygwin这样的模拟环境,Git
2016-10-18 22:17:47
347
转载 HTML5中本地存储与本地数据库
一、本地存储由来的背景 众所周知Html4时代Cookie的大小、格式、存储数据格式等限制,网站应用如果想在浏览器端存储用户的部分信息,那么只能借助于Cookie。但是Cookie的这些限制,也就导致了Cookie只能存储一些ID之类的标识符等简单的数据,复杂的数据就更别扯了。下面是Cookie的限制:1, 大多数浏览器支持最大为 4096 字节的 Cooki
2016-10-17 19:52:59
1990
转载 JavaScript模块化
随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂。网页越来越像桌面程序,需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法,管理网页的业务逻辑。Javascript模块化编程,已经成为一个迫切的需求。理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模块。但是,Ja
2016-10-07 11:14:09
282
原创 sessionStorage 、localStorage 和 cookie 之间的区别
1.1 cookie、sessionStorage、localStorage 共同点:都是保存在浏览器端,且同源的。区别:cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。cookie数据还有路径(path)的概念,可以限制cookie只属于
2016-10-05 21:01:02
398
转载 less与sass的区别与联系
英文原文:An Introduction To LESS, And Comparison To Sass,翻译:前端观察自从一个月前我偶然发现LESS之后我就开始坚定的使用它了。CSS本身对我来说从来不是问题,但是我很好奇使用变量来沿着一个调色盘为我的网站或模板创建一些东西的想法。拥有一个提供固定数量选项可选的色盘可以让我避免颜色太跳跃以至于从一个已定的风格中脱离。事实证明,L
2016-10-05 20:44:42
543
原创 touch事件
在开发移动端的应用中会使用到很多的手势操作,例如一指拖动、两指旋转等等,为了方便开放者快速集成这些手势,在Clouda中内置了事件和手势库Library.touch,下面将详细的介绍如何使用Library.touch。手势事件处理类API目前支持以下功能:事件配置事件代理事件绑定解除事件代理解除事件绑定触发事件事件配置touch.config(con
2016-10-05 17:28:29
363
原创 js中的表单插件
表单对各种程序员来说,并不陌生,我们总会在各种项目中接触到他,表单的布局样式及验证方法,总会耗费我们非常多的时间,为了节省时间和精力,现在我给大家推荐几个插件,只需要简单的调用,表单布局和验证将不再是问题,现在,我们先看一下:第一个插件bootstrap 链接地址:http://v3.bootcss.com/ 使布局更加简单第二个插件jQuery 链接地址:
2016-10-05 17:01:40
636
转载 移动互联网终端的touch事件,touchstart, touchend, touchmove
前言如果我们允许用户在页面上用类似桌面浏览器鼠标手势的方式来控制WEB APP,这个页面上肯定是有很多可点击区域的,如果用户触摸到了那些可点击区域怎么办呢??诸如智能手机和平板电脑一类的移动设备通常会有一个电容式触摸屏(capacitive touch-sensitive screen),以捕捉用户的手指所做的交互。随着移动网络的发展,其能够支持越来越复杂的应用,web开发者需要一种方
2016-10-04 14:36:05
504
原创 bootstrap
你有没有为无休止的代码布局和繁琐的样式而感到头疼呢?有没有想过要是所有的常见的样式都放哪里让我随便使用呢?其实就有这样一个东西,能实现我们这个愿望,它就叫bootstrap。 什么是bootsrap呢? Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。[
2016-09-05 22:59:39
559
原创 Ajax框架整合
我们知道,每次根据不同接口,写不同的Ajax是一件比较麻烦的事儿,但是又不逃避他们,那么该肿么办呢,下面给大家介绍一种整合框架,可以根据与不同接口去创建不同的Ajax<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><script> fun
2016-08-31 22:49:30
380
原创 Ajax之深入了解
上一节,我们说了一些Ajax的基础知识,包括常用的get方法,现在,我们接着来讲讲post方法,以及利用get方法或post方法实现分页显示的功能。 我们使用的是nodejs,去nodejs官网下载安装后,在webstrom编写代码,将所有代码放在public文件夹里,然后在terminal控制台开启服务(npm start),之后在网页上输入localhost:3000/文件名.html。
2016-08-31 21:26:33
370
原创 Ajax的简单应用
Ajax给我的第一映像就是非常的高大上,不知道你是不是也和我一样这样认为呢,但是当你真正去了解和认识他的时候,就会发现,他也不过如此,今天就让我们一起去了解一下他的真面目吧。 以下是一些涉及到的小知识点: 1、配置自己的服务器程序(AMP) 2、什么是Ajax 无刷新数据读取 用户注册、在线聊天室 3、ajax(url,fnSucess,fnFaold) 文件名
2016-08-28 17:01:48
423
原创 js实现淘宝放大镜效果
记得很久以前,小编就准备写个放大镜,但是种种原因导致,一直没有完成这个愿望,下面,让我们一起来实现这个常见的功能吧。 不懂的同学,可能认为这很难细实现,觉得它很博大精深的样子,其实真了解他了,你会发现原来这么简单,下面废话不多说,让我们一起来实现它吧。 首先当然是html布局和css样式: ![效果图](http://img.blog.csdn.net/20160825213
2016-08-25 21:42:57
12676
6
原创 js实现复杂图片切换
欢迎各位亲们前来观看 +_+ 本次内容稍微有点多,而且用到了上一篇运动框架的内容,如果需要可以查看《js实现多物体不同运动框架》的内容。 首先我们来看一下效果图 具体功能如下: 两边的按钮:淡入淡出;大图下拉:层级、高度变化;下方li多物体淡入淡出;下方Ul:无缝滚动;自动播放等 接下来让我们一起去看看具体的代码吧@_@
2016-08-13 17:46:01
480
原创 js实现多物体不同运动框架
欢迎各位亲们赏脸观看 _我们都知道,网站中有很多的运动,其需求不同,但大体结构类似。如果我们把每个功能模块都写出来,不仅浪费时间,而且浪费很多代码空间,增加代码冗余,使代码显得杂乱无章。今天我们就来写一个框架,将不同的运动封装成一个方法,让不同的运动共用这一个方法,节省时间、空间。而且,这个框架一旦完成,无论何时想用,只要一个调用,就可以实现。这个方法能实现的运动有变宽、变高、变字体大小、变透
2016-08-13 15:03:21
868
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人