
前端html
前端自由人
这个作者很懒,什么都没留下…
展开
-
nodejs的service.js
用nodejs写服务返回数据var express = require('express');var app = express()var bodyParser = require('body-parser') // 解析的// 解析json参数app.use(bodyParser.json());// 创建application/x-www-form-urlencoded 编码解析app.use(bodyParser.urlencoded({ extended: true}))// 设置原创 2021-03-19 11:24:56 · 1103 阅读 · 0 评论 -
angular的service服务使用
一、service服务ng g s service/search服务组件:search.service.tsname:string = 'kk'public getName():string{ return this.name } public setName(v:string):void{ this.name = v }组件使用service// ts文件// 导入服务import {SearchService} from '../service/se原创 2021-03-10 23:23:27 · 2518 阅读 · 1 评论 -
javascript数据类型和栈堆存放解析
javascript数据类型和栈堆存放解析栈和堆栈是单独存放堆是存放地址,指向对象// 栈 var a = 'mooc'var b = ab = 'moo2'console.log(a,b) // mooc moo2// 堆var c = {key : 1}var d = cd.key = 2console.log(c,d) // 2,2// 存放解析// ['mooc','moo2] // 栈// c d [ 'x00018', 'x00018'原创 2021-03-02 22:18:19 · 135 阅读 · 0 评论 -
js中的值类型和引用类型的区别
js中的值类型和引用类型的区别1.JavaScript中的变量类型有哪些?2.值类型和引用类型的区别实例:几方面的区别举例:总结1.JavaScript中的变量类型有哪些?(1)值类型(基本类型):字符串(string)、数值(number)、布尔值(boolean)、undefined、null (这5种基本数据类型是按值访问的,因为可以操作保存在变量中的实际的值)(ECMAScript ...原创 2019-11-07 23:35:05 · 214 阅读 · 0 评论 -
js原型--模仿jquery显示和事件绑定
原型事件绑定简单的代码演示function Elem(id) { this.elem = document.getElementById(id) } Elem.prototype.html = function (val) { var elem = this.elem; if (val){ elem.in...原创 2019-11-07 19:09:55 · 188 阅读 · 0 评论 -
js设计模式-装饰者模式
设计模式装饰者模式es7例子,装饰器写法装饰者模式es7例子,装饰器写法需要安装插件npm install babel-plugin-transform-decorators-legacy --save-dev文件设置.babelrc的"plugins":["transform-decorators-legacy"]function testDec(isDec){ retur...原创 2019-11-04 11:48:32 · 153 阅读 · 0 评论 -
js单例模式
js单例模式解析简单代码理解登录应用场景,例子解析就是此终只有一个实例对象,(就是只有一个new的构造函数)简单代码理解class loginForm{ constructor(){ this.state = 'hide'; }}// 这是挂载loginForm的静态方法-----重点1,,会始终只有一个loginForm....原创 2019-11-03 13:46:01 · 126 阅读 · 0 评论 -
js的执行顺序问题
JS的执行顺序一、 语法分析浏览器将所有JS检查一遍,看有没有语法错误,这里并不会执行,没有错误则进行第二步,预编译二、预编译预编译的时候会创建一个AO对象(Activation Object)执行上下文函数声明整体提升,变量 声明提升。 值为undefind,,理解:(找形参和变量声明,将形参和变量作为AO对象的属性名,值为undefined;)。三、语句执行异...原创 2019-11-02 12:26:34 · 263 阅读 · 0 评论 -
前端v8内存管理
主要知识点解析:v8是js运行的引擎为什么我们要关注内存v8引擎的机制v8内存分配内存大小老生代问题新生代如何晋升到老生代02、v8是如何处理变量的变量处理优化内存的技巧(变量)防止内存泄漏解析:v8是js运行的引擎v8引擎如何回收垃圾如何查看v8内存使用情况内存优化实例为什么我们要关注内存防止页面占用内存过大,引起客户端卡顿,甚至无响应Node使用的也是v8,内存对于后端服务...原创 2019-11-02 10:42:03 · 547 阅读 · 0 评论 -
async,await配合promise的使用
async,await配合promise的使用async function kk(){ const data = await getData(); console.log(data)};function getData(){ return new Promise((resolve) => { setTimeout(function () { ...原创 2019-10-31 14:57:37 · 679 阅读 · 1 评论 -
css水平垂直居中多种方法
水平居中 第一种//结构<div class="parent"> <div class="child"></div> </div>.parent{ text-align: center;}.child{ display:inline-block;}text-align属性:是为文本内容...原创 2019-10-31 14:54:28 · 111 阅读 · 0 评论 -
添加码云ssh秘钥
文章目录生成 sshkey获取ssh key到码云添加ssh key生成 sshkey打开终端按如下命令输入自己码云账号来生成 sshkey:ssh-keygen -t rsa -C "xxxxx@xxxxx.com" 按照如下图提示完成三次回车,即可生成 ssh key获取ssh key输入如下命令可查看已经生成的ssh key(若提示cat不是内部命令,可关掉终端,再次输入...原创 2019-09-10 14:16:06 · 918 阅读 · 0 评论 -
js判断数据类型4中种方法
文章目录判断数据类型1. typeof介绍2. instanceof3. constructor方法4.Object.prototype.toString.call()判断数据类型有4中方法typeofinstanceofconstructorObject.prototype.toString.call() //这个完美1. typeof介绍console.log(type...原创 2019-08-31 16:19:55 · 145 阅读 · 0 评论 -
js数据类型之Nnmber
文章目录数据类型Number对象方法Math对象方法数据类型Undefined;Null;Boolean;String;Number;Symbol; //es6多出的Object。Number对象方法toSting (有介绍)toLocaleStringtoFixed (有介绍)toExponentialtoPrecision (有介绍)val...原创 2019-08-31 15:45:27 · 207 阅读 · 0 评论 -
Js的this原理
文章目录调用方法2中写法详细理解例子调用方法2中写法this指向完全不同var obj = { foo: function () {}};var foo = obj.foo;// 写法一obj.foo() //obj调用,this指向obj// 写法二foo() //window调用,this指向window详细理解例子var obj = { fo...原创 2019-08-31 12:49:20 · 133 阅读 · 0 评论 -
es6的class类
文章目录Class的基本语法简介和基本用法静态方法 staticclass继承类的prototype属性和_proto_属性Class的基本语法简介和基本用法基本上,ES6 的class可以看作只是一个语法糖,它的绝大部分功能,ES5 都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已.语法对比1es5写法function Point(x, ...原创 2019-08-31 12:30:29 · 255 阅读 · 0 评论 -
js链式调用
文章目录js链式调用js链式调用概念:只有本对象才能调用,利用this作用域,返回this例子: class Cat{ constructor(name){ this.name = name; this.run =function(){ console.log(name + ' run'); ...原创 2019-08-31 10:42:38 · 314 阅读 · 0 评论 -
js单例设计模式
文章目录单体模式概念:作用:惰性单体 技术分支单体技术单体模式弊端单体模式概念:解析:最简单的单体其实就是一个对象字面量。它把一批有一定关联的方法和属性组织在一起。var Singleton={ name: nimei, age: 2, walk: function(){ ... }, eat: function(){ ...原创 2019-08-31 09:54:39 · 122 阅读 · 0 评论 -
vuex的简单使用
vuex的简单使用安装创建vue仓库文件store.js配置使用文件安装本地环境安装vuex插件:npm install vuex创建vue仓库文件store.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)//定义state存放数据的const state = { num : 1}//定义mutat...原创 2019-07-15 12:25:33 · 126 阅读 · 0 评论 -
vue知识 的ref使用
vue小知识点ref 的使用ref 的使用ref是绑定在标签中,操作dom的例子: <div class="nav_right" ref="city" v-on:click='changeCityFun'>清远</div> methods:{ changeCityFun(){ var kk = this.$ref...原创 2020-10-20 14:03:31 · 583 阅读 · 0 评论 -
小知识①v-once②is③props校验④组件绑定原生事件⑤插槽slot
v-once这个指令不需要任何表达式,它的作用就是定义它的元素或组件只会渲染一次,包括元素或者组件的所有字节点。首次渲染后,不再随着数据的改变而重新渲染。也就是说使用v-once,那么该块都将被视为静态内容。例子1:使用方法Vue.component('child-one',{ template:'<div v-once>这是childone组件</div>...原创 2019-07-15 23:59:05 · 189 阅读 · 0 评论 -
css样式
初始化项目的一些基本问题--摘要移动端:解决点击300毫秒延迟样式初始化 参考文件移动端:1像素边框问题移动端:解决点击300毫秒延迟使用插件fastClick①npm install fastCilck --save②import fastClick from ‘fastClick’③fastClick.attach(document.body)样式初始化 参考文件文件名reset...原创 2020-10-20 14:03:06 · 69 阅读 · 0 评论 -
html5新特性,和一些标签用法
html5新特性,和一些标签用法table表格的使用 属性:[colspan,rowspan]table里的thead tfoot tbody的用法ul ol li dl dt ddtextarea文本区域input label的连着用法from的表单与连用属性html5嵌入音频,嵌入视频table表格的使用 属性:[colspan,rowspan]配合使用的所有元素有:大盒子:tabl...原创 2020-10-20 14:02:11 · 337 阅读 · 0 评论 -
webpack 全局安装和项目安装
webpack 全局安装和项目安装全局安装根据项目安装全局安装命令安装:npm install webpack webpack-cli -g效果为显示成功根据项目安装解决多个项目使用不同的webpack版本问题删除全局webpack命令:npm uninstall webpack webpack-cli -g根据项目安装,终端进入项目文件夹可以选择相应版本,执行命令:npm i...原创 2020-10-20 14:02:34 · 595 阅读 · 0 评论 -
css
cssinput选择框checkbox的美化,如何做?前端兼容性问题input选择框checkbox的美化,如何做?作用:可以隐藏默认样式,设置自己喜欢的选择框label[for]和id隐藏原生input:checked + labelhtml代码: <div class="checkbox"> <input type="checkbox" id...原创 2019-08-07 23:23:54 · 85 阅读 · 0 评论 -
git管理代码命令
git代码管理命令提交代码分支用法提交完分支后 如何合并分支到主分支上查看所有分支进阶提交代码git add . (.可以改为单位件,这样就可以提交单文件了)git commit -m ‘描述’git push 提交分支用法git pullgit checkout index-swipergit status 查看当前分支状态提交完分支后 如何合并分支到主分...原创 2019-08-14 09:52:54 · 404 阅读 · 0 评论 -
axios应用和配置方法
axiosaxios特性1.常规特性2.支持的浏览器axios --> http请求方法axios基础用法 2种写法axios进阶用法(实例,配置,拦截器,取消请求等)axios进一步封装,在项目中的实际应用axios特性1.常规特性支持Promise API拦截请求和响应转换请求数据和响应数据(在请求的时候,有一些敏感信息需要加密,然后回来的时候可以解密)取消请求自动转换J...原创 2019-08-24 23:58:32 · 302 阅读 · 0 评论 -
小程序基础总结
小程序根目录文件代码结构解析.app.js文件app.json文件app.wxss文件project.config.json文件sitemap.jsonpages文件夹:wxml常用标签修改data数据常用指令:生命周期跳转页面:根目录文件代码结构解析最外层单独文件:.app.js文件设置一些全局的基础数据等app.json文件底部tab, 标题栏和路由等设置;“page”:{} ...原创 2019-08-16 18:29:06 · 149 阅读 · 0 评论 -
vue基础混入方法
vue复用性--混入解析例子选项合并全局混入自定义选项合并策略解析混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。例子Test.js文件:导出对象export default { created: function () { ...原创 2019-08-22 09:32:01 · 1327 阅读 · 0 评论 -
es6的set方法map方法
es6总结:数组集合:set介绍及用法map总结:set是创建新数组实例map是键的值得数据结构数组集合:set介绍及用法概念:一个Set是一堆东西的集合,Set有点像数组,不过跟数组不一样的是,Set里面不能有重复的内容;实例属性和方法:size、add、delete、has、clear // 创建一个集合 var arr= new Set( ['aa','bb','cc...原创 2019-08-26 13:03:02 · 500 阅读 · 0 评论 -
前端:三栏布局基本方案及写法
前端:三栏布局题目:写出三栏布局,其中左栏,右栏各为300px,中间自适应1、浮动float 解决方案2、绝对定位 解决方案3、flexbox 解决方案4、表格table 解决方案5、网格grid 解决方案效果预览延伸问题1、这几个解决方案的优缺点。他们之间的比较。2、把高度去掉,考虑纵向,那个方案不能用了。3、兼容性,哪个放到业务中最实用?题目:写出三栏布局,其中左栏,右栏各为300px,中间...原创 2019-07-08 13:09:16 · 569 阅读 · 0 评论