- 博客(39)
- 收藏
- 关注
RSS订阅原创 vue-cli3 预渲染
如果你调研服务器端渲染 (SSR) 只是用来改善少数营销页面（例如 /, /about, /contact 等）的 SEO，那么你可能需要预渲染。无需使用 web 服务器实时动态编译 HTML，而是使用预渲染方式，在构建时 (build time) 简单地生成针对特定路由的静态 HTML 文件。优点是设置预渲染更简单，并可以将你的前端作为一个完全静态的站点。如果你使用 webpack，你可以使用 prerender-spa-plugin 轻松地添加预渲染。它已经被 Vue 应用程序广泛测试 - 事实.
2021-11-29 15:07:26
865
原创 vue element表格中自定义表头添加输入框无法输入的问题
<!-- 官网案例 --><el-table-column align="right"> <template slot="header" slot-scope="scope"> <el-input v-model="search" size="mini" placeholder="输入关键字搜索"/> </template> <template slot-scope="scope"&g
2021-06-25 10:26:59
1727
6
原创 vue中使用$set和$forceUpdate刷新视图
$set在开发过程中，我们时常会遇到这样一种情况：当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性，如果更新此属性的值，是不会更新视图的。根据官方文档定义：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty 把这些属性全部转为getter/setter。受现代 JavaScr
2021-06-08 14:56:59
1117
1
原创 NodeJs开发和部署工具：nodemon 和 pm2
开发环境nodemonnodemon是一种工具，可以自动检测到目录中的文件更改时通过重新启动应用程序来调试基于node.js的应用程序。安装npm install -g nodemon//或npm install --save-dev nodemon使用nodemon server.js//nodemon替换nodepackage.json文件中设置如下，可改为命令行cnpm run serve运行node"scripts": { "serve": "nodemon inde
2021-06-07 15:46:25
716
原创 npm-lodash
中文文档常用到方法：_.get_set_.mapValues_.pick_.omit1. _.get(object, path, [defaultValue])根据 object对象的path路径获取值。 如果解析 value 是 undefined 会以 defaultValue 取代。参数object (Object): 要检索的对象。path (Array|string): 要获取属性的路径。[defaultValue] (*): 如果解析值是 undefined ，这值会被返
2021-06-04 11:36:06
559
原创 chrome调试，$$的使用
在Chrome调试中，想要快速获取页面标签或内容，可以在控制台中使用$$，类似jQuery中的$。例子：获取王者荣耀新闻资讯中的内容，可以使用$$('.news_list .title').map(i=>i.innerHTML)
2021-06-03 13:30:17
439
原创 vue 编辑添加页面引用同一个组件，不自动更新页面的解决方法
<router-view>默认以组件区分，但如果两个页面使用同一个组件，则互相跳转不会更新页面，这时可以使用:key="$route.path"区分<router-view :key="$route.path"></router-view>
2021-06-02 16:26:59
654
原创 Vue element el-form表单提交 敲击enter键时 url上会自动加上问号？并刷新页面解决办法
注意： 鼠标事件导致页面刷新问题，在el-form上增加 @submit.native.prevent 可阻止页面刷新<el-form @submit.native.prevent> <el-form-item :inline="true"> <el-input @keyup.enter.native='onSubmit'></el-input> </el-form-item> <el-form-item>
2021-06-02 15:09:52
606
原创 Vue组件v-if新渲染的组件不更新
Vue组件v-if新渲染的组件不更新：可能原因是Vue识别到是相似组件（高度相似甚至相同）不会更新元素。给原来的组件和新组件分别给不同的key值让Vue识别为不同的组件。
2021-06-02 14:46:10
1334
原创 代码规范
1. 命名规范1. 项目命名全部采用小写方式， 以中划线分隔。例：my-project-name2. 目录命名参照项目命名规则；有复数结构时，要采用复数命名法。例：pages, assets3. javaScript 文件命名参照项目命名规则。例：account-model.js4. css,less,scss文件命名参照项目命名规则。例：retina-sprites.less5. HTML文件命名参照项目命名规则。例：error-report.html6. Vue中组件C
2021-04-27 18:25:44
367
原创 axios用POST请求的三种content-type方式
application/x-www-form-urlencoded最常见的POST编码方式。在nodejs中我们可以使用querystring中间件对参数进行分离。import axios from 'axios';import qs from 'qs'let data={name:'张三',age:18};axios.post('url',qs.stringify(data)).then(res=>{ console.log('返回数据：',res)})network显示”：各个
2020-10-30 16:55:12
4644
原创 Node.js学习（七）mongoose操作数据库
学习视频Node.js学习（一）介绍Node.js学习（二）异步、缓存区、文件系统Node.js学习（三）常用模块与网络爬虫Node.js学习（四）网络服务器Node.js学习（五）express框架Node.js学习（六）Mongodb数据库什么是mongoose？mongoose是一个基于node.js的用于操作MongoDB数据库的第三方模块。mongoose的安装先配置一个express框架npm install mongoosemongoose使用连接数据库/.
2020-10-26 16:47:40
341
1
原创 Node.js学习（六）Mongodb数据库
学习视频Node.js学习（一）介绍Node.js学习（二）异步、缓存区、文件系统Node.js学习（三）常用模块与网络爬虫Node.js学习（四）网络服务器Node.js学习（五）express框架数据库可视化工具：mongoVUE什么是数据库？数据库（database）是一个按照数据结构进行数据的组织、管理、存放数据的仓库。关系型数据库按照关系模型存储数据的数据库，数据与数据之间的关联非常密切，可以实现跨数据表查询数据，占用更少的硬盘实现更多数据存储。T-SQL标准的结构化.
2020-10-23 14:18:27
218
1
原创 Node.js学习（五）express框架
学习视频Node.js学习（一）介绍Node.js学习（二）异步、缓存区、文件系统Node.js学习（三）常用模块与网络爬虫Node.js学习（四）网络服务器介绍什么是ExpressExpress是一个基于node.js的极简、灵活的web开发框架。可以实现非常强大的web服务器功能。express的特点可以设置中间件响应或过滤http请求可以使用路由实现动态网页，响应不用的http请求内置支持ejs模板（默认地jade模板）实现模板渲染生成htmlexpress-genera.
2020-10-19 17:07:07
280
原创 Node.js学习（四）网络服务器
学习视频Node.js学习（一）介绍Node.js学习（二）异步、缓存区、文件系统Node.js学习（三）常用模块与网络爬虫
2020-10-15 17:08:20
306
原创 Node.js学习（二）异步、缓存区、文件系统
学习视频Node.js学习（一）介绍NodeJs回调函数什么是回调函数回调函数又称为回调，将a函数作为参数传入b函数中，b函数在执行过程中根据时机或条件决定是否调用a函数，a函数就是回调函数。实现机制1）定义一个回调函数（普通的函数）2）将回调函数的函数引用地址作为参数传递给调用者（调用者本身也是一个函数）3）当特定的事件或条件发生的时候，调用者使用函数指针调用回调函数对事件...
2020-08-31 16:16:49
196
原创 Node.js学习（一）介绍
介绍什么是Node.jsNode.js是一个基于Chrome V8引擎的JavaScript运行环境Node.js和JS有什么区别Node.js是一个JS的运行环境，与浏览器的JS执行功能是一样的JS是一门编程语言为什么学Node.js前后端语言统一（JavaScript理想状态）前后端分离（淘宝架构）前端开发工具很多都基于Node.js，只有会Node.js，使用起来才能得心...
2020-01-19 16:15:46
201
原创 关于全栈工程师的贴士
全栈工程师应该具备的技术前端html(5)+css(3)JavaScript(jQuery,vue,react…)后端Java(jsp)PythonNodePHP(php)C#（.net-&amp;amp;amp;gt;dot net）(ASP.NET)C数据库MySQLSqlServeroracleMongoDB（和node结合紧密）自动化git/svnwebpack（...
2019-07-17 11:26:54
319
原创 VUE快速入门与实践（下）
这一部分主要讲的是vue的实践准备工作安装必要的文件下载一个全局生成vue项目的脚手架npm install vue-cli -gvue init webpack 项目名字cd 项目名npm install npm run dev模块node模块的规范commonjsjs模块cmd(seajs) ，amd(require)umd 为了上面两种做兼容处理esmo...
2019-03-19 13:58:37
641
原创 node内置模块
fs分为同步方法和异步方法(其中Sync是同步)fs.readFile(filename,[option].callback) 读取文件内容fs.writeFile(filename,data,[option],callback) 写入文件内容fs.mkdir(path,callback) 创建目录fs.readdir(path,callback) 读取目录fs.stat(path,...
2019-02-22 14:58:05
715
原创 百度地图海量点尺寸和大小
百度地图接口文档ShapeType此枚举类型表示海量点预设的不同形状。常量描述BMAP_POINT_SHAPE_CIRCLE圆形，为默认形状BMAP_POINT_SHAPE_STAR星形BMAP_POINT_SHAPE_SQUARE方形BMAP_POINT_SHAPE_RHOMBUS菱形BMAP_POINT_SHAPE_WATERDROP...
2018-11-30 17:03:16
6745
原创 contenteditable="true"属性可以让div+css相当于Input
<p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p>contenteditable 属性规定是否可编辑元素的内容。contenteditable 属性是 HTML5 中的新属性。...
2018-10-29 17:08:32
617
原创 VUE快速入门与实践（上）
简介vue.js是一套构建用户界面的渐进式框架。 vue全家桶：vue.js+vue-router+vuex+axios特点核心只关注视图层（view)易学，轻量，灵活的特点适用于移动端项目渐进式框架渐进式的理解 1. 声明式渲染（无需关系如何实现） 2. 组建系统 3. 客户端路由（vue-router) 4. 大规模状态管理（vuex) 5. 构...
2018-09-25 16:42:53
373
转载 让网站不去请求favicon.ico图标
favicon.ico 图标用于收藏夹图标和浏览器标签上的显示，如果不设置，浏览器会请求网站根目录的这个图标，如果网站根目录也没有这图标会产生 404。出于优化的考虑，要么就有这个图标，要么就禁止产生这个请求。 在做 H5 混合应用的时候，不希望产生 favicon.ico 的请求。 可以在页面的 <head> 区域，加上如下代码实现屏蔽： <link rel="icon"...
2018-08-08 09:10:56
24771
原创 数组的几个操作filter，map，includes，find，some，every，reduce，find，findIndex
let arr=[1,2,3,4,5,55];filter(筛选)let newArr=arr.filter(function (i) { return i>2&&i<5;});返回新数组，不会改变原数组。map(映射)let newArrs=arr.map(function (i) { return `<li>$...
2018-07-18 17:47:04
2964
原创 for、forEach、for-in与for-of的区别
let arr=[1,2,3,4,5];arr.b='100';forfor(let i=0;i<arr.length;i++){ console.log(arr[i]);}for是编程式forEacharr.forEach(function(i){ console.log(item);});forEach是声明式（不关心如何实现），...
2018-07-17 16:07:49
990
原创 jquery ajax异步 获得返回值
var config= JSON.parse($.ajax({url:'js/config.json',type:'POST',data:'',async:true}).responseText);url ：请求地址 type ： 请求方式 data ：请求参数 async : 是否异步 变量config 即为获得的返回值，JSON.parse 将返回的字符串转为JSON格式。
2017-12-20 15:51:40
2734
原创 Git常用命令
下载并安装Gitwindows系统中的git下载地址 安装完成后，在开始菜单里找到“Git”->“Git Bash”，蹦出一个类似命令行窗口的东西，就说明Git安装成功！ 安装成功，对git仓库设置名称和邮箱。 $ git config --global user.name "Your Name" $ git config --global user.email "Your Email"
2017-11-29 11:35:42
209
原创 IOS中select下拉框文字过长不换行并且出现省略号的解决方法
今天在做一个混合型APP时，遇到在ios中的下拉框文字不换行，并且出现省略号的情况，经上网查证使用<optgroup>标签即可。 <optgroup>标签定义选项组。 <optgroup>标签用于组合选项。当你使用一个长的选项列表时，对相关的选项进行组合会使处理更加容易。 如下：
2017-11-21 16:47:45
3620
2
原创 慕课网AngularJS实战讲解视频笔记
慕课网AngularJS实战视频 笔记如下：1. 快速上手四个特性：MVC，模块化，指令系统，双向数据绑定1. 快速上手 2. 开发、调试、测试工具sublime webstorm Batarang git git小乌龟 NodeJS grunt 只需下载以上3个插件即可。bower http-
2017-09-26 12:00:13
519
原创 在 chrome浏览器上出现错误ERR_BLOCKED_BY_CLIENT
今天在做一个小demo的时候，发现用chrome浏览器打开的页面，上面有几张图片不显示出来，控制台提示ERR_BLOCKED_BY_CLIENT 的错误。尝试使用其他浏览器正常显示，查阅资料后才知道，原来是浏览器上的拦截广告的插件将这几张图片拦截了，将拦截广告的插件关闭，即可显示图片。
2017-09-25 17:32:43
2930
1
原创 web开发中的打印功能，如何去掉chrome浏览器的页眉页脚
在制定web开发中的打印功能时，会发现打印的内容中，出现时间、标题、网址、页码。那么如何去掉这些东西呢。 其实这些是chrome浏览器打印功能自带的设置。 点击“更多设置” 会出现页眉页脚的设置，不要勾选即可去掉页眉页脚。
2017-09-13 17:27:06
9464
3
原创 js打印局部区域，并且保留input标签里的value值
最近在做一个打印订单明细报表的功能，查阅网上资料，一般的思路都是把需要打印出来的区域提取出来，再赋予到当前页面body中，最后执行print()事件。例如：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,
2017-09-13 17:13:17
4468
2
转载 http-equiv属性详解(转)
http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。 引用 meat标签的http-equiv属性语法格式是：<meta http-equiv="参数" content="参数变量值"> ；其中http-equiv属性主要有以下几种参数：1.
2017-09-12 14:19:45
481
原创 AngularJS 学习笔记（2）
观看angularJS视频教程做了如下笔记： 一、简介 1. $scope 里的$apply $digest 方法 scope 是一个指向应用model的object，也是表达式的执行 上下文。 scope 被放置于一个类似应用的DOM结构的层次结构中。angular是怎么知道变量发生了改变：要知道一个变量变了，方法不外乎两种： 1.能通过固定的接口才能改变变量的值，比如说只
2017-09-05 16:28:04
358
原创 AnguelarJS学习笔记
观看极客学院Angular学习视频，做了如下笔记。一、入门1. AngularJS简介AngularJS诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。 AngularJS 是一个
2017-08-17 17:17:31
426
原创 React基础(未完结)
在这个网址中，有对react学习资料的汇总。观看ReactJS中文基础视频教程中关于react的教程，做了如下笔记。React是由工作在Facebook的优秀程序员开发出来的用于开发用户交互界面的JS库，React带来了很多新的东西如组件化、JSX、虚拟DOM等。其提供的虚拟DOM使得我们渲染组件呈现非常之快，让我们从频繁操作DOM的繁重工作之中解脱。了解React的人都知道，它做的工作更多偏重于M
2017-08-17 09:52:54
266
原创 ECMAScript6介绍
通过观看PHP中文网中关于ECMAScript6的学习教程，做了如下笔记。ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association）通过ECMA-262标准化的脚本程序设计语言。这种语言在万维网上应用广泛，它往往被称为JavaScript或JScript，但实际上后两者是ECMA-26
2017-08-09 15:03:01
896
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人