- 博客(36)
- 收藏
- 关注
原创 svg-icon图标困扰了好久,今天终于解决了
在assets当中引入icons相关的资源, 在components当中引入相关的SvgIcon 在utils当中引入validate.js 在mian,js里引入:import'./assets/icons'
2022-04-01 09:57:52 287
原创 国际化使用的流程
1:安装:安装完了后 需要 npm install ,否则很可能 报错"vue-i18n": "7.3.2",2: 在src目录下创建一个文件(lang)这个文件是将要放在国际化的三个js文件: 分别是:index.jsimport Vue from 'vue'import VueI18n from 'vue-i18n'import Cookies from 'js-cookie'import elementEnLocale from 'element-u...
2022-03-03 11:51:28 512
原创 国际化的Bug
选择中文的时候 报这样的错,所以 在代码里需要加:vuex中的store分模块管理,需要在store的index.js中引入各个模块,为了解决不同模块命名冲突的问题,将不同模块的namespaced:true,之后在不同页面中引入getter、actions、mutations时,需要加上所属的模块名...
2022-03-03 11:39:52 103
原创 遇到项目初始化之后报错的bug
以上问题解决方法是:cmd=>切换到项目所在的盘=》cd到项目里cd fade(项目)=》如果原来已经初始化过了,那么手动去删除node_modules,之后重新初始化:npm install 初始化成功后 运行即可...
2022-03-02 14:30:01 330
原创 2020-12-26
js运行三部曲: 语法分析 预编译 解释执行当一个变量未经声明的时候 ,归并到所有(window)预编译:预编译发生在函数执行前一刻去执行创建AO是上下文期,称之为 作用域GO:全局(window)当局部里找不到的时候 从GO去查找该变量局部变量和全局变量这种关联关系作用域链。1、创建AO对象 隐式的创建一个AO(Activation Object)空对象。2、查找形参和变量声明,将形参名和变量名作为AO对象的属性,值为undef...
2020-12-26 07:13:45 129
原创 2020-12-26
递归:先计算的最后执行。1、找规律2、找出口比如:写一个函数,N的阶乘1:规律是:n*(n-1)比如:计算3的阶乘mul(3)==>3*(3-1)mul(2)==>2*(2-1)这样无数次的算,0,-1,-2.....等等。2:这个时候找出口当1的时候 计算结束,也就是说退出function mul(n){ if(n==1){ return 1 }return n*...
2020-12-26 07:00:53 148 1
原创 循环说明
<view class='item' wx:for="{{list}}" wx:key="{{i}}">//wx:for="{{这里是要循环的数组}}" wx:key={{i}}这个的作用就是给数组唯一的标识。 <view>{{item.order_no}}</view>//item就是数组的每一项,index就是数组的下标(如果是对象就是对象的属性名)...
2019-11-08 13:11:50 96
原创 iframe自身高度的问题
<div class="content_index" > <iframe src="../html/home_details.html" frameborder="0" scrolling="auto" id="test" width="100%" onload="this.height=100" >&
2018-07-12 12:01:24 316
原创 layer保存成功之后关闭窗口
layer.close(layer.index); window.parent.location.reload();
2018-05-22 17:06:31 2954
原创 json定义对象
var boxLookup = { returnId:"",//返回数据窗口的id nameStr:"", //返回时调用input target:"navTab", //打开前的窗口 url:"", //打开调用的url checkUrl:"",//返回前调用的url title:""//打开窗口的名称
2018-05-22 15:33:35 190
原创 jq
下拉框和内容之间切换 效果 $("#status").change(function(){// console.log($(this).val()); var day=$(this).val(); if(day==0){ $('#myself_apply').show(); $('#myself_apply')...
2018-03-22 11:44:18 148
原创 css
设置滚动条的样式 /*滚动条样式*/ .form_con_right::-webkit-scrollbar {/*滚动条整体样式*/ width: 8px; /*高宽分别对应横竖滚动条的尺寸*/ height: 8px; } .form_con_right::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ ...
2018-03-22 10:47:18 148
原创 jq
当点击某一个事件显示相关的内容,同时取消鼠标移入的事件// 重名 $(function () { $('.chongming').click(function (event) { event.stopPropagation(); var file_shows=$(this).parent().parent().parent().parent()...
2018-03-21 14:27:02 172
原创 jq
当鼠标移入的时候 显示 对应的内容 最简单方法// 操作----鼠标移入显示隐藏$(function () { $('.bj').mouseover(function () { // console.log(123); var file_shows=$(this).find('.file_show').show(); }); $('.bj')...
2018-03-20 09:54:18 189
原创 layer弹出框 取消按钮
// 操作按钮----关闭自身层function close_self() { var index=parent.layer.getFrameIndex(window.name); parent.layer.close(index);}$('.draft_btn').click(function () { close_self(); layer.close(lay...
2018-03-16 11:01:28 8837
原创 点击当前元素的时候显示相关的内容
$(function () { $('.chongming').click(function () { var file_shows=$(this).parent().parent().parent().parent().parent().children().find('.file_title'); var edit_shows=$(this).parent().p...
2018-03-16 09:48:23 405
原创 bootstrap table
当表格当中的内容超出宽度的时候省略号来显示 首先在table当中设置:style="table-layout:fixed;" fixed:列宽由表格的宽度和列表的宽度来设定overflow: hidden;text-overflow: ellipsis;white-space: nowrap;...
2018-03-15 10:36:14 294
原创 表格
用最简单的方法来解决隔行变色window.onload=function () { var table1=document.getElementById('table1'); for (var i = 0; i < table1.tBodies[0].rows.length; i++) { if (i%2) { table1.tBodies[0].rows[i].st...
2018-03-12 21:42:35 162
原创 jq
删除某一个元素: window.onload=function(){ var aa=document.getElementsByClassName('a'); var ss=document.getElementById('ss'); for(var=0;i<aa.length;i++){} ...
2018-03-08 22:53:30 122
原创 jq
在某一个元素之前插入新的元素: window.onload=function () { var text=document.getElementById('text1'); var btn1=document.getElementById('btn1'); var ss=document.getElementById('ss'); btn1.onclick=functi...
2018-03-06 23:44:51 134
原创 jq
隐藏元素: window.onload=funciton(){ var oa=document.getElementsByTagName('a'); for(var=i;i<oa.length;i++){ oa[i].onclick=function(){ this.parentNode.style.disp...
2018-03-06 22:29:16 7168
原创 jq
each()方法:输出每个li的元素hasClass:检查某个元素是否存在实现某一个弹出框的方法: $(".sign-info-click").each(function(){ if($(this).text()==0){ //获取当前标签内的内容 ,当为0的时候 $(this).attr("onclick",""); //去掉点击事件 }});$("...
2018-03-06 13:33:31 130
原创 前端
当select的内容过多的时候 option出现滚动条 可以在select设置属性:size="1" multiple="multiple" 通过什么属性来显示当前的日期: formatDate:‘yyyy-MM-dd HH:mm:s’, intime:true,...
2018-03-06 00:11:09 286
原创 dom
parentNode:获取父元素offsetParent:获取页面上的实际位置IE6-8 使用:a.firstChild.style.color="red";高级浏览器: a.firstElementChild.style.color='red'; 第一个元素子节点为了在EI浏览器正常显示: if(a.firstElementChild){ a.firstE...
2018-03-02 00:07:26 97
原创 dom节点
javascript中一个重要的组成部分 是 Dom 在css里面 叫做标签 在js里面叫做 元素 在dom练叫做 节点获取元素节点:childNodes获取文本节点:nodeTypechildeNodes和nodeTYpe配合起来 能获取到所有子节点并且不会出现文本节点children和childnodes的区别是: children: 1:最大...
2018-03-01 23:25:44 106
原创 ajax
0:(未初始化)还没有调用open()方法1: (载入)已调用send()方法,正在发送请求2: (载入完成)send()方法完成,已收到全部响应内容3: (解析)正在解析响应内容4: (完成)响应内容解析完成,可以在客户端调用了接收返回: ajax.onreadysatechange=function(){ ajax.readySate //浏览器和服务器,进行哪一步了if...
2018-02-28 23:00:04 101
原创 函数
原生的js和jq函数的区别: js的window.onlod事件是等到所有内容,以及我们的外部图片之类的文件加载完了之后,才会去执行 jq的入口函数是:是在在html所有标签都加载完了之后 就会去执行...
2018-02-28 21:49:48 102
原创 前端
当多行文字超出一部分的时候省略号: overflow: hidden; 超出隐藏text-overflow:ellipsis;white-space: nowrap; width:50%;需要宽度, 具体给多少按自己的需求来定今天用几个小时的时间来研究了一下dadatable的控件,感觉还蛮不错, striped: true, //是否显示行间隔色 ...
2018-02-28 21:34:46 200
原创 移动端适配问题
做移动端项目的时候 会很多人都喜欢用rem,rem的作用是:随着浏览器宽度而变化.还有em最近项目当中用了rem,意识到rem并不是 那么好用,超过百分之50的时候用百分比来做的话 无论哪款机子都会适配到。rem:一般字体大小或者是小图片的宽高
2018-02-06 23:04:07 84
原创 移动端
动画的兼容性问题: 1:-webkit-keyframes 2:默认的情况下:keyframes图片的兼容性问题: 给图片加宽高的时候 最好用display:block; 因为默认的有间距,不过用display:block用的时候 也许要注意!有时候会遇到一些安卓上看背景图片,会有一些模糊: 模糊的原因是 手机的分辨率太小的原因,如果按照分辨率来显示网
2018-02-05 21:29:38 98
原创 canvas
最近做移动端项目的时候发现 有些动画效果html5 css3是实现不了,这时候 canvas来实现有一些特殊的动画效果,canvas是一个幕布,用js在上面绘制图表,动画。实际上canvas是html5的一个新增的组件,如果不用canvas来实现的话 那只能用flash,但是 flash很多浏览器不会兼容。这里面的宽高自己来定,用js来绘制图表或者是实现一些动画的时候 在这个范围里面去实现。
2018-02-04 22:46:39 138
原创 html5
html5 项目当中有一些动画停留在最后一个状态。 例如说: -webkit-animate:aa 2s linear; animate:aa 2s linear; 如果这样写的话 动画不会停留在最后一个状态,想让动画停留在最后一个装太 的话用:animation-fill-mode:forwards.如果让一个元素居中页面当中,无论哪款手机上看 都
2018-02-02 21:41:20 187 1
原创 html5
解决移动端mp3音乐播放器问题 function createAudio(src,loop){ var a=new Audio(); 创建一个新的audio a.src=src; a.preload='auto'; a.loop=loop; return a; } var
2018-02-01 22:01:49 157
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人