- 博客(33)
- 收藏
- 关注
RSS订阅转载 初识 vue--vuex
Vuex 什么是Vuex？ 官方说法：Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 个人理解：Vuex是用来管理组件之间通信的一个插件 为什么要用Vuex？ 我们知道组件之间是独立的，组件之间想要实现通信，我目前知道的就只有props选项，但这也...
2018-06-14 10:36:36
247
转载 ES6关于Promise的用法
Node的产生，大大推动了Javascript这门语言在服务端的发展，使得前端人员可以以很低的门槛转向后端开发。当然，这并不代表迸发成了全栈。全栈的技能很集中，绝不仅仅是前端会写一些HTML和一些交互，后台熟悉数据库的增删查改。想必接触过Node的人都知道，Node是以异步(Async)回调著称的，其异步性提高了程序的执行效率，但同时也减少了程序的可读性。如果我们有几个异步操作，并且后一个操作需要...
2018-06-06 14:31:26
271
转载 轻松搞定JSONP跨域请求
一、同源策略要理解跨域，先要了解一下“同源策略”。所谓同源是指，域名，协议，端口相同。所谓“同源策略“，简单的说就是基于安全考虑，当前域不能访问其他域的东西。一些常见的是否同源示例可参照下表：在同源策略下，在某个服务器下的页面是无法获取到该服务器以外的数据的。例如我们在自己的网站通过ajax去获取豆瓣上https://developers.douban.com/wiki/?title=api_v2...
2018-06-06 13:55:46
229
转载 ES6 Promise 用法讲解
Promise是一个构造函数，自己身上有all、reject、resolve这几个眼熟的方法，原型上有then、catch等同样很眼熟的方法。那就new一个var p = new Promise(function(resolve, reject){ //做一些异步操作 setTimeout(function(){ console.log('执行完成'); ...
2018-05-24 11:20:32
170
转载 var与ES6中const、let声明的变量的区别
首先我们比较一下使用var声明的变量和不使用var声明的变量的区别：使用var声明的变量声明前调用，那么该变量的值为undefined；不使用var声明的变量声明前调用直接报错Uncaught ReferenceError：xxx is not difined；使用var声明的变量不可delete，不使用var声明则可以delete掉释放空间。（实则浏览器的垃圾回收机制也会清理掉用var声明但是不...
2018-05-24 11:19:15
358
转载 初识electron
直接下载代码：npm start包含{自定义放大 缩小，来消息图标闪烁，创建新的子窗口，向子窗口传参。}gitHub代码地址：https://github.com/Lijiyu123/appElectron打包：{1、在上一步的 DOS 下，输入 npm install electron-packager -g全局安装我们的打包神器npm install electron-packager -g2...
2018-04-12 14:09:10
483
转载 node里面的模块 和 es6里面的模块引入方式
出处：https://blog.csdn.net/arsaycode/article/details/78959780node： module.exports和requirees6：export和importnode：该模块实现方案主要包含 require 与 module 这两个关键字，其允许某个模块对外暴露部分接口并且由其他模块导入使用。//sayModule.jsfunction SayM...
2018-04-11 19:59:56
2201
转载 如何在Electron中解决$ 未定义的问题
<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script> <script>if (typeof module === ‘object‘) {window.jQuery = window.$ = module.exports;};</script>...
2018-04-08 15:08:36
853
转载 electron入门心得
从开发的角度来看, Electron application 本质上是一个 Node. js 应用程序。 应用启动的入口是一个与 Node.js 模块相同的 package.json 文件。 一个最基本的 Electron 应用一般来说会有如下的目录结构：your-app/ ├── package.json ├── main.js └── index.htmlCopy为你的新Elect...
2018-04-08 11:39:45
508
翻译 简单的上下轮播图
<html> <head> <meta name="layout" content="main"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="http://
2018-03-13 13:59:37
4328
原创 nw.js下调用第三方截屏软件，截屏 并自动粘贴到对话框 像微信客户端一样
<button class="jietu">截图</button><p contenteditable="true" id="editDiv" style="height: 400px;width: 500px;">这是一段可编辑的段落。</p>$(function(){ $(".jietu").c
2018-03-09 14:28:53
3021
转载 nw.js环境下 调用第三方事例
nw.js node-webkit系列（25）child_process中spawn和exec方法的使用child_process是nw.exe的一个内置模块，通过它可以实现创建多线程，并可实现主线程和子线程之间的通信。child_process模块中主要使用有两个方法spawn和exec，这两个方法都可以用来创建子线程。除了spawn和exec外，child_process模块还有execFil...
2018-03-09 14:23:05
1719
转载 粘贴事件（js监听粘贴事件）
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> body,html{ text-align: center; } #editDiv{ width:1000px
2018-03-09 14:10:07
16677
转载 Vue2.0 探索之路——生命周期和钩子函数的一些理解
出处：https://segmentfault.com/a/1190000008010666前言在使用vue一个多礼拜后，感觉现在还停留在初级阶段，虽然知道怎么和后端做数据交互，但是对于mounted这个挂载还不是很清楚的。放大之，对vue的生命周期不甚了解。只知道简单的使用，而不知道为什么，这对后面的踩坑是相当不利的。因为我们有时候会在几个钩子函数里做一些事情，什么时候做，在哪个函数里做，我们不...
2018-03-06 10:11:21
149
转载 媒体查询使用方法@media
Media Queries能在不同的条件下使用不同的样式，使页面在不同在终端设备下达到不同的渲染效果。前面简单的介绍了Media Queries如何引用到项目中，但Media Queries有其自己的使用规则。具体来说,Media Queries的使用方法如下。@media 媒体类型and （媒体特性）{你的样式}注意：使用Media Queries必须要使用“@media”开头，然后
2018-02-07 15:10:28
24537
1
转载 html 页面内锚点定位及跳转方法总结
项目中经常会出现点击跳转锚点的方法，比如给一个a标签一个href=“#锚点”，然后要跳的锚点给个id=“锚点”，这样就实现简单的跳转，但是这样在url地址栏后面都会出现一个诸如www.csdn.net#锚点，然后你点击给一次后退都是退回上一个选择的锚点url，这里总结一些跳转锚点的方法。第一种方法，也是最简单的方法是锚点用标签，在href属性中写入DIV的id。如下：
2018-02-07 14:23:56
9537
转载 getBoundingClientRect用于获取某个元素相对于视窗的位置集合
getBoundingClientRect用于获取某个元素相对于视窗的位置集合。集合中有top, right, bottom, left等属性。1.语法：这个方法没有参数。rectObject = object.getBoundingClientRect();2.返回值类型：TextRectangle对象，每个矩形具有四个整数性质（ 上， 右 ， 下，和左 ）表示的坐标的矩形，
2018-01-15 15:32:55
297
原创 模仿qq空间，图片根据容器缩放，不会压缩变形
.a1{width: 172px;height: 129px;float: left;margin-right: 20px;overflow: hidden;} var resizeImg = function(obj, maxWidth, maxHeight){ var naturalWidth = $(
2017-12-15 14:36:41
319
转载 div模拟输入框
by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=5120一、温故而知新很多年以前，稍等，让我搜一下contenteditable（右上角），哈，是2010年的时候，写了篇文章“div模拟textarea文本域轻松实现高度自适应”，就是说的conte
2017-12-07 10:56:58
4392
原创 table表头固定
直接上代码：table {border-spacing: 0;border-collapse: collapse;}.bj-table{height: 100px;overflow-y: auto;}.bj-table table tr th { background-color: #d8d7d7; height: 30px;border: 1px soli
2017-11-29 14:39:14
224
翻译 rem.js
第一种：window.onload = function(){ /*720代表设计师给的设计稿的宽度，你的设计稿是多少，就写多少;100代表换算比例，这里写100是 为了以后好算,比如，你测量的一个宽度是100px,就可以写为1rem,以及1px=0.01rem等等*/ getRem(720,100)};window.onresize = function(
2017-11-29 14:17:42
345
转载 重新铸就Json
$.ajax({type : "get",data : '',type:"get",url : 'city_mendian2.json',async : true,success : function(infor){console.log("-ljy1-",infor);var wgw = function(json1){///var json3 = [];
2017-11-10 17:50:26
240
转载 RequireJs入门和进阶教程
最近学习模块化开发思想，四处搜集资料学习，意外发现一位博友写的一手好文章，一定要好好收藏滴！我把链接放在这里了~RequireJS入门（一）RequireJS入门（二）RequireJS入门（三）RequireJS 2.0 正式发布RequireJS进阶（一）RequireJS进阶（二）RequireJS进阶（三）
2017-11-10 09:56:50
279
转载 JS如何判断滚动条是否滚到底部
判断滚动条到底部，需要用到DOM的三个属性值，即scrollTop、clientHeight、scrollHeight。 clientHeight：这个元素的高度，占用整个空间的高度，所以，如果一个div有滚动条，那个这个高度则是不包括滚动条没显示出来的下面部分的内容。而只是单纯的DIV的高度。 scrollHeight为内容可视区域的高度加上溢出（滚动）的距离。scrol
2017-11-09 14:41:36
3748
转载 CSS3自定义滚动条样式 -webkit-scrollbar
前言webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式，所以用处还是挺大的。当然，兼容所有浏览器的滚动条样式目前是不存在的。演示来看看这2个滚动条demo： demo1（图片版）、demo2（纯CSS3版）滚动条组成::-webkit-scrollbar 滚动条整体部分::-webkit-scroll
2017-11-07 13:54:41
270
转载 Viewer 是一款强大的 jQuery 图像浏览插件。
主要功能：支持选项支持方法支持事件支持触摸支持移动支持缩放支持旋转支持键盘跨浏览器支持查看演示 立即下载部分插件网站提供的下载包有缺陷，不能兼容ie8-10。错误表现为放大的图片没有取到url，导致图片不显示。所以此链接为 viewer的官方演示，及github上的开源代码。 使用方法：1.引入css和js2. html 部分
2017-11-02 16:36:21
1181
转载 img标签的onerror事件
大家上网的时候肯定见到过加载失败的红叉图片，具体如下图。当然现在Google Chrome与Firefox对其处理会好看一些。其实可以利用图片标签的onerror事件对其处理的，要求其加载失败之后，马上加载一张默认图片，而不是显示为红叉叉。其代码如下：[html] view plain copyimg src="s.png" oner
2017-11-02 11:02:25
2602
翻译 sass学习总结
1 @import的引入方式（只需写一个@import）很酷2 sass编译命令行编译单文件转换命令sass style.scss ：style.css单文件监听命令 --watch 就是监控文件的改动进行编译sass --watch style.scss:style.css文件夹监听命令sass --watch sass:c
2017-11-01 16:31:06
333
转载 ruby环境sass编译中文出现Syntax error: Invalid GBK character错误解决方法
http://www.cnblogs.com/zhidong123/p/3902270.html
2017-11-01 15:03:30
250
翻译 Sass技术问题与解决方法
问题一：情景:想要使用让SASS监听某个文件或目录，但在命令行下面语句：// watch a file sass --watch input.scss:output.css // watch a directory sass --watch app/sass:public/stylesheets 出现下面错误：>>> Sass is watching for cha
2017-11-01 14:45:24
1380
转载 经验分享：如何系统学习 Web 前端技术？
这篇文章主要是面向小白用户的，如果你有些基础，当然也建议你看看，尤其是最后一个主题，或许你能得到一些启发。本文的观点，纯属个人自以为是的想法，不是真理，仅供参考。抛开具体技术细节，先主要谈谈程序员如何更高效的，有选择的学习技术。我能体会到选择的轻松和乐趣，体会到身为技术人员和人类的平衡感。字里行间中，我要表达的是一种放弃与选择的哲学，能品到这一点，我就很高兴。 人生苦短 我们需要一个基
2017-10-31 11:19:24
411
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人