js

1
PHP和原生JS实现九型人格在线测试(144题)

上次听完九型人格的课程,就想着开发一个九型的在线测试功能。这几天终于腾出手来写了写。有想要源码的同学别着急,等我空了整理下发出来。现在是在自己写的框架里嵌着,不好看也不好用。我这里先给出原理和计算公式九型人格测试题(全144题)带公式计算版。实现V1计算公式来源于互联网。前端JS,使用了echarts库中的雷达图后端PHP,简单的结果计算。最终效果如下:实现新版本V2新版本引入的方式使用了vue库...

2
js实现页面自动滚动至指定位置

在某些场景,直接使用document.body.scrollTop会不生效,使用定时器可以解决。lethi=100setTimeout(function(){document.body.scrollTop=hi},200)......

3
axios 使用报错 spread,js25 Uncaught (in promise) TypeError Cannot read property 'protocol' of undefined

axios使用报错spread.js:25Uncaught(inpromise)TypeError:Cannotreadproperty'protocol'ofundefined造虫过程中,因调整某个引用axios的模块而引出了一个问题,完整报错如下:spread.js:25Uncaught(inpromise)TypeError:Cannotreadproperty'protocol'ofund...

4
原生JS实现获取两个标签之间的内容,分离vue模板中的JS和HTML

vue相比原生JS,确实方便很多。出于本菜的特定使用场景,vue引入模板的方式并不适用。无奈,只好出此下策,造轮子分离vue模板中的template和script。需要解析的模板(权当是字符串):<template><h1>ooo</h1></template><script>console.log("test");</script...

5
js设置div边框css样式

//获取元素letbg=document.getElementById("yix-demo")//设置边框bg.style.border='3pxsolid#C0EAFA'//取消边框bg.style.border='none'......

6
PHP和原生JS实现九型人格测评的思路

前言,本文之前提供源码,对小编来说太麻烦了。所以,本文做了修改,只提供一点开发思路。,,如果需要测试,直接点击链接使用。,九型人格144题版本,开发思路,开发环境:,LAP,Linux安装Apache,支持PHP运行即可。数据很简单,用不到数据库。,主要功能代码简要解释下。,HTML,HTML,页面包括答题板、结果雷达图和结果描述区域,,,,,,,,,总共,144,道题目,,JS,JS源码,JS,...

7
原生JS实现向后端提交Post请求

原生JS实现向后端提交Post请求DATE:2018-04-1910:15:43页面跳转的方式实现提交请求,使用<script>location.href='www.yixzm.cn'</script>即可,不用详述。不使用页面跳转的方式实现页面刷新后端数据,需要使用发送Post请求的方式。HTML只有一个<textarea><textareaid='wr...

8
html使用js动态调用cgi(C++)并传参

html使用js动态调用cgi(C++)并传参DATE:2017-12-1317:15:11后台功能使用C++实现,编译生成.cgi文件。前台html(php也行)使用js(javascript)动态响应执行结果。核心代码如下:html代码(实际为index.php,index.html也有测试)<body><formname="formcmd"action="index.php...

9
webpack打包css和js学习笔记

参考原文:,https://www.cnblogs.com/liqiyuan/p/6246870.html,打包成功命令回显,PS,E:\code\webpack_demo>,webpack,Hash:,cde7c8f8e444f0a3daa6,Version:,webpack,4.42.0,Time:,541ms,Built,at:,2020-03-04,15:42:37,,,,,Asse...

10
原生JS实现字符串替换的方法(字符替换、简易正则、变量组成正则)

2018年06月18日,21:22:48,第一阶方法:首次字符串替换,var,inStr,=,'www.yixzm.cn';,var,outStr,=,inStr.replace('w',,'d');,输出为,'dww.yixzm.cn',注意:,inStr,和,outStr,不能使用同一个变量,且返回值才是替换后的字符串。这是C/C++转过来的新手容易犯的错误。,第二阶方法:全文字符串替换(简易...

11
C++对比Node,js实现Socket服务端代码

C++对比Node.js实现Socket服务端代码DATE:2017-12-0623:16自己搭服务器,由于主机性能太差,运行Java环境太过于勉强,只能跑跑C++。正好顺带着参考网络资料,学习下Node.js。最近传了两段代码,分别是C++和Node.js实现的Socket服务端LinuxC++实现的Server端Node实现的Server端C++代码如下:#include<arpa/in...

12
PHP压缩JS文件的实现方法

PHP压缩JS文件的实现方法PHP在Web开发时会遇到在后台压缩JS文件的需求。我们知道,JS在开发过程中,JS代码是遵守编程规范的。规范的JS代码易于阅读,但当其作为资源文件影响网页加载速度,也让JS代码太容易被人分析甚至抄袭。虽然我们秉承开源精神,但却不能讲其用在实际运行的产品中。商业代码还是要尽量保密。PHP压缩JS文件,需要使用一个第三方的开源库,即jsmin.php我们可以使用use或者...

13
CentOS 环境搭建并测试Node,js服务器开发环境

CentOS,环境搭建并测试Node.js服务器开发环境,,DATE:,2017-09-09,10:51:27,安装,使用root用户:,[xiaoqw@VM_42_160_centos,~]$,yum,install,nodejs,[xiaoqw@VM_42_160_centos,~]$,yum,install,npm,CentOS,6.5,腾讯云主机安装后不用配置环境变量,直接可用。,[xia...

14
className相同的多个元素分别设置监听事件(原生JS实现)

JS使用for循环动态生成多个div,HTML大概是这样:,<div,class='title'>,y,</div>,<div,class='title'>,i,</div>,<div,class='title'>,x,</div>,<div,class='title'>,z,</div>,<di...

15
原生JS和PHP实现跨域数据访问

原生JS和PHP实现跨域数据访问DATA:2018年06月12日17:50:32前端:本地站点localhost,HTML+原生JS后端:在线站点www.yixzm.cn,php前端代码<!DOCTYPEhtml><htmllang='en'><head><title>跨域数据访问Demo页面</title><metahttp-eq...

16
JS修改链接地址实现页面动态跳转的方法

网页跳转用原生的JavaScript就可以实现。至于是跳转至不同的域名,还是跳转至当前域名不同的路径,甚至是将HTTP协议修改为HTTPS协议,这些事情都可以通过JS修改location值可以实现。如果将location当做是一个对象,以http://www.yixzm.cn/post页面为例,那么它的每个成员变量含义如下:location.host:域名,如www.yixzm.cnlocatio...

17
PHP+JS实现简易在线音乐播放器(仅支撑站内资源播放)

最近在开发逐梦小站的管理中心。说起来有近三个月,但实际投入写代码的时间却少的可怜。业余时间本就有限的很,不仅要完成老板布置的家庭作业,还得抽空上PMP课、打Dota、下棋、过年陪家人,忙的不可开交。(没错,我就是在找借口,我不仅贪玩还要吐槽喜欢在周末布置任务的老板)在线音乐播放器如果采集在线资源,则难度倍增。我这种没啥执行力的人,只能等哪天心血来潮再搞啦。但如果只是播放站内资源,则非常简单。实现效...

18
封装原生JS实现异步请求(DIY简化版ajax,不同于jQuery)

ajax实现代码req:请求类型,GET或者POSTurl:请求地址func:实现请求后对返回数据的处理方法body:GET时为null,POST时为参数functionajax(req,url,func,body){varxmlhttp=newXMLHttpRequest();xmlhttp.onreadystatechange=function(){if(xmlhttp.readyState=...

19
解决js设置css第一次点击不生效问题

本文之前小编在CSDN发过,时间大约是2018-02-2413:35:29,现迁回本站。原问题链接:https://segmentfault.com/q/1010000007607750?_ea=1398991本文解决方法参考自hhxx的答案问题说明:原生JS设置CSS隐藏属性,但开发者模式(清除CSS缓存)下每次刷新页面,第一次点击都不会生效。解决方法:增加获取当前CSS属性的函数。functi...

20
原生JS简单实现前端路由(即监听URL改变并操作)

原生JS简单实现前端路由(即监听URL改变并操作)DATA:2018年07月05日11:15:25封装为函数的版本:监听&刷新functionrefresh(){varreq=location.hash.slice(1)||'/';console.log(req);//此处可替换为URL操作方法}functionbind_uri_refresh(){window.addEventListe...

21
Node,js基础入门使用学习笔记(终端操作、变量、流程)

Node.js基础入门使用学习笔记(终端操作、变量、流程)DATE:2017-09-0919:26:28教程来菜鸟教程:http://www.runoob.com/nodejs/nodejs-repl.html什么是Node.jsREPL(交互式解释器)?(通俗讲,就是说如何在命令行窗口操作,如何在终端执行Node.js代码)Node.jsREPL(ReadEvalPrintLoop:交互式解释器...

22
php+JavaScript 实现前后端JSON交互(GET or POST)

php+JavaScript实现前后端JSON交互(GETorPOST)DATA:2018年05月21日20:52:57注:jsonp方式可解决跨域访问的问题,即:读者将前端代码copy至本地,可以发现笔者服务器提供的json接口依然是可用的。有兴趣可到下面链接在开发者模式下体会交互过程。http://www.yixzm.cn/public_api_view/json_server_html前端代...

23
thinkphp6返回json格式内容为空,只有一个{}

昨天晚上迷糊,代码写了个乌龙。thinkphp返回json这么简单的事情竟然出了问题……年龄大的程序员公司不喜欢是有道理的,现在的身体每天到晚饭时候精力明显不怎么充沛。正常的thinkphp返回json只需要returnjson($data)然而,我写成了这样returnjson(json($data))你说我不熟悉显然是不可能的。这玩意天天写……但愣是眼花没看到。所以说,保持精力充沛很重要,至少...

24
解决搭建pyspider报错:Could not find phantomjs

解决搭建pyspider报错:Could,not,find,phantomjs,,DATE:,2018-04-03,16:35:19,搭建pyspider服务后,启动时出现数据库错误:,mysql.connector.errors.ProgrammingError:,1045,(28000):,Access,denied,for,user,'root'@'localhost',(us,经检查,数据...

25
javascript与php直接的json交互

javascript与php直接的json交互,,DATE:,2018-05-14,16:00:35,JS变量存储json值,代码如下:,var,g_map_json,=,'{"mainElements":["main_1","main_2"],"tipElements":["tip_1"],"subElements":["sub-1"]}';,,var,xmlhttp=new,XMLHttpRe...

26
Node,js 回调函数(阻塞 or 非阻塞)学习笔记

Node.js,回调函数(阻塞/非阻塞)学习笔记,,DATE:,2017-09-09,19:50:01,原教程:http://www.runoob.com/nodejs/nodejs-callback.html,Node.js,异步编程的直接体现就是回调。,,PS:我的理解,相当于C++编程中的线程,通俗讲就是几件事同时做,各做各的,互不干涉。,,异步编程依托于回调来实现,但不能说使用了回调后程序...

27
html结合js实现简单的目录树

给大家分享一个我最近在用的一个前端模块,个人感觉用的还是很舒服先看页面demo可以看到,里面还是很丰富的目录树结构,有5种可以挑选。好,那么接下来就怎么用这个目录树,其实很简单1.首先去下载用的js包https://codechina.csdn.net/mirrors/jzaefferer/jquery-treeview?utm_source=csdn_github_accelerator2.下载...

28
原生js获取URL入参实现,如?id=1&value=2

函数调用方式:lettarget=this.getQueryVariable("target")示例URL:/homepage?id=1&value=2letid=this.getQueryVariable("id")letvalue=this.getQueryVariable("value")函数实现:/***获取URL入参*@param{string}variable*@returns...

29
原生 JS + Router 监听路由跳转

### 原生 JS + Router 监听路由跳转 说到这个话题,我就想到了国庆前的一个需求(在用户离开当前页面前,保存数据再进行跳转)。刚看到这个需求的时候,我第一反应是使用`onbeforeunload`,但是这个项目的路由跳转不全是使用`router.push`,`router`监听不到`window.history`跳转事件,于是还要使用`beforeunload`。 下面是`onbe...

30
原生js获取URL入参实现,如?id=1&value=2

函数调用方式:lettarget=this.getQueryVariable("target")示例:let函数实现:/***获取URL入参*@param{string}variable*@returns*/getQueryVariable(variable){this.query=window.location.href.split('?')[1];letdialog=this.getQuery...