- 博客(18)
- 收藏
- 关注
RSS订阅转载 vue实现原理
转载：https://blog.csdn.net/lishanleilixin/article/details/79360244一 理解vue的核心理念使用vue会让人感到身心愉悦,它同时具备angular和react的优点,轻量级,api简单,文档齐全,简单强大,麻雀虽小五脏俱全.倘若用一句话来概括vue,那么我首先想到的便是官方文档中的一句话:Vue.js（读音 /vjuː/，类似于 vie...
2018-06-29 12:10:31
19469
2
原创 HTML中table标签的跨多行和多列布局方法
先放一张布局效果效果图在实现这一布局效果时，主要应用了rowspan、colspan跨行和跨列的属性布局。在所跨的行或者列，在其他行或者列中也是占位的。比如：第一项项目基本信息是跨过5行，因此在接下来的4行中，第一列已经是默认被占了，行中的td列是从第二列开始布局；最后一行，项目得分占据6列，因此第二个td实际对应的是该行的第七列。具体实现代码如下：HTML布局代码：<!-- 明细表 --&...
2018-06-25 16:51:13
34614
1
原创 table中td标签中内容过长时，设置td长度固定的方法
在使用table标签时，我们设置了td的宽度且设置了单行溢出加省略号的样式，但是发现，td还是随内容的多少会撑开，如下图：这样就不符合我们预期想要的效果，我们只需要在table标签上加属性： width="100%" style="table-layout:fixed"cellpadding，cellspacing这两个属性用于清除td标签的间隙。此外td设置样式：overflow: hidde...
2018-06-25 16:36:59
19596
2
原创 Vue项目中引入Echarts_(2021年更新)
在Vue项目中使用Echats，可以极大程度的方便完成很多Canvas功能。1. 安装Echatsnpm install echarts --save2.项目main.js中引入Echarts// 引入Echartsimport Echarts from 'echarts'Vue.prototype.echarts = EchartsVue.use(Echarts)3.项目中使用，挂载到一个...
2018-06-22 16:44:28
26863
2
转载 javascript对象的创建方式
转载：https://blog.csdn.net/u014346301/article/details/52204967 ECMA-262把对象定义为：”无需属性的集合，其属性可以包含基本值、对象或者函数。”严格来讲，这就相当于说明对象是一组没有特定顺序的值。对象的每个属性或方法都有一个名字，而每个名字都映射到一个值。正因为这样，我们可以把ECMAScript的对象想象成散列表：无...
2018-06-22 15:04:30
344
原创 修改input输入框placeholder文字默认颜色
input输入框，placeholder默认颜色修改，照如下添加样式：input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; } input:-moz-placeholder, textarea:-moz-p...
2018-06-22 10:43:25
8356
原创 CSS权重计算
什么是CSS权重？1）权重决定了你css规则怎样被浏览器解析直到生效。2）当很多的规则被应用到某一个元素上时，权重是一个决定哪种规则生效，或者是优先级的过程。3）每个选择器都有自己的权重。如果两个选择器同时作用到一个元素上，权重高者生效。CSS中选择器的不同，对应的权重不同1）行内样式 权重1000<div class="drc-video" style="width:100px">...
2018-06-20 12:57:08
722
转载 前端HTML状态码大全（200,404,503等）
这些状态码被分为五大类： 100-199 用于指定客户端应相应的某些动作。 200-299 用于表示请求成功。 300-399 用于已经移动的文件并且常被包含在定位头信息中指定新的地址信息。 400-499 用于指出客户端的错误。 （自己电脑这边的问题） 自己电脑这边的问题） 500-599 用于支持服务器错误。 （对方的问题） 对方的问题）一些常见的状态码为： 200 - 服务器成功返回网页 4...
2018-06-20 12:09:36
10302
原创 js浏览器兼容性的写法
大致有以下五大类：1）元素查找问题2）DOM操作3）事件4）语法5）XML一、元素查找问题：1. document.all[name] (1)现有问题：Firefox不支持document.all[name] (2)解决方法：使用getElementsByName(name)，getElementById(id)等来替代。2. 集合类对象问题(1)现有问题：IE中对许多集合类对象取用时可以用 ()...
2018-06-20 11:47:27
1275
原创 结合实例通俗易懂理解BFC布局
写在文前在面试或者看文档资料的时候，我们经常会看到一个概念BFC，网上去搜，资料一大堆。好的坏的，看的一脸雾水。于是，博主查阅各种资料，摘录，来写一下BFC布局。BFC概念1. BFC是什么？我们先来理解两个概念：Box、Formatting ContexBox: CSS布局的基本单位Box 是 CSS 布局的对象和基本单位， 直观点来说，就是一个页面是由很多个 Box 组成的。元素的类型和 di...
2018-06-19 17:31:51
982
原创 微信小程序canvas绘制多行文本方法
需求：在canvas中绘制多行文本，实现文本内容的自动换行。示例如下图片：实现代码onLoad函数中：const ctx = wx.createCanvasContext('shareCanvas');ctx.setFontSize(18);ctx.fillStyle = "#858585";ctx.lineWidth = 1;var str = "事件分为冒泡事件和非冒泡事件： 冒泡事件...
2018-06-12 12:17:18
7672
原创 微信小程序引入fontawesome图标
fontawesome图标是一套前端使用频繁的icon字体图标库，在微信小程序中同样也可以使用。1. 下载字体图标，官网链接2. 找到1中下载的字体图标文件中的如下图.ttf文件3. 将2中的字体在https://transfonter.org/ 中，转换成css文件第一步第二步第三步第四步4. 将3步中得到的css文件中的样式，全部复制粘贴到app.wxss中5. 将1中下载的字体图标文件中fo...
2018-06-11 12:43:14
2692
原创 微信小程序多层循环遍历
数据：两层嵌套 /** * 页面的初始数据 */ data: { newslist: [ { time: '今天', list: [ { title: 'EOS主网启动直播', id: '12131', }, { ...
2018-06-10 14:42:01
12285
2
原创 微信小程序事件绑定、路由以及路由传参
微信小程序开发过程中，根据事件是否冒泡，有两种事件绑定形式。事件分为冒泡事件和非冒泡事件：冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递。非冒泡事件：当一个组件上的事件被触发后，该事件不会向父节点传递。1）事件绑定对于冒泡事件而言：利用bind(事件)进行绑定，非冒泡事件利用catch(事件进行绑定)<view class="container"> <!-- 父级...
2018-06-10 14:32:35
4962
原创 最全position定位方式解析
position: 定位方式position: static; position: relative; position: absolute;position: fixed;position: inherit;position: initial;position: unset;position: sticky;通常，我们总是知道前面4种方式，突然发现原来现在有7种方式了。下面依次来解...
2018-06-08 12:06:55
6584
原创 2019最新Web前端经典面试试题及答案，持续更新
Ps: 文章所述内容，来源渠道平时积累以及网上摘录。按日期持续更新...目录：转载请注明来源。-2018/6/8 1.position的定位方式2.描述下从输入URL到整个网页加载完毕及显示在屏幕上的整个流程3. 描述一下渐进增强和优雅降级之间的不同-2018/6/101.如何解决跨域问题2.XML和JSON的区别？3.快速排序的思想并实现一个快排？-2018/6/16w...
2018-06-08 11:38:18
25439
3
原创 细述怎么开发自己的插件依赖，并发布到npm上
写在文章前：一个在项目开发中通常遇到的需求，后台返回一个时间戳，前台需要处理成 xxxx年xx月xx日等格式的时间格式。通过我们会封装成一个函数进行调用，但在本文中，就小题大作一下，一个这样的需求怎么写成一个插件依赖呢？a. this.timeformater('1528094422381') // 2018-06-04 14:40:22b. this.timeformater('1528094...
2018-06-04 16:50:32
3212
原创 简单详解Java中的File文件类
通俗易懂理解IO:当需要把内存中的数据存储到持久化设备上这个动作称为输出（写）Output操作。当把持久设备上的数据读取到内存中的这个动作称为输入（读）Input操作。因此把这种输入和输出动作称为IO操作。File类可以操作文件或者文件夹。1）封装成file对象构造函数构造方法摘要File(File parent, String child) // 根据 parent 抽象路径名和 child ...
2018-06-03 17:31:57
739
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人