- 博客(28)
- 收藏
- 关注
RSS订阅原创 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
322
原创 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
787
原创 Nuxt教程基础
Nuxt.js 是一个基于 Vue.js 的通用应用框架。通过对客户端/服务端基础架构的抽象组织，Nuxt.js 主要关注的是应用的 UI渲染。SSR服务器SSR在服务端将vue渲染成html返回给浏览器。优点：1.对SEO友好。对单纯Vue的spa就很不友好，对于类似新闻的网站，搜索引擎无法抓取。2.对于SPA的首屏打开速度会更加快...
2019-03-12 17:44:05
3871
原创 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
400
原创 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
442
原创 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
2750
原创 如何屏蔽百度搜索热点
每次打开百度，搜索热点总是不胜其烦地冒出来。实在忍无可忍，就百度了一下，你没听错。我百度了一下，然后找到了招。 第一，是百度首页的广告。那个比较容易弄掉。就在广告的右上角有一个设置。由于我已经操作了，就找不到了。大家看着操作一下，很简单的。第二，搜索结果页右边的搜索热点。简直是黏在了那里，而且视觉上很容易发现，并被吸引。于是运用了插件。 本人用的是chrome浏览器，...
2019-02-14 09:44:40
11007
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
5170
原创 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
156
原创 性能分析Trace —— 微信小程序
根据微信小程序的官方文档，需要在PC上安装adb工具。所以我们可以从安装adb开始。1.查看是否已安装adb打开cmd，输入"abd"。如果显示为“不是内部或外部命令”，则表示未安装。2.下载abd工具包下载完成之后大概是这几个文件，然后需要的环境变量中进行配置。 3.配置环境变量右击计算机，选择属性。在环境变量path中新增abd命令的存放目录。 4....
2018-12-03 16:37:48
2225
原创 css单位
这篇文章主要是围绕下图进行讨论，下图为我看过的文档相对统计更全、更易区别的。此图为截图，原网址：http://www.w3chtml.com/css3/units/ 。 首先说一下大家经常见到的一些单位：in ： 英寸cm: 厘米mm: 毫米em: 1em相当于当前的字体尺寸，这个当前是基于父元素的字体大小。ex: 一个ex是一个字体的x-height，...
2018-12-02 12:36:53
152
原创 Koa基础入门
前言： 本文档为个人学习 技术胖前辈录制的koa教程 所作笔记，未尽详细。查看详细内容可关注以下内容： 技术胖前辈的个人博客 www.jspang.com 挑战全栈 Koa2免费视频教程 http://www.jspang.com/post/koa2.html 第一节： 了解Koa及安装环境Koa2是现在最流行的基于No...
2018-11-22 17:30:47
706
原创 代码优化与code review
虽然我做前端已经一年多了，但是总感觉自己还未入门。和基础有关，也和自身的意识有关。最近听到一个词是“code review”即代码评审。不管是一些压力测试还是代码评审，都是为了将代码进行优化。 今天在看技术胖前辈的“vue+koa2电商项目”的时候，他提及到了代码优化。先将代码贴出来看。目的： 商品价格的格式化// 第一版export function toMoney...
2018-11-21 16:50:43
714
原创 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
2229
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
3193
原创 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
1466
原创 apiCloud preference
<preference name="appBackground" value="color|imageUrl" />preference 偏好设置 字段 含义 取值范围 appBackground 配置APP全局背景 颜色： #fff,rgb,rgba；图片 ...
2018-11-16 16:23:34
682
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
862
转载 微信小程序底层原理
页面渲染的方式主要有三种1.web渲染2.Native原生渲染3.web与Native两者掺杂，即Hybrid渲染。小程序的呈现形式为第三种。 双线程通信方式为什么要双线程 ？ -> 为了管控安全，避免操作DOM。 小程序的渲染层和逻辑层分别由 2 个线程管理：渲染层的界面使用了 WebView 进行渲染，逻辑层采用 JsCore 线程运行...
2018-11-16 15:58:06
20722
原创 微信小程序
2017年，從小程序发布以来，得到了极大的关注，也出现了像“拼多多”，“跳一跳”那样现象级的小程序。小程序所体现的理念是“即用即走”。与传统app相比，不需要安装，也自然不用更新。节省了用户的储存空间。而且，对于一些使用频率低的功能性软件来说，需要使用的时候进行下载可能还需要流量，保留却又显得不必要。小程序的出现确实解决了这个问题。对于商户来说，益处可能更加明显。因为一般的app如果进行开发，需要...
2018-05-13 22:29:35
219
原创 [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
335
原创 【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
1410
原创 【DOM】Node类型之Document
. javascript中Document类型表示文档。 .document对象是HTMLDocument（继承自Document）的一个实例。 .document对象是window对象的一个属性。》Document
2017-02-28 00:15:53
1551
1
原创 【DOM】node类型
DOM可以将任何HTML或Xml文档描述成一个由多层节点构成的结构。 appendChild()insertBefore()removeChild()replaceChild();cloneChild();nodeType
2017-02-27 12:29:34
1048
转载 Canvas 实现时钟
本篇文章的所有代码转自 ACdreamers 的《第一个Canvas实例-钟表》 。一、.获取上下文对象 var cxt = document.getElementById(‘元素名’)
2017-02-23 15:41:00
788
转载 [HTML5] 用CANVAS画时钟
本篇文章的所有代码转自 ACdreamers 的《第一个Canvas实例-钟表》 。原文地址为http://blog.youkuaiyun.com/acdreamers/article/details/17634209本文主要是对代码中所使用的方法进行详细说明，虽然原作者在代码已经注释得很清楚了。一、.获取上下文对象 var cxt = document.getElementBy
2017-02-23 11:46:31
483
转载 用CSS实现箭头arrow
本文为转载，原文地址为 http://ourjs.com/detail/532bc9f36922aa7e1d000001。 用CSS即可绘制出各种箭头，无需裁剪图片，甚至没有用到CSS3的东西。对浏览器支持良好。基本原理原理非常简单，通过截取border(边框)的部分“拐角”实现，几行CSS代码即可理解：一个梯形当元素宽、高和边框的宽相近（等）时，改变某一边的颜
2017-02-10 18:23:57
4675
转载 浏览器支持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
353
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人