weixin_44978043的博客

封装一个具备基本功能的Vue框架//Vue 底层数据双向绑实现原理：数据劫持class Vue{ constructor(props) { //声明变量，保存原始HTML网页数据 this.htmlContent = '' //挂载el标签 this.el = props.el //挂载data数据 this.data = props.data this.tempData = {...this.data} for(let key in this.data){ Ob

1.需求分析1.完成用户和管理员对应的注册和登录功能2.完成对应页面的登录成功后的信息展示3.完成第三方中间件的使用，包括但不限于验证码，网页logo等2.项目初始化新建一个文件夹 demo/命令行打开该文件夹，初始化为node应用 npm init -y优化启动命令package.json“scripts”: {…,“start”: “nodemon app.js”},创建对应文件结构3.安装项目所需第三方模块npm install express ejs expr

1.需求分析实现一个用户登录网站的功能，登录成功后完成友好的提示访问登录页面填写登录信息：账号、密码、点击登录查看结果2.初始化项目创建一个node项目 demo/进入demo文件夹，执行命令初始化为NodeJS应用cd demonpm init -y3.代码实现：服务启动安装项目依赖npm install express -s创建项目入口文件：demo/app.js编辑app.js 文件，完成模块的导入、服务对象的创建、端口的监听和服务启动// 导入模块const e

//引入文件模块const fs = require('fs')function fn(path) { //读取路径中的文件 const files = fs.readdirSync(path) // 遍历每个读取到的文件 for (let name of files) { //拼接路径 const stat = fs.statSync(path + '/' + name) //判断读取到的路径是否是文件夹

实现思路1.在页面中写好菜单样式和功能(这里是demo，页面元素尽量简化)2.通过css样式将菜单隐藏3.禁用鼠标右键默认行为4.给页面添加鼠标右击事件5.按下右键显示菜单，并将鼠标在页面中的位置设置为菜单位置<ul> <li>1</li> <li>2</li> <li>3</li></ul>var ul = document.querySelector('ul')document.ad

window.onload = function() { function initImg() { var imgs = document.querySelectorAll('img') var ch = document.documentElement.clientHeight || document.body.clientHeight // 获取滚动条卷去的距离 ...

后期根据小球滚动原理集合键盘事件实现打砖块小游戏<script> // 获取body var body = document.querySelector('body') // 声明小球滚动的函数 function ballsScroll() { // 创建一个小球 var ball = document.createElement('div')

案例过于简单，就不做解析了 var box2 = document.querySelector('.box2') var boxs = box2.offsetTop window.onscroll = function() { console.log(document.documentElement.scrollTop); if (document.documentElement.scrollTop > box2.off

javascript代码//封装一个获取事件的函数function getTime() {//获取当前事件 var date = new Date();//获取对应时间，完成拼接并将其作为返回值返回 return date.getFullYear() + '--' + (date.getMonth() + 1) + '--' + date.getDate() + ' ' + date.getHours() + ':' + date.getMinutes

需求：使用正则表达式完成基本的表单验证 //获取所有的输入框 //账号验证 var input = document.querySelectorAll('input'); //按键弹起时出发验证 input[0].onkeyup = function () { var value = this.value; //声明一个判断用户名为字母数字下划线组成的6-18的字符串验证规则 var reg = /

冒泡排序所谓冒泡排序，就是将数组中的数据两两进行比较，若前面的数大于后面的数，两者调换位置，由此第一趟比较即可确定最大的数，第二趟最后一个数不用参与比较，以此类推var arr=[5,6,23,4,78,5]for(var i=0;Ii<arr.length;i++) { for(var j=0;j<arr.length-i-1;j++) { if(arr[j]>>arr[j+1]) { var temp = arr[j]; arr[j] = arr[j+1];

详细分析（明天补充）js代码 var s = document.querySelector('.s'); var m = document.querySelector('.m'); var h = document.querySelector('.h'); // var number = 0; // var number2 = 0; // var number3 = 0; function fn()

定时器JavaScript语法服务网页效果，网页中经常会出现一些指定时间、指定周期执行的动画效果。语法中提供了两种定时器函数支持指定时间执行、指定周期执行的效果setTimeout(fn,time) ：在指定的time（ms）时间之后执行某个函数fnsetInterval（fn,time）:玄幻间隔时间time（ms）之后执行某个函数fn基本语法setTimeout(function() { console.log('我是延时两秒后执行的延时器')},2000)setInterval(f

购物车的实现案例介绍：用户点击加号与减号可以实现商品小计金额的计算，同时，可以对所有的选项进行选择，将选中的数量与总价输出在对应位置具体实现步骤1静态页面（本案例旨在功能代码的实现，页面不是很美观,敬请谅解）完整的静态页面代码以及js代码见附录2.商品添加功能的实现（1）获取页面中所有的添加按钮·var more = document.querySelectorAll('.more');（2）通过循环给添加按钮注册时间，同时为了方便后续操作，给按钮添加自定义属性for