- 博客(64)
- 资源 (1)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 Vue 全部知识点复习
Vue2.0MVC、MVVMMVCMVC 模式同时提供了对 HTML、CSS 和 JavaScript 的完全控制。Model（模型）是应用程序中用于处理应用程序数据逻辑的部分。通常模型对象负责在数据库中存取数据。View（视图）是应用程序中处理数据显示的部分。通常视图是依据模型数据创建的。Controller（控制器）是应用程序中处理用户交互的部分。通常控制器负责从视图读取数据，控制用户输入，并向模型发送数据。图示M模型（数据层如数据库）V视图（视图层、HTM
2021-08-26 15:26:19
627
原创 axios 请求封装
1、axios 请求封装/** 环境地址 */const baseApiObj = { production: 'https://imzt.bndxqc.com/api', experience: 'https://imztty.bndxqc.com/api', test: 'http://119.23.111.61:8080/api', development: '/api'}let baseApi = '/api';// 开发模式 是否添加api前缀if (process.e
2021-08-13 15:57:43
452
转载 跳过注册SourceTree3.1.3的方法
百度经验上的文章，亲测过，好使，如果链接能顺利打开，就不用看以下内容https://jingyan.baidu.com/article/4f34706e6e4985e386b56d79.html1.下载并执行SourceTreeSetup-3.1.3.exe，会进入登录或注册bitbucket的界面，先别急着操作，继续往下看。2.关闭上述安装窗口，打开 %LocalAppData%\Atlassian目录（win+r打开命令模式，把%LocalAppData%\Atlassian放到..
2020-08-03 18:22:03
274
原创 js判断是否有特殊字符
let containSpecial = RegExp(/[(\ )(\~)(\~)(\!)(\！)(\@)(\#)(\$)(\￥)(\%)(\^)(\……)(\&)(\*)(\()(\（)(\))(\）)(\-)(\_))(\——)(\+)(\=)(\[)(\【)(\])(\】)(\{)(\})(\|))(\、))(\)(\\)(\;)(\；)(\:)(\：)(\')(\‘)(\’)(...
2019-10-30 14:55:36
6869
原创 h5在线动态页面调用app原生方法
h5初始化代码例子function connectWebViewJavascriptBridge(callback) { var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; // android终端 var isi...
2019-08-27 11:55:22
1218
原创 window.postMessage() 父子之间的窗口通信
A.html ,b.html A通过iframe嵌入B接收消息vue都可以在mounted中获取// A.html<body><button id="button">发送到B</button><iframe src="B.html" id='myframe'></iframe> </body>&...
2019-08-26 16:26:28
5453
转载 js 中对数值的格式化显示问题
对数字进行格式化输出，是非常有意义的一件事情，例如许多时候，我们希望一个数字能够输出为指定格式的字符串，拿25.9878来说，我们可能会希望它能保留两位小数来说出，即结果为25.99，或者对于0.345678，希望能够按百分号输出，并保留小数点后两位，即结果为34.57%，又例如我们希望将数字56456456按照科学计数法来显示，并保留小数点后两位，即结果为5.65e+7，类似例子当然还有很多。...
2018-11-19 14:08:56
1276
转载 最新vue2.x仿饿了么app 商家页面 项目总结
前言仿饿了么app是基于vue2.x最新实战项目，用到的技术栈vue2 + vue-router2 + vue-cli2 + vue-resource + stylus + flex布局 + es6 + eslint + webpack2 页面相对简单，所以没有用到vuex， 它更适合对复杂的单页面进行状态管理实现功能：• Goods、Ratings、Seller组件视图均可上下滚动• ...
2018-06-23 16:03:35
2609
转载 小程序之图片懒加载处理
目录(?)[+]微信小程序中，懒加载特效让人头疼不已，因为小程序完全没法操作dom，所以位置的操作在小程序中，变得极其的难~~先看特效：我们将其拆分为如下几个步骤进行讲解~~1）如何获取图片的位置高度先看一张图：通过上图可以知道，图片位置高度其实可以通过img.height + margin值算出。js代码：arrHight[i] = Math.floor(i/2)*(img.height + m...
2018-03-17 15:25:51
1843
转载 ICO是什么，看完秒懂!
在讲ICO之前，先讲这样一个故事。有一个人开了一间赌场，每个赌徒要来赌场玩，必须先换一些筹码，才能参与赌场内的赌局。赌场内所有赌局都是实时利用筹码结算的。这间赌场服务特别好，赌具特别好，入场费收得也非常低，总之一切都特别好，于是越来越多的赌徒都慕名而来，跑到这间赌场来玩，赌局额度也越来越大。自然，这就需要更多的筹码来确保赌场的顺利运营。但是，这间赌场的筹码是用一种特殊的金属、特殊的工艺制造的，这些...
2018-03-14 17:26:40
746
原创 日期时间对比
//现在时间和店铺的营业时间相对比// 判断店铺是否处于营业时间 getJudgeBusinessLDY: function () { // *********** begin************** // 现在时间 //获取当前时间戳 var timestamp = Date.parse(new Date()); time
2018-01-03 18:22:35
2002
转载 Vue.js新手入门知识点
下面我就以问答的形式来分享吧。这里假设你仅仅只掌握了HTML+CSS+JavaScript，如果你对JQuery这个前端库，以及各种后端模版语言比如说PHP，JSP还有所了解并且使用过的话那就太好了。1.Vue.js是什么？Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发
2017-12-25 17:42:29
1353
转载 微信小程序中使用路由
本章我们主要谈一谈页面之间的路由怎么使用路由方式对于路由的触发方式以及页面生命周期函数如下:路由方式触发时机路由前页面路由后页面初始化小程序打开的第一个页面 onLoad, onSHow打开新页面调用 API wx.navigateTo 或使用组件 onHideonLoad, onShow页面重定向调用 API wx.redirectTo 或使用组件 onUnloadonLoad, on
2017-11-24 19:42:55
1883
转载 将url的查询参数解析成字典对象
1,这个题目不约而同的出现在了多家公司的面试题中，当然也是因为太过于典型，解决方案无非就是拆字符或者用正则匹配来解决，我个人强烈建议用正则匹配，因为url允许用户随意输入，如果用拆字符的方式，有任何一处没有考虑到容错，就会导致整个js都报错。而正则就没有这个问题，他只匹配出正确的配对，非法的全部过滤掉，简单，方便。实现代码：function getQueryObject
2017-09-12 23:51:28
1131
转载 React的基本知识和优缺点
知识点1、html模板3个预加载的js文件，script的type属性2、ReactDOM.render()3、JSX语言：允许js和html的混写4、component组件：React.createClass({})5、this.props属性6、PropTypes组件类的验证属性7、虚拟dom节点：DOM diff算法 ，它可以极大提高网
2017-09-05 14:46:21
1644
原创 react moment 时间管理
在react中使用得先导入import moment from 'moment'; 编辑npm install momentvar moment = require('moment');moment().format();注意：在2.4.0，全局导出的时刻对象已被弃用。将在下一个主要版本中删除。示例：当前时间：当前时间：moment()
2017-08-31 14:50:27
13583
1
原创 react的map遍历
JavaScript的对象（Object），本质上是键值对的集合（Hash结构），但是只能用字符串当作键 { this.state.reward.map((cont,index) { return ( {cont.num} {co
2017-08-21 20:31:45
10671
转载 普通table表格样式及代码大全(全)
普通table表格样式及代码大全(全)(一)单实线边框表格 单实线边框表格 虚线边框表格 <TABLE style="BORDER-RIGHT: #ff6600 1px dashed; BORDER-TOP: #ff6600 1px dashed; BORDER-LEFT: #ff66
2017-02-20 15:09:14
5966
2
转载 最全的前端资源教程
https://github.com/AutumnsWind/Front-end-tutorial部分内容是出自： https://github.com/jsfront/src/blob/master/qq.md 资源教程:综合类前端知识体系前端知识结构Web前端开发大系概览Web前端开发大系概览-中文版Web Front-end Sta
2017-01-20 09:37:16
3275
2
原创 CSS 自动换行样式
移动端经常会遇到屏幕被撑开的情况，下面是一些解决办法：方法一：你定死表格的宽度，即给表格一个宽度值（是数值，不是百分比） 方法二：强制不换行div{//white-space：不换行;normal 默认;nowrap强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象white-space:nowrap; }方法三：自动
2017-01-19 14:54:38
6633
转载 @Font-face 的用法
@ font-face的是一个CSS规则，允许你输入自己的字体出现在网站上，即使在特定的字体在访问者的计算机上没有安装。这条规则最重要的是，它为设计师打开了一个全新的世界。您可以使用任何你喜欢的字体。为什么它是真棒就像我说的，@ font-face的打开一个全新的世界。现在，我们能够以一种全新的方式使用排版。这就是为什么你看到这么多独特的网站上的字体排版的网页设计元素和更高的集成度。此
2017-01-18 17:58:39
1425
转载 常用CSS优化总结——网络性能与语法性能优化
在前端面试中最常见的问题就是页面优化和缓存（貌似也是页面优化），被问了几次后心虚的不行，平然平时多少会用到一些，但突然问我，很难把自己知道的都说出来。页面优化明显不是一两句能够说完的，这两天总结了一下CSS相关的优化知识，写篇博客梳理一下，还望大家多多指教关于CSS的优化工作主要从两个方面着手网络性能：把CSS写到字节数最少，加快下载速度，自然可以让页面渲染的更快一些语法性能：同样都能
2016-12-07 17:51:37
364
原创 transform兼容ie8
其他浏览器正常写法：transform:rotate(-30deg); -ms-transform:rotate(-30deg); -o-tranform:rotate(-30deg); -webkit-transform:rotate(-30deg); -moz-transform:rotate(-30deg);ie8写法： filter: progid:DXIm
2016-11-15 14:59:29
20741
2
转载 IE6、IE7、IE8实现盒子阴影shadow
通常，我们实现盒阴影都是通过这段代码来实现的-moz-box-shadow: 3px 3px 4px #000;-webkit-box-shadow: 3px 3px 4px #000;box-shadow: 3px 3px 4px #000; 但是，IE6、7、8不认识这段样式，所以我们会考虑用滤镜
2016-11-14 10:52:45
6257
翻译 编写高效的CSS
注：原文为2000年该文件多，当谈到编写CSS是快速改变。本指南是不是在浏览器的渲染管线瓶颈的精确表示。特别是对于选择器，读取CSS选择器性能变了！（为了更好的），一个更近服食。为了提高CSS的速度，调查回流（布局）和油漆的提高成本。本文档提供了有关如何编写高效的选择优化CSS代码，更具体的指导方针。CSS规范没有规定浏览器都必须如何实现风格的系统，只是它必须做什么。正因为如此，不同风格的
2016-11-08 18:17:07
674
转载 网站首页过长图片又多怎么优化
我们知道用户都喜欢浏览速度快的网站，不喜欢花费太多的时间等待网页的打开，等待的时间过长，会让用户失去耐心，甚至烦躁时会直接关闭网页，这样就会失去一些潜在的客户了。其次，关键字的排名与网页的打开速度也有关系，谷歌Google的Web搜索团队在官方博客上宣布，将把网站的速度作为PR（PageRank）算法的一个因子，在所有因素都相等的情况下，速度快的网站将排在速度慢的网站前面。因此我觉得我们有
2016-11-08 16:22:43
2091
转载 2015阿里巴巴前端实习生在线笔试题
下面选择题给出的一些解析和答案都是自己上网查过相关资料然后根据自己的理解给出的，不保证全部正确哈，仅作参考作用。一、（单项选择）对于下列程序运行结果，符合预期的是function f1() { console.time('time span');}function f2() { console.timeEnd('time span');}setTi
2016-10-20 16:07:05
3516
转载 quirks mode(怪异模式) 和 standard mode(标准模式)
出现的背景在很久之前的浏览器，还是Netscape Navigator和 Microsoft Internet Explorer的时候，页面主要就是为这两个浏览器写的。但是到了今天了，firefox、chrome、opera等浏览器的兴起，再加上W3C创建了web标准。本来要是早统一标准，我们就不用为一个浏览器兼容的问题搞得头昏脑涨。但是一些网站还是主要为之前的Netscape和Microso
2016-10-20 14:59:18
1201
转载 css常见的一些功能和技巧经验
CSS技巧和经验列表（以下实例默认运行环境都为Standard mode）：如何清除图片下方出现几像素的空白间隙？方法1：img{display:block;}方法2：img{vertical-align:top;}除了top值，还可以设置为text-top | middle | bottom | text-bottom，甚至特定的和值都
2016-10-20 12:02:57
308
原创 浏览器的Bugs和解决方案
Bugs及解决方案列表（以下实例默认运行环境都为Standard mode）：如何在IE6及更早浏览器中定义小高度的容器？方法：#test{overflow:hidden;height:1px;font-size:0;line-height:0;}IE6及更早浏览器之所以无法直接定义较小高度的容器是因为默认会有行高如何解决IE6及更早浏览器浮动时产生
2016-10-20 11:45:45
387
原创 Hack技巧之选择符级hack
语法： selector{ sRules }说明：选择不同的浏览器及版本尽可能减少对CSS Hack的使用。Hack有风险，使用需谨慎通常如未作特别说明，本文档所有的代码和示例的默认运行环境都为标准模式。一些CSS Hack由于浏览器存在交叉认识，所以需要通过层层覆盖的方式来实现对不同浏览器进行Hack的。简单列举几个：* html .test { colo
2016-10-20 11:07:05
689
原创 Hack技巧之属性级hack
语法：selector{?property:value?;}取值：_：选择IE6及以下。连接线（中划线）（-）亦可使用，为了避免与某些带中划线的属性混淆，所以使用下划线（_）更为合适。*：选择IE7及以下。诸如：（+）与（#）之类的均可使用，不过业界对（*）的认知度更高\9：选择IE6+\0：选择IE8+和Opera15以下的浏览器说明：选择不同的浏览器及版本
2016-10-20 10:55:55
706
原创 Hack技巧之条件hack
语法：<!--[if <keywords>? IE <version>?]>HTML代码块<![endif]-->取值：if条件共包含6种选择方式：是否、大于、大于或等于、小于、小于或等于、非指定版本是否：指定是否IE或IE某个版本。关键字：空大于：选择大于指定版本的IE版本。关键字：gt（greater than）大于或等于：选
2016-10-20 09:49:53
573
原创 @media语法规则
@media：：[[',']*]?：[only | not]? [and ]* | [and ]*：'('[:]?')'取值：：指定设备类型。媒体类型包括：参阅媒体类型。(CSS2)：指定媒体查询使用的媒体特性。这类似于CSS属性，如：max-width:960px。(CSS3)说明：指定样式表规则用于指定的媒体类型和查询条件。
2016-10-19 16:35:15
2426
原创 选择符总结
元素选择符 Element Selectors选择符名称版本描述*通配选择符(Universal Selector)CSS2所有元素对象。E类型选择符(Type Selector)CSS1以文档语言对象类型作为选择符。E#myidid选择符(ID Selector)CSS1以唯一标识符id属
2016-10-19 14:45:11
527
原创 transform属性
语法：transform：none | +transform-function list:matrix() = matrix([,]{5,5})matrix3d() = matrix3d([,]{15,15})translate() = translate([,]?)translate3d() = translate3d(,,)translatex() = tr
2016-10-18 11:34:19
652
原创 css样式cursor属性值
定义：设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。使用自定义图像作为光标类型，IE, Opera只支持*.cur等特定的图片格式；Firefox, Chrome, Safari既支持特定图片类型也支持常见的*.png, *.gif, *.jpg等图片格式。cursor的属性值可以是一个序列示例代码：:link,:visited{ cursor:u
2016-10-17 16:31:02
4835
原创 css鼠标手型cursor属性
Example：CSS鼠标手型效果 CSS鼠标手型效果Example：CSS鼠标手型效果 CSS鼠标手型效果注：pointer也是小手鼠标，建议大家用pointer，因为它可以兼容多种浏览器。Example：CSS鼠标由系统自动给出效果 CSS鼠标由系统自动给出效果Example：CSS鼠标十字型 效果 CSS鼠标十字型 效果Example：CSS鼠标I字型效果 CSS鼠标I字
2016-10-14 10:17:49
5952
微信发送模板消息 pagepath写法,能举个例子吗
2018-05-07
jsp对数据库进行增加和删除？
2015-10-20
TA创建的收藏夹 TA关注的收藏夹
TA关注的人