- 博客(38)
- 收藏
- 关注
RSS订阅原创 笔试之：数组去重
笔试是能力表现得第一个体现，我几乎每次面试都有笔试题，来来回回好几次，今天先整理几道题。1、数组去重这是一个简单而且出现率达到90%的题目，我也会去看好几种方法，真的是越深入学js，答案越是多。这里也只是说一种，用indexOf（）方法:w3c这样定义它：indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果没有找到匹配的字符串则返回 -1。语法string.in...
2019-08-29 22:29:15
179
原创 使用git -commit -m 提交出现Please tell me who you are.
解决方法时在改命令之前设置：F:\others\XAMPP\htdocs\vue-cms>git config user.name "lili"F:\others\XAMPP\htdocs\vue-cms>git config user.email "邮件"git命令https://blog.csdn.net/lyh1299259684/article/details/789...
2019-08-19 16:51:13
933
原创 vue和webpack使用--路由嵌套-嵌套子组件
首先，安装webpack和插件：所安装的文件如下：package.json{ "name": "01.webpack-study", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" &a...
2019-08-18 21:58:01
595
原创 webpack中处理更高级的es6或者es7语法
在 webpack 中，默认只能处理 一部分 ES6 的新语法，一些更高级的ES6语法或者 ES7 语法，webpack 是处理不了的；这时候就需要借助于第三方的 loader，来帮助webpack 处理这些高级的语法，当第三方loader 把高级语法转为低级的语法之后，会把结果交给 webpack 去打包到 bundle.js 中** 通过 Babel ，可以帮我们将 高级的语法转换为 低级的...
2019-08-17 14:16:29
707
原创 webpack-dev-server自动打包，实现随时打包
首先本地安装webpack-dev-serverF:\others\XAMPP\htdocs\vue\webpack-study>cnpm install webpack-dev-server -D注意，这个需要的node版本不一样。package.json包配置在script里加上： “start:dev”: “webpack-dev-server” "scripts": {...
2019-08-15 14:39:46
1051
原创 webpack打包时出错ERROR in Entry module not found: Error: Can't resolve './src' in.....
webpack打包时出错ERROR in Entry module not found: Error: Can’t resolve ‘./src’ in ‘F:\others\XAMPP\htdocs\vue\webpack-study’配置文件的entry路径设置：webpack.config.js文件，配置如下：const path = require('path');//配置文件就是...
2019-08-15 14:24:05
9425
7
原创 webpack打包报错：ERROR in multi ./src/main.js ./dist/bundle.js Module not found: Error: Can't resolve '.\
刚接触webpack，完美的安装最新版本和cli后，第一个打包就除了问题，可谓是把我自己气到。两个错误：ERROR in multi ./src/main.js ./dist/bundle.jsModule not found: Error: Can’t resolve ‘.\dist\bundle.js’ in ‘F:\others\XAMPP\htdocs\vue\webpack-stud...
2019-08-14 23:05:14
5287
4
原创 键盘按键对应的键码值
http://blog.csdn.net/zhaozhbcn/article/details/38852583或者https://blog.csdn.net/liuzehn/article/details/80522242
2019-08-09 11:54:11
349
原创 node.js实现图书增删改查
实现图书的增删改查1.分析2.文件生成json文件包F:\others\XAMPP\htdocs\Epr\mybook>npm init -yWrote to F:\others\XAMPP\htdocs\Epr\mybook\package.json:{ "name": "mybook", "version": "1.0.0", "description":...
2019-07-31 23:05:41
857
1
原创 express--路由
express（三）路由（根据请求路径和请求方式进行路径分发处理）HTTP常用请求方式：post 添加get 查询put 更新delete 删除restful api: 直接+路径（一种url格式）它的函数特征：app.METHOD(PATH, HANDLER)app是一个express实例；METHOD 是http请求方式；PATH 是请求的地址；HANDLER是...
2019-07-30 22:01:07
97
翻译 expres--利用 Express 托管静态文件
express(二)托管静态文件使用 Express 中的 express.static 内置中间件函数，可以提供诸如图像、CSS 文件和 JavaScript 文件之类的静态文件。**函数特征：**参数为静态资源根路径express.static(root, [options])函数使用const express = require('express');const app = ...
2019-07-30 21:36:49
270
转载 谷歌插件Postman安装
李建伟个人博客_IT原创 » 手把手教你Chrome浏览器安装Postmanhttps://www.cnblogs.com/zqyanywn/p/6947051.html这是百度觉得还可以的方法，先收着，只是我的直接从官网下载安装程序了。运行–》打开–》注册–》可以了。...
2019-07-30 19:20:36
142
翻译 express框架--简单的hello word引用
express(一)首先，在官网介绍express是基于 Node.js 平台，快速、开放、极简的 Web 开发框架它对以下：实现静态资源服务器–路由处理–动态网站–模板引擎等进行了封装，以便能够更好使用。前提：node环境（安装了node.js），安装淘宝镜像新建文件夹：Epr 子目录如图：说明：node_modules和package.json时自动生成。安装expr...
2019-07-30 16:41:23
192
原创 模板引擎------art-template的开始
说明art-template is a simple and superfast templating：简单和超快的特点，有统一的模板，会让开发更加统一和维护。更多请参考它的文档网站为：https://aui.github.io/art-template/zh-cn/docs/index.html语法有两种语法：标准语法{{if user}} <h2>{{user.na...
2019-07-30 10:59:03
511
原创 包的引入-自定义包--把md文件转成HTML页面
前提条件：已经安装好node环境，新建一个项目，再引入包 markdown-it；这时候出现了错误：npm ERR! Windows_NT 10.0.17134npm ERR! argv "C:\\dev\\nodejs\\node.exe" "C:\\dev\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "install" "markdownn-...
2019-07-29 18:32:27
764
原创 node.js---创建简单的web服务器
开启服务器xampp创建http模块const http = require('http');创建http实例let server = http.createServer();注册请求事件req是请求对象，res响应对象server.on('request', (req, res) => { res.end('hello');});绑定端口号server.lis...
2019-07-28 15:11:02
88
原创 node.js开始---node初始化
我们要新建一个项目，mydemo项目名称，子目录有：css,js,img，一个index.html文件。打开代码编辑器，新建一个js文件，代码如下：js代码* 文件操作（初始化） * * */const path = require('path');const fs = require('fs');let root = 'F:\\others\\XAMPP\\htdocs\...
2019-07-27 12:13:29
365
原创 rem适配手机屏幕
rem适配手机屏幕em和rem记录在：https://blog.csdn.net/weixin_43389331/article/details/97262876好像对比em之后，感觉rem更好方便一些，不过就是当拿到手机屏幕大小时，需要计算一些值会复杂些。先确定把不同屏幕大小统一分为n等份的份数；用每个屏幕的大小（screen）分别除以份数n ；screen%n=font-size大小...
2019-07-25 16:02:32
281
原创 em和rem，rem适配手机屏幕
em:一种长度单位，参照当前元素的字号，如果没有设置，就参照父容器或者当前浏览器的默认字号。举个例子：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .b...
2019-07-25 15:51:04
204
原创 解决Hbuilder中的less自动编译为css---设置问题
首先，安装好自己的node.js环境和less环境，在hbuilder的菜单栏----工具----选项----出现对话框如图：然后–hbuilder----预编译器----点击.less，如果没有这个选项，点击新建（与编辑页面一样，要求也是一样，只是要添加第一个框的后缀名）；再然后编辑后出现这个框：在黄色框内输入路径地址就可以了----确定，这样回到lees文件编辑页面，编辑完后，相对应的CS...
2019-07-23 11:23:59
913
原创 安装less环境
LESS 是动态的样式表语言，它能让CSS 的工作变得非常简单。安装过程如下：安装有两种方法安装：第一种是找到：C盘/-----------Users-------MyPC（自己电脑名称）---------AppData（默认隐藏项目，需要自己在：菜单栏上的查看–把隐藏项目的选项打勾。）---------\Roaming-----------\npm（开始是空的）。把less解压后的文件全部...
2019-07-22 20:57:00
410
原创 网页布局方式
总结一下下网页布局的几种方式：流式布局：为网页设置一个相对的宽度，通常以百分比%做为长度单位。更加适合屏幕变化。栅格化布局：将网页宽度人为的划分成均等的长度，然后排版布局时则以这些均等的长度做为度量单位，通常利用百分比做为长度单位来划分成均等的长度。Bootstrap里的栅格系统。固定宽度布局：为网页设置一个固定的宽度，通常以px做为长度单位，常见于PC端网页。我最开始练习的就是这种。响...
2019-07-21 21:32:44
295
原创 swipe.js第一天
介绍Swiper常用于移动端网站的内容触摸滑动Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。https://github.com/thebird/Swipe中文网站https://www.swiper.com.cn/结构<div class="swiper-container"> <div class="swiper-w...
2019-07-20 22:21:03
348
原创 移动端tap事件，也称移动端的click事件
pc端的的click事件在移动端也是可以出发的，只是在移动端会出现延迟的现象，早期移动设备浏览器网页时内容比较小，为增强用户体验，苹果公司专门为移动设备设计了双击放大的功能，确保用户可以非常方便的放大网页内容，但是当用户单击一个按钮时，移动设备会延时（约300ms）执行，判断用单是否要双击。用触屏事件可以解决这个问题。移动端单击事件时：要注意的问题有：1、单击只有一个手指操作；2、判断手指开...
2019-07-20 14:38:04
534
原创 zpeto.js特别定制
zeptojs封装了常的触屏事件，需要touch模块支持，默认没有构建此模，我们可以自定义构建。首先要有node.js环境和npm环境，步骤如下：1、安装Nodejs环境：官网下载node.js，直接安装就好，一直next操作就可以；2、下载zepto.js，https://www.html.cn/doc/zeptojs-1.1.6_api/#3、解压zepto.js压缩包；4、在node...
2019-07-19 13:01:53
137
转载 获取滚动条scrollTop距离总是为0
js监听滚动条事件的时候，能够监听成功，奈何获取scrollTop 的时候总是为0，自己在控制台断点调试后发现还是一直未0，能获取到，就是这个距离是为0，检查语句和HTML还是没有发现错误，后来去百度解决方法，终于明白在不同浏览器下，document.documentElement.scrollTop 和 document.body.scrollTop这两种方式返回的值不一样，先前我只写var s...
2019-07-17 16:38:36
5021
原创 百度未授权使用地图API,可能是因为您提供的密钥不是有效的百度LBS开放平台密钥.
在使用百度地图API的时候，运行在浏览器上出现:百度未授权使用地图API，可能是因为您提供的密钥不是有效的百度LBS开放平台密钥，或此密钥未对本应用的百度地图JavaScriptAPI授权。您可以访问如下网址了解如何获取有效的密钥：http://lbsyun.baidu.com/apiconsole/key#。错误提示，在检查自己设置密钥时的应用类型和启动服务勾选JavaScript API都...
2019-07-11 19:33:17
19310
8
原创 设置下拉框选中项
最近忙完毕业答辩，今天终于可以继续看我的js啦；实现一个随机的下拉选中框<body> <input type="button" id="btn" value="设置"/> <select name="" id="select1"> <option value="1">beijing</option> <opt...
2019-05-28 23:01:03
198
原创 js面向对象实现随机方块效果
先看看效果在看分析：https://codepen.io/iyouu/pen/MdebQO首先，分析对象，面向对象写，面向过程是分析如何一步一步实现方块，每一步骤都清晰明了。这里面向对象：1、把方块看成一个对象；2、工具对象；生成随机数封装成函数。不同功能的函数放到不同的对象中。相关面向对象的东西这里就不写了，可以自己去网上搜索。HTML代码：<!DOCTYPE html&g...
2019-05-12 00:27:27
620
转载 console.dir()和console.log()的区别
console.log方法用于在console窗口输出信息。 在网页脚本中使用console.log()时，会在浏览器控制台打印出信息。console.dir()可以显示一个对象所有的属性和方法,用来对一个对象进行检查（inspect），并以易于阅读和打印的格式显示。关于console文章请点击：https://segmentfault.com/a/1190000004528137...
2019-05-05 20:10:15
532
原创 js实现canvas简单的验证码
首先，canvas：固定在浏览器上的画布，浏览器支持Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持 及其属性和方法。canvas为我们敞开了新一扇大门。属于HTML5中新增的一个标签，看起来与其他标签区别不大，在验证码之前，应该学习canvas相关API，这里介绍本次用到的canvas方法 ：fillStyle 设置或返回用于...
2019-05-04 16:53:19
843
1
原创 文本溢出处理
在做京东首页时，遇到京东新闻那一块，文本溢出需求做…处理京东效果图html代码 <div class="jd_news"> <div class="news"> <div class="news_hd"> <h5 class=...
2019-05-04 14:32:58
140
原创 webstrom运行浏览器配置
首先在运行HTML文件时，如果浏览器配置不对回出现弹出框windown找不到路径，是因为我们的浏览器路径没有配置或者配置错误，笔者是因为没有配置。配置步骤：打开左上角的File–>setting找到Tools--------> web browsers,设置路径（你的浏览器所在的路径），点击apply，最后ok就可以了。...
2019-04-28 13:25:38
766
原创 css实现盒子水平居中
展示4种，有两个元素，父盒子和子盒子。1、使用margin: 0 auto;-2、使用margin左右边距计算用margin-left：宽度固定；3、先让盒子左右边缘和父盒子垂直的中心边缘重叠，再往回走自己宽度的一半。4、把子盒子转换成行内块，然后父盒子使用text-align：center；宽度不确定块状元素水平居中——把块状元素改为inline行内元素（也可以改成inline-b...
2019-04-26 17:19:57
3985
原创 css写一个小黄人
小黄人实现思想：1、用一个容器装小黄人，样式定位为相对定位：<div class="wrap"></div>2、把整个小黄人的身体做出来，然后添加头发；3、实现小黄人的手臂；4、小黄人的腿、脚；5、小黄人的眼睛、眼镜、眼球部分6、衣服部分。我这里主要使用伪元素，CSS3的动画animation，transform；Animation:动画名称 动画时间 运...
2019-04-24 17:04:38
476
原创 css:用css实现图片旋转轮播3d效果
CSS3的transform-style::css3属性，在3d空间非常重要的一个属性，有两个值：flat 子元素将不保留其 3D 位置，默认值。preserve-3d 子元素将保留其 3D 位置。要注意的是ie不支持transform-style 属性规定如何在 3D 空间中呈现被嵌套的元素。效果显示效果图思路：把六张图片放在一起，每张图片转换角度，角度自己调试，中间一张图片作为中...
2019-04-23 16:43:04
1574
1
原创 关于CSS透视perspective的第一次”见面“
关于CSS透视perspective的第一次”见面“今天在看教学视频，学到CSS中的透视属性，视觉上觉得非常舒服，跟着写了个小小的demo.记录一下学习。首先实现效果如下：1、中间有一张图片，有两扇门，两个把手；2、鼠标移动到整个门的时候，两扇门就向两边打开，立体显示。HTML代码：<section> <div class="door-1"></di...
2019-04-23 12:02:50
261
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人