随笔
Leaves_Yu
做最好的自己
展开
-
img标签的onerror事件
大家上网的时候肯定见到过加载失败的红叉图片,具体如下图。当然现在Google Chrome与Firefox对其处理会好看一些。其实可以利用图片标签的onerror事件对其处理的,要求其加载失败之后,马上加载一张默认图片,而不是显示为红叉叉。其代码如下:[html] view plain copyimg src="s.png" oner转载 2017-11-02 11:02:25 · 2603 阅读 · 0 评论 -
简单的上下轮播图
<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 · 4330 阅读 · 0 评论 -
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 · 509 阅读 · 0 评论 -
let const
let命令,用来声明变量const声明一个只读的常量。一旦声明,常量的值就不能改变。转载 2018-04-11 19:39:52 · 132 阅读 · 0 评论 -
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 · 2202 阅读 · 0 评论 -
初识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 · 484 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 阅读 · 0 评论 -
轻松搞定JSONP跨域请求
一、同源策略要理解跨域,先要了解一下“同源策略”。所谓同源是指,域名,协议,端口相同。所谓“同源策略“,简单的说就是基于安全考虑,当前域不能访问其他域的东西。一些常见的是否同源示例可参照下表:在同源策略下,在某个服务器下的页面是无法获取到该服务器以外的数据的。例如我们在自己的网站通过ajax去获取豆瓣上https://developers.douban.com/wiki/?title=api_v2...转载 2018-06-06 13:55:46 · 229 阅读 · 0 评论 -
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 · 3025 阅读 · 0 评论 -
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 · 1722 阅读 · 0 评论 -
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 阅读 · 0 评论 -
ruby环境sass编译中文出现Syntax error: Invalid GBK character错误解决方法
http://www.cnblogs.com/zhidong123/p/3902270.html转载 2017-11-01 15:03:30 · 250 阅读 · 0 评论 -
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 · 1383 阅读 · 0 评论 -
经验分享:如何系统学习 Web 前端技术?
这篇文章主要是面向小白用户的,如果你有些基础,当然也建议你看看,尤其是最后一个主题,或许你能得到一些启发。本文的观点,纯属个人自以为是的想法,不是真理,仅供参考。抛开具体技术细节,先主要谈谈程序员如何更高效的,有选择的学习技术。我能体会到选择的轻松和乐趣,体会到身为技术人员和人类的平衡感。字里行间中,我要表达的是一种放弃与选择的哲学,能品到这一点,我就很高兴。 人生苦短 我们需要一个基转载 2017-10-31 11:19:24 · 412 阅读 · 0 评论 -
getBoundingClientRect用于获取某个元素相对于视窗的位置集合
getBoundingClientRect用于获取某个元素相对于视窗的位置集合。集合中有top, right, bottom, left等属性。1.语法:这个方法没有参数。rectObject = object.getBoundingClientRect();2.返回值类型:TextRectangle对象,每个矩形具有四个整数性质( 上, 右 , 下,和左 )表示的坐标的矩形,转载 2018-01-15 15:32:55 · 297 阅读 · 0 评论 -
html 页面内锚点定位及跳转方法总结
项目中经常会出现点击跳转锚点的方法,比如给一个a标签一个href=“#锚点”,然后要跳的锚点给个id=“锚点”,这样就实现简单的跳转,但是这样在url地址栏后面都会出现一个诸如www.csdn.net#锚点,然后你点击给一次后退都是退回上一个选择的锚点url,这里总结一些跳转锚点的方法。第一种方法,也是最简单的方法是锚点用标签,在href属性中写入DIV的id。如下:转载 2018-02-07 14:23:56 · 9541 阅读 · 0 评论 -
媒体查询使用方法@media
Media Queries能在不同的条件下使用不同的样式,使页面在不同在终端设备下达到不同的渲染效果。前面简单的介绍了Media Queries如何引用到项目中,但Media Queries有其自己的使用规则。具体来说,Media Queries的使用方法如下。@media 媒体类型and (媒体特性){你的样式}注意:使用Media Queries必须要使用“@media”开头,然后转载 2018-02-07 15:10:28 · 24539 阅读 · 1 评论 -
粘贴事件(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 · 16679 阅读 · 0 评论 -
require.js demo
gitHub下载地址:https://github.com/Lijiyu123/require.js-demo转载 2018-07-16 19:55:18 · 349 阅读 · 0 评论