注册 登录
  • 欢迎访问开心洋葱网站,在线教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入开心洋葱 QQ群
  • 欢迎访问开心洋葱网站,手机也能访问哦~欢迎加入开心洋葱多维思维学习平台 QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏开心洋葱吧~~~~~~~~~~~~~!

web前端,html5的世界即将到来

Angular5 升级 Angular6后 Observable 代码变化总结

[email protected]^6.0.0中的正确引用方法import {Observable} from "rxjs/index" 和 import {Observable} from "rxjs"这两种引用都是正确的,但是在webStorm中的第二种方法会有错误信息的提示,但是可以正常编译,因为编译的时候对象会自动检索rxjs文件夹……

ionic lab 下载 ionic lab mac安装包下载

ionic lab 下载 ionic lab mac安装包下载windows下载地址: http://www.75271.com/138.html百度网盘国内下载地址:链接: https://pan.baidu.com/s/13z-cCYlmIOgAyBzC1FNZsw 密码: 备注:本软件需要联网使用……

cocos firefox protocol error: received error packet: invalid length: HTTP/1.0 400 Bad Request

coco vscode 调试错误,没有解决,有解决的朋友可以提供下ar: attachRequest: address: 192.168.1.104 port: 5086ar: attachRequest: connectedar: _termiated: cocos firefox protocol error: received error pac……

Mui与Cordova 、ionic、Weex、React Native对比

Mui、Cordova 、ionic、Weex、React Native对比介绍:mui是最接近原生App体验的前端框架。 极小:100k的js文件,60k的css文件。原生编写,不依赖任何三方框架极强:xcode和Android studio里所有原生控件都具备高性能:精练的代码、适时的5+原生动画调用,达到原生应用的体验多端发布:……

Uncaught TypeError: history.getCurrentLocation is not a function

react history 错误Uncaught TypeError: history.getCurrentLocation is not a functionat Object.getCurrentLocation (useBasename.js:56)at Object.getCurrentLocation (useQueries.js:64)a……

xcode9 未能载入软件包“WebDriverAgentRunner”,因为它已损坏或丢失必要的资源。 请尝试重新安装软件包。

xcode9 未能载入软件包“WebDriverAgentRunner”,因为它已损坏或丢失必要的资源。 请尝试重新安装软件包。2018-01-07 09:55:38.943702 WebDriverAgentRunner-Runner[267:10723] Running tests…2018-01-07 09:55:39.023090 W……

Could not connect to lockdownd. Exiting. ideviceinstaller

升级xcode9后,ideviceinstaller命令运行报错:ideviceinstaller -lCould not connect to lockdownd. Exiting. 解决方法:sudo chmod -R 777 /var/db/lockdown/或者一次性解决问题:brew uninstall ideviceins……

WIN10 ie设置主页注册表

Windows Registry Editor Version 5.00; ;win10 64位显示IE图标注册表; ;桌面显示IE图标[-HKEY_CLASSES_ROOT\CLSID\{B416D21B-3B22-B6D4-BBD3-BBD452DB3D5B}][-HKEY_LOCAL_MACHINE\SOFTWARE\Classes\CLSI……

修复Chrome元素fixed后几率触发元素偏移1或2像素

修复Chrome元素fixed后几率触发元素偏移1或2像素存在的问题chrome浏览器下为元素使用position fixed之后 ,触发其他动画转换 滑块或者元素缩放 旋转,被绝对/相对/固定定位的元素有几率发生偏移1或2像素让块级元素发生轻微抖动位移bug且只会在chrome中触发,为了修复它 有两个可行的方法。解决方案1向fixed元素添加cs……

Handlebars.js 中文文档

使用Handlebars,你可以轻松创建语义化模板,Mustache模板和Handlebars是兼容的,所以你可以将Mustache导入Handlebars以使用 Handlebars 强大的功能。开始Handlebars模板看起来和HTML一样,只是嵌入了 handlebars 表达式 {{title}} {{body}} ……

如何使用JS代码提交(submit)表单

通过JS代码提交(submit)表单,将提交按钮的类型设置为普通button,然后添加onclick属性 <!DOCTYPE html><html><head><script>function formSubmit(){document.getElementById("frm1").submit(……

JS代码删除iframe的frameBorder属性值

下面的JS代码删除了iframe的frameBorder,iframe就没有了明显的边框显示 <!DOCTYPE html><html><head><script>function removeBorder(){document.getElementById("myframe").frameBor……

Zepto 和 Mootools冲突解决

Zepto 和 Mootools冲突解决Zepto 使用$选择对象,如果没有$也不会和Mootools冲突Mootools也使用$选择对象,当然还有一个方法不常用的 就是var myElement = document.id('myElement');通过元素引用:这种方法可以解决$,冲突的问题当然如果是$变量尚未定义,Zepto只设置全局变……

js使用try…catch捕捉错误信息代码方法

js使用try…catch捕捉错误信息代码方法 <pre class="prettyprint linenums">var txt="";function message(){try{adddlert("Welcome guest……

js for循环的continue代码使用方法JavaScript

JavaScript中可以通过continue临时中止循环的某次动作,然后继续执行 <pre class="prettyprint linenums"><p>Click the button to do a loop which will skip the step w……

js 的while循环语句使用参考

下面的演示代码通过while循环语句输出数字1-6 <pre class="prettyprint linenums"><p>75271.com,Click the button to loop through a block of as long as <em&……

Js通过记录cookie临时访客信息

Js通过记录cookie临时访客信息用户第一次访问网页时会提示用户输入一个昵称,然后写入cookie,当用户再次来到时会读取cookie信息,提取用户昵称,欢迎用户的到来function getCookie(c_name){var c_value = document.cookie;var c_start = c_value.indexOf("……

编写JavaScript中公用的onerror事件

JavaScript中我们可以定义一个通用的错误处理程序,只要页面出现JS错误就自动调用已经定义好的错误处理程序onerror=handleErr;var txt="";function handleErr(msg,url,l){txt="There was an error on this page.\n\n";txt+="Error: ……

js搜索字符串,成功后返回找到的字符串-JavaScript

js搜索字符串,成功后返回找到的字符串-JavaScript字符串带有一个match方法用于搜索字符串,如果找到指定的字符串则返回搜索字符串,如果未找到则返回null,match方法区分大小写var str="Hello world!";document.write(str.match("world") + "<br>");docum……

js代码输出当前时间Unix时间戳-JavaScript语言

js代码输出当前时间Unix时间戳-JavaScript语言下面的代码通过Date对象的getTime()放回unix时间戳,即从1970年1月1日到当前时间的秒数<p id="demo">Click the button to display the number of milliseconds since midnight, Janu……

js将当前时间转换为标准UTC时间-JavaScript代码

js将当前时间转换为标准UTC时间-JavaScript代码,北京在东八区,在北京时间基础上减掉8小时<p id="demo">Click the button to display the UTC date and time as a string.</p><button>Try it</button&g……

使用JavaScript语言创建数组的方法

使用JavaScript语言创建数组的方法,下面的代码演示了在JS中如何创建数组并赋值,然后对数组进行循环遍历输出var i;var mycars = new Array();mycars[0] = "Saab";mycars[1] = "Volvo";mycars[2] = "BMW";for (i=0;i<mycars.lengt……

在JavaScript代码中让contact函数合并两个数组

在JavaScript代码中让contact函数合并两个数组下面的代码演示了JS中如何将两个数组连接成一个数组<p id="demo">Click the button to join three arrays.</p><button>Try it</button>function myFunc……

confirm的使用方法演示-使用JS弹出确认对话框

JavaScript中可以使用confirm弹出一个确认对话框,用户可以点击ok或者cancel,JS可以接收到用户点击的按钮<p>Click the button to display a confirm box.</p><button>Try it</button><p id="demo……

js提示用户输入对话框prompt使用代码演示使用JavaScript代码

js提示用户输入对话框prompt使用代码演示使用JavaScript代码Click the button to demonstrate the prompt box.Try itfunction myFunction(){var x;var person=prompt("Please enter your name",&qu……

JS判断网页是不是在微信客户端内打开用

可以通过userAgent判断是否是微信的客户端打开的网页function is_weixn(){ var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i)=="micromessenger") { return true……

js记录用户鼠标访问页面轨迹并绘制出来

js记录用户访问页面轨迹并绘制出来<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Demo</title> <style> *{ ……

js 更改iframe内容

<!DOCTYPE html><html><head><meta charset="utf-8"><title>更改iframe内容</title><script>function changeStyle(){ var x=document.g……

[email protected] postinstall script ‘node scripts/build.js’

总的来说就是两种方法解决:SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ npm install或者在 ~/.npmrc 里添加下面这行(参考),保存后再 npm install(如果是用的 cnpm,需要添加到 ~/.cnpmrc)sass_binary_site=https:/……

Yarn的入门介绍与安装-Node.js包管理器NPM替代品

就在昨天, Facebook 发布了新的 node.js 包管理器 Yarn 用以替代 npm 。咱虽然是个半桶水的咸鱼前端,不过也得跟上 Javascript 这股潮 (hong) 流 (huang) 的脚步,所以便有了下面这篇文章。大概的浅尝了一下这个自称是又快又可信赖又安全的包管理,所以写的内容不会很详细,更多的可能只是针对这个全新的包管理与 npm ……

Vue2.0 小白入门完全攻略—从环境搭建到发布

Jinkey原创感谢 showonne、yubang 技术指导Demo 地址:http://demo.jinkey.io/vue2源码:https://github.com/Jinkeycode/vue2-example什么是 VueVue 是一个前端框架,特点是数据绑定比如你改变一个输入框 Input 标签的值,会自动同步更新到页面上其他……

MAC/LINUX 上node.js的升级 快捷方法

这里记录一下 mac 升级 node.js 的简易方法。 切记要按照步骤:第一步,先查看本机<a href="http://www.75271.com/tag/node-js" title="查看更多关于node.js的文章" target="_blank">node.js</a>版本: $ node -v第二步,清除……

前端学习资源大搜集

😺这些分享资料都来自我平时的工作和学习,希望能对你有所帮助,如果你喜欢可以收藏x JavascriptArticleArticleJavascript深浅拷贝Javascript中的apply和call继承Javascript的jsonp原理Javascript监听触摸事件Javascript中的var self = this……

webpack入门你要的都在这里

写在前面的话阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较有限,你可以快速浏览或直接跳过;如果你和十天前的我一样,对很多选项存在着疑惑,那花一段时间慢慢阅读本文,你的疑惑一定一个一个都会消失;如果你以前没怎么接触过Webpack,而你又你对webpack感兴趣,那么动手跟着本文中那个贯穿始终的例子写一……

CSS神奇效果 CSS hacking CSS 你不知道的

这里的神奇效果其实就是一些CSS中不怎么为人所知但在解决某些问题的时候很溜的属性。border-radius很多开发者估计都没有正确认识这个border-radius,因为基本上很多人都是这么用的:<code class="hljs css"><span class="hljs-class">.box</span> ……

前端资源教程大全(赶快收藏,以备后用)

前端资源教程大全(赶快收藏,以备后用) 资源教程综合类前端知识体系 前端知识结构 Web前端开发大系概览 Web前端开发大系概览-中文版 Web Front-end Stack v2.2 免费的编程中文书籍索引 前端书籍 前端免费书籍大全 前端知识体系 免费的编程中文书……

前端资源总结学习网址大全

综合类前端知识结构Web前端开发大系概览Web前端开发大系概览-中文版[Web Front-end Stack v2.2](https://raw.githubusercontent.com/unruledboy/WebFrontEndStack/master/Web Front End Stack.png)免费的编程中文书籍索引前端书籍……

html5 实现断点续传案例包含示例代码

html5 实现断点续传案例技术说明:在Html5 下,我们可以直接通过file的slice 方法来实现文件的分块。如: file.slice(0,1000);file.slice(1000,2000);file.slice(2000,3000);然后再通过XMLHttpRequest异步上传到服务器。 下载代码:https://yunpa……

HTML5动态散花背景特效

HTML5动态散花背景特效HTML5动态散花背景特效https://yunpan.cn/ckpTMPDrM6AQs (提取码:c3aa)……

10个微信小程序面试题(纯JavaScript)

10个微信小程序面试题(纯JavaScript)微信小程序就是使用js做为开发语言的,测试你的js水平吧!当初笔者做这套题的时候不仅怀疑智商, 连人生都开始怀疑了….不过, 对于基础知识的理解是深入编程的前提. 让我们一起来看看这些变态题到底变态不变态吧!第1题 1、["1", "2", "3&qu……

html5响应式布局DIV+CSS+bootstrap免费模板 第一季

html5响应式布局DIV+CSS+bootstrap免费模板 第一季打包下载地址:https://yunpan.cn/ckvcc4xwz24DH提取码:1、blend2、bold3、fitness4、flew5、neos6、nitro7、ranger8、simple关键字:free html5, free templ……

非常好用精美的tinymce 富文本编辑器

非常好用精美的tinymce 富文本编辑器一个快速使用的代码:<!DOCTYPE html><html><head> <script src="//cdn.tinymce.com/4/tinymce.min.js"></script> <script>tinymce.……

gojs是一个javascript库,可以构建流程图,组织图,BPMN,UML建模和其他视觉图

gojs是一个JavaScript库,用于构建HTML web页面上的交互图。构建应用程序流程图、组织图表,BPMN,UML建模和其他视觉图类型。交互性、数据绑定、布局和许多节点和链接概念是内在的美。……

分享几个好看的Bootstrap后台管理响应式模板

分享几个好看的Bootstrap后台管理响应式模板1/charisma国内下载地址:https://yunpan.cn/c6qrHAktZDddU (提取码:82fc)国外下载地址:2/AdminLTE国内下载地址https://yunpan.cn/c6qxPiBrSuBUG (提取码:1a78)国外下载地址:3/Metis国内下载地址……

加载中……