- 博客(42)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 js、css常用方法、高德地图调用以及vue项目
CSS Tricks一些常用css方法js tricks一些常用js方法vue笔记uniapp （IOS端安卓端）调用高德、百度、腾讯地图导航uniapp app端调起高德地图导航uni-app 小程序接入高德地图案例uniapp H5端中使用高德APIvue+element-ui 后台管理实战项目调用的api接口：https://gitee.com/sirfuao/vue_admin_apivue电商实战项目微信小程序电商实战项目...
2020-12-14 16:17:59
219
原创 JavaScript弹出对话框的三种方式-alert()-confirm()-prompt()
一、alert()警告框（确定）alert()方法是显示一条弹出提示消息和确认按钮的警告框。需要注意的是 ：alert()是一个阻塞的函数，如果不点确认按钮，后面的内容就不会加载出来。使用方式：alert(“想要提示的文本内容”)点击确定按钮之后实现代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewpor
2020-12-14 11:53:41
6771
1
原创 使用Javascript实现省份城市联动菜单
效果：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>省份城市级联菜单</title></head><body> <!--
2020-12-12 11:10:18
900
原创 dns114.114.114..114
一、两者的联系114.114.114.114和8.8.8.8，这两个IP地址都属于du公共域名解析服务DNS其中的一部分，zhi而且dao由于不是用于商业用途的，这两个DNS都很纯净，不用担心因ISP运营商导致的DNS劫持等问题，而且都是免费提供给用户使用的。二、二者的区别1、114.114.114.114114.114.114.114是国内移动、电信和联通通用的DNS，手机和电脑端都可以使用，干净无广告，解析成功率相对来说更高，国内用户使用的比较多，而且速度相对快、稳定，是国内用户上网常用的DNS
2020-11-03 11:58:15
14793
原创 Web前端之iframe
iframe详解深入浅出iframeIframe 有什么好处，有什么坏处？国内还有哪些知名网站仍用Iframe，为什么？有哪些原来用的现在抛弃了？又是为什么？HTML 标签
2020-11-03 10:24:50
191
原创 填写信息时，勾选协议的时候下一步按钮才可用，才会跳转到信息页面，不勾选协议的时候下一步按钮不可用。
未勾选协议时，下一步按钮为不可点击状态样式结构及js<div class="xy-tip"> <input type="checkbox" id="checkbox" onclick="check()"/><span>我已阅读此协议</span> <span>温馨提示:阅读完此协议才能进行下一步</span> </div> <a href
2020-11-02 17:44:17
2645
1
原创 jQuery Validate表单验证的使用
结构<div class="zlnr zl-btm"> <label> <span>*</span>证件号码</label> <input type="text" value="" id="u_identity_card" name="profile[id_card_num]" class="fn-tinput" placeholder="请填写证件证号码" required data-rule-idca
2020-11-02 17:12:26
246
原创 两段相同的jQuery代码，单独执行都是好的，合在一起第一个就失效的问题（使用jq时间插件Foundation datepicker期间）
结构 <div class="zlnr"><label>教学工作经历</label></div> <div class="form-group"> <div class="myrow"> <input type="text" class="span2" value="" id='datetimepicker1' name="experience[]">
2020-11-02 16:28:34
313
原创 mongo报错：[main] Error: couldn't connect to server 127.0.0.1:27017, connection attempt failed
在C:\Program Files\MongoDB\Server\3.4\bin输入mongo命令报错接下来换成mongod, 发现原因是找不到相关的文件夹，解决方案，在相关文件夹下面建立文件夹（1）在c盘创建data文件夹（2）在data文件夹里创建db文件夹之后，mongod就启动成功了因为我的MongoDB是在c盘安装的，所以只需要在c盘创建文件夹，如果您的Mongo...
2020-05-03 21:21:18
282
原创 解决react在安装antd之后出现Module not found: Can't resolve './locale' in。。。的问题
React在安装antd之后出现Can’t resolve './locale’in。。。问题，是因为moment在2.2之后的版本都有问题，而react默认使用了最新的moment，但是在[email protected]中是没有问题的。解决方案：配置webpack的alias,将所有的 moment 路径引用导入到 [email protected]操作步骤1.安装moment 依赖 npm i...
2020-05-02 20:39:38
16716
1
原创 Snipaste，一个比QQ截图好用一万倍的截图神器！
Snipaste官网点击官网，只需要根据自己的电脑机型下载对应的压缩包即可。今天要向大家介绍的这款利器，名字叫做：snipaste，主要功能是截图和贴图，以及取色。这款软件由国人Levie历时三年开发而成，完全免费使用，并且无广告，体积仅有12M！但是功能却逆天的强大，实乃居家旅行，办公学习必备利器！功能一：无需联网即可截图按下截图快捷键【F1】即可截图，无需联网，光是这点就比QQ...
2020-04-26 19:52:10
494
原创 vscode React 快速生成代码块
利用好插件能够方便我们的开发也能提高我们的效率和准确性，简单说下react快速生成代码块在vscode中找到并安装这个插件编写代码rcc+tab键就可以生成有状态的组件代码块import React, { Component } from 'react'export default class Home extends Component { render() { ...
2020-04-23 21:14:20
641
原创 react之ref、组件数据承载、事件函数this指向、受控与非受控组件
1.ref 给dom或者类组件进行标记1-1 ref字符串方式，react的严格模式下不建议使用 componentDidMount(){ this.refs.input.focus() } <input ref="input"/> 1-2 回调函数的写法 componentDidMou...
2020-04-21 22:23:17
165
原创 react基础知识01
1.react由来 特点 官网1)npm init -y2)npm i react -S (yarn add react)直接找node_modules/react/umd目录 react.development.js文件3)npm i react-dom -S (yarn add react-dom)直接找node_modules/react-dom/umd目录 react-dom.d...
2020-04-13 22:58:50
105
原创 克隆项目git上传
一、克隆别人的项目：（正常情况下1-6即可把分支代码提交到远程）（1）git clone https://github.com/ygsxgeng/ygsxgeng.git（2）git checkout -b one (这个命令是创建one分支，并且直接切换到该分支上；one是自己想的分支名，因为不可以在master主分支上改代码，否则改的是别人的代码）（3）git status 查看代码状...
2020-04-13 20:48:52
165
原创 Nginx 报错:nginx: [error] open() "/usr/local/nginx/logs/nginx.pid" failed
今天测试域名访问不了，登陆 Linux（Ubuntu）重启Nginx：nginx -s reload结果报错：nginx: [error] open() “/usr/local/nginx/logs/nginx.pid” failed (2: No such file or directory)logs目录下缺少pid文件。解决方法：使用指定nginx.conf文件的方式重启ng...
2020-04-06 17:43:52
356
原创 vue-router
现在的应用都流行SPA应用（single page application）传统的项目大多使用多页面结构，需要切换内容的时候我们往往会进行单个html文件的跳转，这个时候受网络、性能影响，浏览器会出现不定时间的空白界面，用户体验不好单页面应用就是用户通过某些操作更改地址栏url之后，动态的进行不同模板内容的无刷新切换，用户体验好。Vue中会使用官方提供的vue-router插件来使用单页面，...
2020-03-30 21:12:12
123
原创 Vue-cli使用
现在使用前端工程化开发项目是主流的趋势，也就是说，我们需要使用一些工具来搭建vue的开发环境。一般情况下我们都会选择使用webpack进行项目的构建，在这里我们直接使用vue官方提供的，基于webpack的脚手架工具进行项目开发。注意： 要求node.js版本是8+安装方法全局安装vue-cli:npm install -g @vue/clioryarn global add @vue...
2020-03-25 20:24:42
106
原创 Vue生命周期钩子函数
每一个组件或者实例都会经历一个完整的生命周期，总共分为三个阶段：初始化、运行中、销毁先放一张Vue官网的生命周期图：vue有8种生命周期函数：beforeCreate --创建前实例、组件通过new Vue() 创建出来之后会初始化事件和生命周期，然后就会执行beforeCreate钩子函数，这个时候，数据还没有挂载到，只是一个空壳，无法访问到数据和真实的dom，一般不做操作。...
2020-03-24 21:18:52
210
原创 Vue条件渲染
(1) v-if在Vue中可以使用v-if来控制模板里元素的显示和隐藏，值为true就显示，为false就隐藏（dom上面直接将其删除就看不到了）v-if控制的是 是否渲染这个节点(2) v-else-if当有else分支逻辑的时候，可以给该元素加上v-else指令来控制，v-else会根据上面的那个v-if来控制，效果与v-if相反，注意，一定要紧挨着。（v-else 需要与v-if进...
2020-03-23 21:45:17
95
原创 Vue实现Todolist-代办事项案例
前期准备1.先引入Vue.js框架2.可以自己写一个简单布局或者可以引入其他插件(此处使用的是sui插件及里面的css样式）3.以下是实现代码<div id="app"> <!--header start--> <header class="bar bar-nav"> <a class="ic...
2020-03-23 21:27:29
322
原创 vue指令以及数组的更新检测
一、vue指令是带有 v- 前缀的特殊属性v-bind 动态绑定属性 可以缩写v-bind:src => :src【注意】在:style里，key名需要采用驼峰式的写法，不然会报错的！v-if 动态创建/删除v-show 动态显示/隐藏v-on:click 绑定事件 可以缩写 v-on:click => @clickv-on事件修饰符：（1） .stop 可以阻止事件...
2020-03-23 21:15:56
146
原创 虚拟DOM与Diff算法
虚拟dom Virual DOM是用JS对象记录一个dom节点的副本，当dom发生更改时候，先用虚拟dom进行diff，算出最小差异，然后再修改真实dom。也就是说，虚拟dom的框架/工具都是这么做的：根据虚拟dom树最初渲染成真实dom当数据变化，或者说是页面需要重新渲染的时候，会重新生成一个新的完整的虚拟dom。...
2020-03-23 20:09:49
125
原创 vue的双向数据绑定原理
vue在创建vm的时候，会将数据配置到实例中，然后通过Object.defineProperty方法，为数据动态的添加getter与setter方法。当获取数据的时候，会触发对应的getter方法，当设置数据的时候，会触发对应的setter方法。然后当setter方法触发完成的时候，内部会进一步触发watcher,当数据改变了，视图则更新操作完毕。或者也可以这样理解：在vue内部采用数...
2020-03-18 21:00:20
68
原创 Express生成器
应用程序生成器、脚手架 、命令行工具、自动搭建项目环境的，无需手动安装npm install express-generator -g 验证express -h生成环境express -e 目录 | . // . 当前目录创建 //-e 需要ejs模板引擎 //express -f 强制在非空目录下创建cd 目录npm install //安装依赖包npm...
2020-03-17 20:27:56
72
原创 nodejs总结
web服务器构成机器： 电脑数据库：mysql | sqlserver | mongoDB | oracle数据库存的是: 数字|字符磁盘（硬盘) 文件本身(图，视频,PDF) 文件服务器管理程序：nodejs（管理前后端工程文件）前后端交互流程大后端 用户 - > 地址栏(http[s]请求) -> web服务器（收到) - > nodejs处...
2020-03-16 21:05:10
256
原创 node + mongodb客户端
安装+引入npm install mongodb -Svar mysql = require('mongodb');实例化并连接let mongoCt = mongodb.MongoClient;mongoCt.connect('协议://地址:端口',回调(err,client)) //err 错误 client链接后的客户端链接库和集合let db = client.db('...
2020-03-16 20:40:21
82
原创 mongodb（非关系型数据库）
mongodb命令行操作库操作查: show dbs db 查看当前库建: use 库名 没有建，有就切换删: db.dropDatabase() 删除当前库集合(表)操作建：db.createCollection('表名',{配置}) //配置：{size:文件大小,capped:true,max:条数|文档数} capped定量 //db.表(集合).isC...
2020-03-15 20:40:33
97
原创 session与token的区别
身份验证 HTTP 是一种没有状态的协议，也就是它并不知道是谁访问。客户端用户名密码通过了身份验证，不过下回这个客户端再发送请求时候，还得再验证。session：思想：1、客户端用户名跟密码请求登录2、服务端收到请求，去库验证用户名与密码3、验证成功后，服务端种一个cookie或发一个字符到客户端，同时服务器保留一份session...
2020-03-12 20:34:27
190
原创 session
思想：1、客户端用户名跟密码请求登录2、服务端收到请求，去库验证用户名与密码3、验证成功后，服务端种一个cookie或发一个字符到客户端，同时服务器保留一份session4、客户端收到 响应 以后可以把收到的字符存到cookie5、客户端每次向服务端请求资源的cookie会自动携带6、服务端收到请求，然后去验证cookie和session，如果验证成功，就向客户端返回请求的库数据Se...
2020-03-11 21:11:50
72
原创 NPM
安装到全局环境：安装：npm i 包名 -g卸载：npm uninstall 包名 -g安装到项目环境：初始化项目环境（管理项目）：npm init （初始化npm管理文件package.js）生成package.json文件管理项目快速创建配置文件：npm init -y package-lock.json当下载包的时候会出现一个package-lock.json文件，用...
2020-03-10 21:10:43
110
原创 解决：npm中 下载速度慢 和（无法将“nrm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确， 然后再试一次）。
解决npm下载速度慢的原因 和 无法将“nrm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确， 然后再试一次1.解决下载速度 因为我们npm下载默认是，连接国外的服务器，所以网速不是特别好的时候，可能下不了包 安装nrm 使用 npm i nrm -g 我们的一般工具包都是下载到全局 ...
2020-03-10 20:46:43
1200
原创 在终端运行nodemon时，出现无法加载文件，在此系统上禁止运行脚本时的解决方案
在vs code终端输入nodemon运行文件时，抛出如下错误：解决报错：（1）以管理员身份运行vs code（2）在终端执行：get-ExecutionPolicy，显示Restricted（表示状态是禁止的）（3）在终端执行：set-ExecutionPolicy RemoteSigned（4）在终端执行：get-ExecutionPolicy 按下回车键出现RemoteSi...
2020-03-09 21:45:27
3459
11
原创 知识点
Ajax什么是 ajax ？Ajax就是 JS 这个语言和 服务端 交互的手段就是使用js的语法向后端发送请求异步和后端交流的手段最大特点就是局部刷新a = async (异步)j = javascripta = and (和)x = xml发送 Ajax 请求1.创建 ajax 对象let xhr = new XMLHttpRequest()2.配置请求信息xhr....
2020-03-07 22:01:54
157
原创 详情页
<!-- 顶部左侧导航 --> <ul class="topleft"> </ul> <!-- 顶部右侧导航 --> <ul class="topright"> </ul>...
2020-03-06 20:36:59
218
原创 商城列表页
列表页 <!-- header --> <header> <div class="container" id="top"> <div class="header-l"> <ul> <li>小米商城</li> ...
2020-03-05 20:48:43
237
原创 购物车
购物车 <div class="header"> <div class="container"> <a href="./index.html"> <div class="header-logo fl"> </div> </a> &l...
2020-03-05 20:44:31
125
原创 项目前期准备工作
// 1. 导入 gulp 这个第三方模块const gulp = require(‘gulp’)// 2. 导入 gulp-cssmin 这个第三方模块const cssmin = require(‘gulp-cssmin’)// 2-2. 导入 gulp-autoprefixer 这个第三方模块const autoprefixer = require(‘gulp-autoprefix...
2020-03-04 19:02:47
175
原创 登录注册
登录页面 <!-- 登录注册 --><div class="box"> <div class="content"> <div class="left"> ...
2020-03-04 18:58:02
150
原创 做项目过程中用到的知识
1.jsonp请求数据？2.自己写的json文件如何去请求?jQuery中可以直接对json文件发起请求,请求地址是该json文件的目录,将dataType设置为json即可。3.Swiper 插件该插件作用主要是生成轮播图效果。4.二级菜单的渲染请求json文件,对其中的数组数据遍历循环,以拼接字符串的形式渲染在页面上,最后设置效果即可...
2020-03-03 10:19:56
147
JavaScript设计模式中的单例模式和观察者模式.docx
2020-02-23
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人