注册 登录
  • 欢迎访问开心洋葱网站,在线教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入开心洋葱 QQ群
  • 为方便开心用户,开心洋葱官网已经开启复制功能!
  • 欢迎访问开心洋葱网站,手机也能访问哦~欢迎加入开心洋葱多维思维学习平台 QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏开心洋葱吧~~~~~~~~~~~~~!
  • 由于近期流量激增,小站的ECS没能经的起亲们的访问,本站依然没有盈利,如果各位看如果觉着文字不错,还请看官给小站打个赏~~~~~~~~~~~~~!

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

angular8 添加 消息弹窗提示错误There is no directive with “exportAs” set to “bs-modal”

angular8 添加 消息弹窗提示错误There is no directive with “exportAs” set to “bs-modal” Uncaught Error: Template parse errors:There is no directive with “export……

ERROR in node_modules/rxjs/Subscription.d.ts(1,15): error TS2307: Cannot find module ‘rxjs-compat/Subscription’.

angular 升级后出现这个问题 解决办法在后面ERROR in node_modules/rxjs/Subscription.d.ts(1,15): error TS2307: Cannot find module ‘rxjs-compat/Subscription’.Date: 2018-10-23T03:44:40.260……

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

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

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 function at Object.getCurrentLocation (useBasename.js:56) at Object.getCurrentLocation (useQueries.……

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……

修复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}} hand……

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

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

JS代码删除iframe的frameBorder属性值

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

Zepto 和 Mootools冲突解决

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

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

js使用try…catch捕捉错误信息代码方法var txt="";function message(){try { adddlert("Welcome guest!"); }catch(err) { txt="There was……

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

JavaScript中可以通过continue临时中止循环的某次动作,然后继续执行<p>Click the button to do a loop which will skip the step where i=3.</p><button>Try it</button><p……

js 的while循环语句使用参考

下面的演示代码通过while循环语句输出数字1-6<p>75271.com,Click the button to loop through a block of as long as <em>i</em> is less than 5.</p><button>Try it……

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

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

编写JavaScript中公用的onerror事件

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

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

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

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

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

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>……

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

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

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

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

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

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

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”,&……

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

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

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

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

js 更改iframe内容

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

node-sass@4.5.0 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 的简易方法。 切记要按照步骤: 第一步,先查看本机node.js版本: $ node -v 第二步,清除node.js的cache: $ sudo npm cache clean -f 第三步,安装 n 工具,这个工具是专门用来管理node.js版本的,别怀疑……

前端学习资源大搜集

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

webpack入门你要的都在这里

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

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

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

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

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

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

1. 综合类– [前端知识结构](https://github.com/JacksonTian/fks)– [Web前端开发大系概览](https://github.com/unruledboy/WebFrontEndStack)– [Web前端开发大系概览-中文版](http://www.cnblogs.com/u……

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"].map(parseInt)知识点:Array/……

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> <scr……

……
加载中……