自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(28)
  • 收藏
  • 关注

原创 Vuex 之 mutation

MutationThe only way to actually change state in a Vuex store is by committing a mutation .each mutation has a string type and a handler.const store = new Vuex.Store({state:{cou...

2019-03-13 17:35:41 289

原创 hexo+gitpage创建博客

可访问 lianghaihsia.github.io 查看创建好的博客。一:hexo的安装1.hexo安装npm install hexo -g2.查看是否安装成功hexo -v3:初始化文件夹hexo init如果出现下图提示,证明安装已经完成二、npm的安装npm install三:运行hexo1、注册hexohexo g2.开启h...

2019-03-13 15:15:42 763

原创 Nuxt教程基础

Nuxt.js 是一个基于 Vue.js 的通用应用框架。通过对客户端/服务端基础架构的抽象组织,Nuxt.js 主要关注的是应用的 UI渲染。SSR服务器SSR在服务端将vue渲染成html返回给浏览器。优点:1.对SEO友好。对单纯Vue的spa就很不友好,对于类似新闻的网站,搜索引擎无法抓取。2.对于SPA的首屏打开速度会更加快...

2019-03-12 17:44:05 3841

原创 css-pritpes css技巧学习笔记

本文为github中css-protips的学习笔记,仅供个人学习总结。地址 https://github.com/AllThingsSmitty/css-protips#use-a-css-reset继承box-sizing。因为浏览器默认的box-sizing会有不同,所以需要有一个基本的定义。html{ box-sizing: border-box;} *,*::bef...

2019-02-18 10:46:56 362

原创 css-protips学习笔记

本文为github中css-protips的学习笔记,地址 https://github.com/AllThingsSmitty/css-protips#use-a-css-reset 继承box-sizing。因为浏览器默认的box-sizing会有不同,所以需要有一个基本的定义。html{ box-sizing: border-box;}*,*::before,*::...

2019-02-14 17:31:16 419

原创 layui表格table的使用 —— LayUI实战搭建后台管理系统

一、引入layui的样式文件和JS文件。二、引入页面中需要的元素。 layui.use(["jquery", "laypage", "layer", "form", "laydate", 'table'], function () { var $ = layui.jquery, laypage = layui.laypage, layer...

2019-02-14 10:08:57 2615

原创 如何屏蔽百度搜索热点

每次打开百度,搜索热点总是不胜其烦地冒出来。实在忍无可忍,就百度了一下,你没听错。我百度了一下,然后找到了招。 第一,是百度首页的广告。那个比较容易弄掉。就在广告的右上角有一个设置。由于我已经操作了,就找不到了。大家看着操作一下,很简单的。第二,搜索结果页右边的搜索热点。简直是黏在了那里,而且视觉上很容易发现,并被吸引。于是运用了插件。        本人用的是chrome浏览器,...

2019-02-14 09:44:40 10903 11

原创 jquery日历插件——laydate的使用

主要使用的是layui组件库中的laydate组件。附:layui.laydate https://www.layui.com/laydate/HTML部分 <div class="card-calendar"> <!-- 日历选择器 --> <input type="text" class="inputBox " r...

2018-12-13 13:45:00 5096

原创 LESS Guide

This artilce is not write by myself,most of them is copy from the offcial document.If you want to learn more .plz click : http://lesscss.org/features/#features-overview-feature.I want to recommand...

2018-12-06 10:54:54 137

原创 性能分析Trace —— 微信小程序

根据微信小程序的官方文档,需要在PC上安装adb工具。所以我们可以从安装adb开始。1.查看是否已安装adb打开cmd,输入"abd"。如果显示为“不是内部或外部命令”,则表示未安装。2.下载abd工具包下载完成之后大概是这几个文件,然后需要的环境变量中进行配置。 3.配置环境变量右击计算机,选择属性。在环境变量path中新增abd命令的存放目录。 4....

2018-12-03 16:37:48 2132

原创 css单位

 这篇文章主要是围绕下图进行讨论,下图为我看过的文档相对统计更全、更易区别的。此图为截图,原网址:http://www.w3chtml.com/css3/units/  。    首先说一下大家经常见到的一些单位:in :  英寸cm: 厘米mm: 毫米em: 1em相当于当前的字体尺寸,这个当前是基于父元素的字体大小。ex: 一个ex是一个字体的x-height,...

2018-12-02 12:36:53 135

原创 Koa基础入门

       前言: 本文档为个人学习 技术胖前辈录制的koa教程 所作笔记,未尽详细。查看详细内容可关注以下内容:       技术胖前辈的个人博客    www.jspang.com       挑战全栈 Koa2免费视频教程     http://www.jspang.com/post/koa2.html  第一节: 了解Koa及安装环境Koa2是现在最流行的基于No...

2018-11-22 17:30:47 670

原创 代码优化与code review

虽然我做前端已经一年多了,但是总感觉自己还未入门。和基础有关,也和自身的意识有关。最近听到一个词是“code review”即代码评审。不管是一些压力测试还是代码评审,都是为了将代码进行优化。       今天在看技术胖前辈的“vue+koa2电商项目”的时候,他提及到了代码优化。先将代码贴出来看。目的: 商品价格的格式化// 第一版export function toMoney...

2018-11-21 16:50:43 652

原创 vue+koa2移动电商实战

       vue+koa2移动电商实战是由前端前辈技术胖进行录制,后期收费单元可在纯金付费观看。此系列是我在上课时所作笔记,大多是教程中的摘录。附: 移动电商原教程  http://jspang.com/post/vue-koa.html全局安装vue-cli : npm install vue-cli -g前期关于node.js的安装,vue-cli脚手架的安装不作赘述。...

2018-11-20 17:40:59 2181 3

原创 git操作 —— 查看仓库、更新代码、更改账户、忽略规则

1.查看连接远程的仓库git remote -v 2.git 更新服务器代码到本地没有任何修改就用 git pull 3.更新代码到远程服务器git add --all 文件添加到版本控制器git commit -m “本次提交描述” 该命令会将git add .存入暂存区修改内容提交至本地仓库中,若文件未添加至暂存区,则提交时不会提交任何修改。git remo...

2018-11-16 16:58:10 3113

原创 apiCloud 阿里百川模块

var alibaichuan = null; apiready = function() { alibaichuan = api.require('alibaichuan'); alert(alibaichuan); alibaichuan.openDebug(function(ret, err) { alert(JSON.strin...

2018-11-16 16:38:19 1437

原创 apiCloud preference

<preference name="appBackground" value="color|imageUrl" />preference 偏好设置 字段 含义 取值范围 appBackground 配置APP全局背景 颜色: #fff,rgb,rgba;图片 ...

2018-11-16 16:23:34 653 1

转载 关于console.log

文章地址: https://www.cnblogs.com/wohenxion/p/4478457.html官网地址: https://developer.chrome.com/devtools/docs/console-api1、console.log 用于输出普通信息2、console.info 用于输出提示性信息3、console.error用于输出错误信息4、conso...

2018-11-16 16:08:42 803

转载 微信小程序底层原理

页面渲染的方式主要有三种1.web渲染2.Native原生渲染3.web与Native两者掺杂,即Hybrid渲染。小程序的呈现形式为第三种。  双线程通信方式为什么要双线程 ? -> 为了管控安全,避免操作DOM。  小程序的渲染层和逻辑层分别由 2 个线程管理:渲染层的界面使用了 WebView 进行渲染,逻辑层采用 JsCore 线程运行...

2018-11-16 15:58:06 20612

原创 微信小程序

2017年,從小程序发布以来,得到了极大的关注,也出现了像“拼多多”,“跳一跳”那样现象级的小程序。小程序所体现的理念是“即用即走”。与传统app相比,不需要安装,也自然不用更新。节省了用户的储存空间。而且,对于一些使用频率低的功能性软件来说,需要使用的时候进行下载可能还需要流量,保留却又显得不必要。小程序的出现确实解决了这个问题。对于商户来说,益处可能更加明显。因为一般的app如果进行开发,需要...

2018-05-13 22:29:35 197

原创 [JQuery] 初识JQuery

JQuery是由John Resig创建于2006年1月的开源项目。JQuery凭借简洁的语法和跨平台的兼容性,极大地简化了JavaScript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax的操作。JQuery的理念: write less,do more(写得少,做得多) JQuery的优势:轻量级。压缩后大小不到30KB.强大选择器。JQuery允许开发者使用CSS

2017-03-01 16:07:45 316

原创 【DOM】Node类型之Element类型

Element类型用于表现XML或HTML元素,提供了对元素标签名、子节点及特征的访问。nodeType 的值为 1;nodeName的值为元素的标签名;nodeValue的值为null;parentNode 可能是Document或Element。子节点可能是Element、Text、comment、CDATASection、EntityReference、ProcessionInstr

2017-02-28 14:24:37 1362

原创 【DOM】Node类型之Document

. javascript中Document类型表示文档。 .document对象是HTMLDocument(继承自Document)的一个实例。 .document对象是window对象的一个属性。》Document

2017-02-28 00:15:53 1507 1

原创 【DOM】node类型

DOM可以将任何HTML或Xml文档描述成一个由多层节点构成的结构。 appendChild()insertBefore()removeChild()replaceChild();cloneChild();nodeType

2017-02-27 12:29:34 1013

转载 Canvas 实现时钟

本篇文章的所有代码转自 ACdreamers 的《第一个Canvas实例-钟表》 。一、.获取上下文对象 var cxt = document.getElementById(‘元素名’)

2017-02-23 15:41:00 738

转载 [HTML5] 用CANVAS画时钟

本篇文章的所有代码转自 ACdreamers 的《第一个Canvas实例-钟表》 。原文地址为http://blog.csdn.net/acdreamers/article/details/17634209本文主要是对代码中所使用的方法进行详细说明,虽然原作者在代码已经注释得很清楚了。一、.获取上下文对象    var cxt = document.getElementBy

2017-02-23 11:46:31 459

转载 用CSS实现箭头arrow

本文为转载,原文地址为 http://ourjs.com/detail/532bc9f36922aa7e1d000001。 用CSS即可绘制出各种箭头,无需裁剪图片,甚至没有用到CSS3的东西。对浏览器支持良好。基本原理原理非常简单,通过截取border(边框)的部分“拐角”实现,几行CSS代码即可理解:一个梯形当元素宽、高和边框的宽相近(等)时,改变某一边的颜

2017-02-10 18:23:57 4606

转载 浏览器支持HTML元素清单

每一个浏览器都有一份清单列举了它所支持的HTML元素。Mozilla Firefox:https://dxr.mozilla.org/seamonkey/source/parser/htmlparser/src/nsElementTable.cppMozilla SeaMonkey是一个自由的开放原始码以及跨平台的网络套1,主流浏览器对html5的支持情况(1)

2016-10-24 20:50:52 326

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除